diff --git a/.idea/misc.xml b/.idea/misc.xml
index 63646c6..c3cbe87 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -6,6 +6,14 @@
         <entry key="..\:/Users/Student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/layout/fragment_home.xml" value="0.1" />
         <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/flame_style.xml" value="0.3907407407407407" />
         <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/frame_style.xml" value="0.3907407407407407" />
+        <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/ic_baseline_fast_forward_24.xml" value="0.3824074074074074" />
+        <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/ic_baseline_fast_rewind.xml" value="0.3824074074074074" />
+        <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/ic_baseline_palette_24.xml" value="0.3824074074074074" />
+        <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/ic_baseline_pause.xml" value="0.3824074074074074" />
+        <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/ic_baseline_pending.xml" value="0.3824074074074074" />
+        <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/ic_baseline_play_arrow.xml" value="0.3824074074074074" />
+        <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/ic_baseline_refresh.xml" value="0.3824074074074074" />
+        <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/ic_baseline_west.xml" value="0.3824074074074074" />
         <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/ic_paint_tool_button.xml" value="0.2712962962962963" />
         <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/layout/activity_animation.xml" value="0.22870370370370371" />
         <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/layout/activity_animation_detail.xml" value="0.360054347826087" />
diff --git a/app/build.gradle b/app/build.gradle
index b361bc7..ccb56ae 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -8,7 +8,7 @@
 
     defaultConfig {
         applicationId "org.ntlab.acanthus_client"
-        minSdkVersion 22
+        minSdkVersion 21
         targetSdkVersion 30
         versionCode 1
         versionName "1.0"
diff --git a/app/src/main/java/org/ntlab/acanthus_client/views/animation/AnimationActivity.java b/app/src/main/java/org/ntlab/acanthus_client/views/animation/AnimationActivity.java
index cbb2429..c627496 100644
--- a/app/src/main/java/org/ntlab/acanthus_client/views/animation/AnimationActivity.java
+++ b/app/src/main/java/org/ntlab/acanthus_client/views/animation/AnimationActivity.java
@@ -66,10 +66,10 @@
         buttonPlayback.setOnClickListener(new View.OnClickListener(){
             public void onClick(View v) {
                 if(animationCanvas.onClickPlayback() == 0){
-                    buttonPlayback.setText("start");
+                    buttonPlayback.setBackgroundDrawable(getResources().getDrawable(R.drawable.ic_baseline_play_arrow));
                 }
                 else {
-                    buttonPlayback.setText("stop");
+                    buttonPlayback.setBackgroundDrawable(getResources().getDrawable(R.drawable.ic_baseline_pause));
                 }
             }
         });
diff --git a/app/src/main/res/drawable/ic_baseline_fast_forward.xml b/app/src/main/res/drawable/ic_baseline_fast_forward.xml
new file mode 100644
index 0000000..cbce5f9
--- /dev/null
+++ b/app/src/main/res/drawable/ic_baseline_fast_forward.xml
@@ -0,0 +1,10 @@
+<vector
+    android:height="50dp"
+    android:viewportHeight="24"
+    android:viewportWidth="24"
+    android:width="50dp"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path
+        android:fillColor="#c0c0c0"
+        android:pathData="M4,18l8.5,-6L4,6v12zM13,6v12l8.5,-6L13,6z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_baseline_fast_rewind.xml b/app/src/main/res/drawable/ic_baseline_fast_rewind.xml
new file mode 100644
index 0000000..71964b2
--- /dev/null
+++ b/app/src/main/res/drawable/ic_baseline_fast_rewind.xml
@@ -0,0 +1,10 @@
+<vector
+    android:height="50dp"
+    android:viewportHeight="24"
+    android:viewportWidth="24"
+    android:width="50dp"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path
+        android:fillColor="#c0c0c0"
+        android:pathData="M11,18L11,6l-8.5,6 8.5,6zM11.5,12l8.5,6L20,6l-8.5,6z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_baseline_pause.xml b/app/src/main/res/drawable/ic_baseline_pause.xml
new file mode 100644
index 0000000..44d6b0b
--- /dev/null
+++ b/app/src/main/res/drawable/ic_baseline_pause.xml
@@ -0,0 +1,10 @@
+<vector
+    android:height="50dp"
+    android:viewportHeight="24"
+    android:viewportWidth="24"
+    android:width="50dp"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path
+        android:fillColor="#c0c0c0"
+        android:pathData="M6,19h4L10,5L6,5v14zM14,5v14h4L18,5h-4z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_baseline_pending.xml b/app/src/main/res/drawable/ic_baseline_pending.xml
new file mode 100644
index 0000000..832ccf3
--- /dev/null
+++ b/app/src/main/res/drawable/ic_baseline_pending.xml
@@ -0,0 +1,10 @@
+<vector
+    android:height="50dp"
+    android:viewportHeight="24"
+    android:viewportWidth="24"
+    android:width="50dp"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path
+        android:fillColor="#c0c0c0"
+        android:pathData="M12,2C6.48,2 2,6.48 2,12c0,5.52 4.48,10 10,10s10,-4.48 10,-10C22,6.48 17.52,2 12,2zM7,13.5c-0.83,0 -1.5,-0.67 -1.5,-1.5c0,-0.83 0.67,-1.5 1.5,-1.5s1.5,0.67 1.5,1.5C8.5,12.83 7.83,13.5 7,13.5zM12,13.5c-0.83,0 -1.5,-0.67 -1.5,-1.5c0,-0.83 0.67,-1.5 1.5,-1.5s1.5,0.67 1.5,1.5C13.5,12.83 12.83,13.5 12,13.5zM17,13.5c-0.83,0 -1.5,-0.67 -1.5,-1.5c0,-0.83 0.67,-1.5 1.5,-1.5s1.5,0.67 1.5,1.5C18.5,12.83 17.83,13.5 17,13.5z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_baseline_play_arrow.xml b/app/src/main/res/drawable/ic_baseline_play_arrow.xml
new file mode 100644
index 0000000..e529c59
--- /dev/null
+++ b/app/src/main/res/drawable/ic_baseline_play_arrow.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="50dp"
+    android:height="50dp"
+    android:viewportWidth="25"
+    android:viewportHeight="25">
+  <path
+      android:fillColor="#c0c0c0"
+      android:pathData="M8,5v14l11,-7z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_baseline_refresh.xml b/app/src/main/res/drawable/ic_baseline_refresh.xml
new file mode 100644
index 0000000..fcb5fcc
--- /dev/null
+++ b/app/src/main/res/drawable/ic_baseline_refresh.xml
@@ -0,0 +1,10 @@
+<vector
+    android:height="50dp"
+    android:viewportHeight="24"
+    android:viewportWidth="24"
+    android:width="50dp"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path
+        android:fillColor="#c0c0c0"
+        android:pathData="M17.65,6.35C16.2,4.9 14.21,4 12,4c-4.42,0 -7.99,3.58 -7.99,8s3.57,8 7.99,8c3.73,0 6.84,-2.55 7.73,-6h-2.08c-0.82,2.33 -3.04,4 -5.65,4 -3.31,0 -6,-2.69 -6,-6s2.69,-6 6,-6c1.66,0 3.14,0.69 4.22,1.78L13,11h7V4l-2.35,2.35z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_baseline_west.xml b/app/src/main/res/drawable/ic_baseline_west.xml
new file mode 100644
index 0000000..5427d83
--- /dev/null
+++ b/app/src/main/res/drawable/ic_baseline_west.xml
@@ -0,0 +1,10 @@
+<vector
+    android:height="50dp"
+    android:viewportHeight="24"
+    android:viewportWidth="24"
+    android:width="50dp"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path
+        android:fillColor="#c0c0c0"
+        android:pathData="M9,19l1.41,-1.41L5.83,13H22V11H5.83l4.59,-4.59L9,5l-7,7L9,19z"/>
+</vector>
diff --git a/app/src/main/res/layout/activity_animation.xml b/app/src/main/res/layout/activity_animation.xml
index a389cfc..9e28390 100644
--- a/app/src/main/res/layout/activity_animation.xml
+++ b/app/src/main/res/layout/activity_animation.xml
@@ -6,6 +6,17 @@
     android:layout_height="match_parent"
     tools:context=".views.animation.AnimationActivity">
 
+    <WebView
+        android:id="@+id/animationWebview"
+        android:layout_width="415dp"
+        android:layout_height="733dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" >
+
+    </WebView>
+
     <org.ntlab.acanthus_client.views.animation.AnimationCanvas
         android:id="@+id/animationMyCanvas"
         android:layout_width="wrap_content"
@@ -19,9 +30,10 @@
 
     <Button
         android:id="@+id/button_playback"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Play"
+        android:layout_width="100dp"
+        android:layout_height="100dp"
+        android:background="@drawable/ic_baseline_play_arrow"
+        android:contentDescription="play_arrow"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintHorizontal_bias="0.498"
@@ -31,9 +43,10 @@
 
     <Button
         android:id="@+id/button_close"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="close"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:background="@drawable/ic_baseline_west"
+        android:contentDescription="close"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintHorizontal_bias="0.0"
@@ -43,9 +56,10 @@
 
     <Button
         android:id="@+id/button_reset"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="reset"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:background="@drawable/ic_baseline_refresh"
+        android:contentDescription="reset"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintHorizontal_bias="0.0"
@@ -55,9 +69,10 @@
 
     <Button
         android:id="@+id/button_detail"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="detail"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:background="@drawable/ic_baseline_pending"
+        android:contentDescription="detail"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintHorizontal_bias="1.0"
@@ -67,9 +82,10 @@
 
     <Button
         android:id="@+id/button_back"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="2s back"
+        android:layout_width="100dp"
+        android:layout_height="100dp"
+        android:background="@drawable/ic_baseline_fast_rewind"
+        android:contentDescription="back"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="@+id/animationMyCanvas"
         app:layout_constraintHorizontal_bias="0.136"
@@ -79,9 +95,10 @@
 
     <Button
         android:id="@+id/button_skip"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="2s skip"
+        android:layout_width="100dp"
+        android:layout_height="100dp"
+        android:background="@drawable/ic_baseline_fast_forward"
+        android:contentDescription="skip"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintHorizontal_bias="0.853"
@@ -89,13 +106,4 @@
         app:layout_constraintTop_toTopOf="parent"
         app:layout_constraintVertical_bias="0.499" />
 
-    <WebView
-        android:id="@+id/animationWebview"
-        android:layout_width="415dp"
-        android:layout_height="733dp"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 89a98a2..b8e6aa3 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -15,4 +15,10 @@
     <string name="invalid_password">Password must be >5 characters</string>
     <string name="login_failed">"Login failed"</string>
     <string name="title_icon">Icon</string>
+    <string name="play_arrow">play_arrow</string>
+    <string name="skip">2s_skip</string>
+    <string name="back">2s_back</string>
+    <string name="detail">detail</string>
+    <string name="reset">reset</string>
+    <string name="close">close</string>
 </resources>
\ No newline at end of file