Example of TextView In XML : <TextView android:id="@+id/text_view_id" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="20dp" android:textColor="#86AD33" android:textSize="20dp" android:textStyle="bold" android:textAllCaps="true" android:background="#7F3AB5"/> IN JAVA : TextView textView = (TextView) findViewById(R.id.text_view_id); textView.setText("Hello CO6I "); //set text for text view ------------------------------------------------------------------------------------ In XML : <EditText android:id="@+id/simpleEditText" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="Username"/><!--set text in edit text--> IN JAVA : package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.EditText; public class MainActivity extends AppCompatActivity implements View.OnClickListener { EditText editText; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); editText = (EditText)findViewById(R.id.simpleEditText); editText.setOnClickListener(this); } @Override public void onClick(View v) { // TODO Auto-generated method stub editText.setText("Username"); } } ------------------------------------------------------------------------------------ In XML : <Button android:id="@+id/backbutton" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="Back" /> IN JAVA : package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.graphics.Color; import android.os.Bundle; import android.view.View; import android.widget.Button; public class MainActivity extends AppCompatActivity implements View.OnClickListener { Button button; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); button = (Button)findViewById(R.id.backbutton); button.setOnClickListener(this); } @Override public void onClick(View v) { // TODO Auto-generated method stub button.setBackgroundColor(Color.RED); } } ------------------------------------------------------------------------------------------ In XML : <ImageButton android:id="@+id/simpleImageButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@android:drawable/ic_delete"/> IN JAVA : package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.graphics.Color; import android.os.Bundle; import android.view.View; import android.widget.ImageButton; public class MainActivity extends AppCompatActivity implements View.OnClickListener { ImageButton button; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); button = (ImageButton)findViewById(R.id.simpleImageButton); button.setOnClickListener(this); } @Override public void onClick(View v) { // TODO Auto-generated method stub button.setBackgroundColor(Color.WHITE); } } ----------------------------------------------------------------------------------------- <ToggleButton android:id="@+id/simpleToggleButton1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:textOff="OFF" android:textOn="ON" android:checked="true" /> package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.graphics.Color; import android.os.Bundle; import android.view.View; import android.widget.ToggleButton; public class MainActivity extends AppCompatActivity implements View.OnClickListener { ToggleButton button; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); button = (ToggleButton)findViewById(R.id.simpleToggleButton1); button.setOnClickListener(this); } @Override public void onClick(View v) { } } ------------------------------------------------------------------------------------------ IN XML : <RadioGroup android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center"> <RadioButton android:id="@+id/simpleRadioButton1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Python" android:checked="false" android:textColor="#f00" android:textSize="35dp"/> <RadioButton android:id="@+id/simpleRadioButton2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Java" android:checked="true" android:textColor="#f00" android:textSize="35dp"/> </RadioGroup> IN JAVA : package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.graphics.Color; import android.os.Bundle; import android.view.View; import android.widget.RadioButton; import android.widget.Toast; public class MainActivity extends AppCompatActivity implements View.OnClickListener { RadioButton button1,button2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); button1 = (RadioButton)findViewById(R.id.simpleRadioButton1); button1.setOnClickListener(this); button2 = (RadioButton)findViewById(R.id.simpleRadioButton2); button2.setOnClickListener(this); } @Override public void onClick(View v) { if(v.getId()==R.id.simpleRadioButton1) { Toast.makeText(getApplicationContext(), "You Selected Python", Toast.LENGTH_SHORT).show(); } else { Toast.makeText(this, "You Selected Java", Toast.LENGTH_SHORT).show(); } // TODO Auto-generated method stub //button.setBackgroundColor(Color.WHITE); } } --------------------------------------------------------------------------------------- ChekBOX package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.CheckBox; import android.widget.Toast; public class MainActivity extends AppCompatActivity implements View.OnClickListener { CheckBox android,java,php; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); android = (CheckBox) findViewById(R.id.androidCheckBox); android.setOnClickListener(this); java = (CheckBox) findViewById(R.id.javaCheckBox); java.setOnClickListener(this); php = (CheckBox) findViewById(R.id.phpCheckBox); php.setOnClickListener(this); } @Override public void onClick(View v) { switch (v.getId()) { case R.id.androidCheckBox: if (android.isChecked()) Toast.makeText(getApplicationContext(), "Android", Toast.LENGTH_LONG).show(); break; case R.id.javaCheckBox: if (java.isChecked()) Toast.makeText(getApplicationContext(), "Java", Toast.LENGTH_LONG).show(); break; case R.id.phpCheckBox: if (php.isChecked()) Toast.makeText(getApplicationContext(), "PHP", Toast.LENGTH_LONG).show(); break; } } } In XMl : <CheckBox android:id="@+id/androidCheckBox" android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="false" android:padding="20dp" android:text="android" android:textColor="#44f" android:textSize="20dp" android:textStyle="bold|italic" /> <CheckBox android:id="@+id/javaCheckBox" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:checked="false" android:padding="20dp" android:text="java" android:textColor="#f44" android:textSize="20dp" android:textStyle="bold|italic" /> <CheckBox android:id="@+id/phpCheckBox" android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="false" android:padding="20dp" android:text="php" android:textColor="#444" android:textSize="20sp" android:textStyle="bold|italic" /> ------------------------------------------------------------------------------------------------------------- Chekbox (diffrent logic) package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.CheckBox; import android.widget.Toast; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } public void onCheckboxClicked(View view) { // Is the view now checked? boolean checked = ((CheckBox) view).isChecked(); switch(view.getId()) { case R.id.checkbox_meat: if (checked) { Toast.makeText(getApplicationContext(), "Non_veg", Toast.LENGTH_LONG).show(); } break; case R.id.checkbox_cheese: if (checked) { Toast.makeText(getApplicationContext(), "Veg", Toast.LENGTH_LONG).show(); } break; } } } <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <CheckBox android:id="@+id/checkbox_meat" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Non_Veg" android:onClick="onCheckboxClicked"/> <CheckBox android:id="@+id/checkbox_cheese" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Veg" android:onClick="onCheckboxClicked"/> </LinearLayout> -------------------------------------------------------------------------------------------------------------------- Progress Bar In XML : <ProgressBar android:id="@+id/simpleProgressBar" style="@style/Widget.AppCompat.ProgressBar.Horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="70dp" android:max="100" android:progress="00" android:indeterminate="true" /> <Button android:id="@+id/startButton" android:layout_width="200dp" android:layout_height="wrap_content" android:layout_marginTop="120dp" android:background="#0f0" android:text="Start" android:textColor="#fff" android:textSize="20sp" android:textStyle="bold" /> In JAVA : package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.ProgressBar; import android.widget.Toast; public class MainActivity extends AppCompatActivity { int progress = 0; ProgressBar simpleProgressBar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); simpleProgressBar = (ProgressBar) findViewById(R.id.simpleProgressBar); Button startButton = (Button) findViewById(R.id.startButton); // perform click event on button startButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { setProgressValue(progress); } }); } private void setProgressValue(final int progress) { // set the progress simpleProgressBar.setProgress(progress); // thread is used to change the progress value Thread thread = new Thread(new Runnable() { @Override public void run() { try { Thread.sleep(1000); } catch (InterruptedException e) { e.printStackTrace(); } setProgressValue(progress + 10); } }); thread.start(); } } --------------------------------------------------------------------------------- List View package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.Toast; public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener { ListView simpleList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); String countryList[] = {"India", "China", "australia", "Portugle", "America", "NewZealand"}; simpleList = (ListView)findViewById(R.id.simpleListView); ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this,R.layout.activity_main,R.id.textView,countryList); simpleList.setAdapter(arrayAdapter); simpleList.setOnItemClickListener(this); } @Override public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) { String month= adapterView.getItemAtPosition(i).toString(); Toast.makeText(getApplicationContext(), "Clicked"+month, Toast.LENGTH_LONG).show(); } } In XML : <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="25dp" android:text="Country's" /> <ListView android:id="@+id/simpleListView" android:layout_width="match_parent" android:layout_height="match_parent" android:divider="#f00" android:dividerHeight="1dp" android:listSelector="#0f0"/> --------------------------------------------------------------------------------------------------------------------------------------- GridView package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.GridView; import android.widget.ListView; import android.widget.Toast; public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener { GridView simpleGrid; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); String countryList[] = {"India", "China", "australia", "Portugle", "America", "NewZealand"}; simpleGrid = (GridView)findViewById(R.id.simpleGridView); ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this,R.layout.activity_main,R.id.textView,countryList); simpleGrid.setAdapter(arrayAdapter); simpleGrid.setOnItemClickListener(this); } @Override public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) { String month= adapterView.getItemAtPosition(i).toString(); Toast.makeText(getApplicationContext(), "Clicked: "+month, Toast.LENGTH_LONG).show(); } } XML : <GridView android:id="@+id/simpleGridView" android:layout_width="match_parent" android:layout_height="wrap_content" android:numColumns="3"/> ----------------------------------------------------------------------------------------------------------------- ImageView package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.ImageView; import android.widget.Toast; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ImageView simpleImageViewCat = (ImageView) findViewById(R.id.simpleImageViewCat);//get the id of first image view ImageView simpleImageViewDog = (ImageView) findViewById(R.id.simpleImageViewDog);//get the id of second image view simpleImageViewCat.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Toast.makeText(getApplicationContext(), "CAT", Toast.LENGTH_LONG).show();//display the text on image click event } }); simpleImageViewDog.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Toast.makeText(getApplicationContext(), "DOG", Toast.LENGTH_LONG).show();//display the text on image click event } }); } } XML : <ImageView android:id="@+id/simpleImageViewCat" android:layout_width="fill_parent" android:layout_height="200dp" android:scaleType="fitXY" android:src="@drawable/cat" /> <ImageView android:id="@+id/simpleImageViewDog" android:layout_width="fill_parent" android:layout_height="200dp" android:layout_below="@+id/simpleImageViewCat" android:layout_marginTop="10dp" android:scaleType="fitXY" android:src="@drawable/dog" /> ------------------------------------------------------------------------------------------------------------------ Scroll View : Vertical XML : <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:fillViewport="false"> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/loginscrn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="80dp" android:text="ScrollView" android:textSize="25dp" android:textStyle="bold" android:layout_gravity="center"/> <TextView android:id="@+id/fstTxt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:text="Welcome to Tutlane" android:layout_gravity="center"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="60dp" android:text="Button One" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="60dp" android:text="Button Two" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="60dp" android:text="Button Three" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="60dp" android:text="Button Four" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="60dp" android:text="Button Five" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="60dp" android:text="Button Six" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="60dp" android:text="Button Seven" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="60dp" android:text="Button Eight" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="60dp" android:text="Button Nine" /> </LinearLayout> </ScrollView> ----------------------------------------------------------------------------------------------------------------------- Scroll View : Horizontal <HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:fillViewport="true"> <LinearLayout android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginTop="150dp"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button One" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button Two" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button Three" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button Four" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button Five" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button Six" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button Seven" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button Eight" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button Nine" /> </LinearLayout> </HorizontalScrollView> -------------------------------------------------------------------------------------------------------------- Custom Toast Alert <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/custom_toast_container" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="10dp" android:paddingRight="10dp" android:background="#80CC28"> <ImageView android:src="@drawable/ic_notification" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="10dp" /> <TextView android:id="@+id/txtvw" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="13dp" android:textColor="#FFF" android:textStyle="bold" android:textSize="15dp" /> </LinearLayout> Design : <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <Button android:id="@+id/btnShow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Show Custom Toast" android:layout_marginTop="150dp" android:layout_marginLeft="110dp"/> </LinearLayout> Code : package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.Gravity; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.Button; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button btn = (Button)findViewById(R.id.btnShow); btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { LayoutInflater inflater = getLayoutInflater(); View layout = inflater.inflate(R.layout.custom_toast, (ViewGroup) findViewById(R.id.custom_toast_container)); TextView tv = (TextView) layout.findViewById(R.id.txtvw); tv.setText("Custom Toast Notification"); Toast toast = new Toast(getApplicationContext()); toast.setGravity(Gravity.CENTER_VERTICAL, 0, 100); toast.setDuration(Toast.LENGTH_LONG); toast.setView(layout); toast.show(); } }); } } -------------------------------------------------------------------------------------------------------------------- Time Picker : package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.Gravity; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.Button; import android.widget.TextView; import android.widget.TimePicker; import android.widget.Toast; public class MainActivity extends AppCompatActivity { TextView time; TimePicker simpleTimePicker; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); time = (TextView) findViewById(R.id.time); simpleTimePicker = (TimePicker) findViewById(R.id.simpleTimePicker); simpleTimePicker.setIs24HourView(false); // used to display AM/PM mode // perform set on time changed listener event simpleTimePicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() { @Override public void onTimeChanged(TimePicker view, int hourOfDay, int minute) { // display a toast with changed values of time picker Toast.makeText(getApplicationContext(), hourOfDay + " " + minute, Toast.LENGTH_SHORT).show(); time.setText("Time is :: " + hourOfDay + " : " + minute); // set the current time in text view } }); } } XML : <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <TimePicker android:id="@+id/simpleTimePicker" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:padding="20dp" android:timePickerMode="spinner" /> <TextView android:id="@+id/time" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:text="Time Is ::" android:textColor="#090" android:textSize="20sp" android:textStyle="bold" /> </RelativeLayout> --------------------------------------------------------------------------------------------------------- Date Picker <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity"> <DatePicker android:id="@+id/simpleDatePicker" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#150" android:datePickerMode="spinner" /> <Button android:id="@+id/submitButton" android:layout_width="200dp" android:layout_height="wrap_content" android:layout_below="@+id/simpleDatePicker" android:layout_centerHorizontal="true" android:layout_marginTop="50dp" android:background="#150" android:text="SUBMIT" android:textColor="#fff" android:textSize="20sp" android:textStyle="bold" /> </RelativeLayout> Java : package com.example.empty_activity_app; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.Gravity; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.Button; import android.widget.DatePicker; import android.widget.TextView; import android.widget.TimePicker; import android.widget.Toast; public class MainActivity extends AppCompatActivity { DatePicker simpleDatePicker; Button submit; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // initiate the date picker and a button simpleDatePicker = (DatePicker) findViewById(R.id.simpleDatePicker); submit = (Button) findViewById(R.id.submitButton); // perform click event on submit button submit.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // get the values for day of month , month and year from a date picker String day = "Day = " + simpleDatePicker.getDayOfMonth(); String month = "Month = " + (simpleDatePicker.getMonth() + 1); String year = "Year = " + simpleDatePicker.getYear(); // display the values by using a toast Toast.makeText(getApplicationContext(), day + "\n" + month + "\n" + year, Toast.LENGTH_LONG).show(); } }); } } ----------------------------------------------------------------------------------------------------------------------------
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter