establish webcam icon -- better use in png and need 2 icons one with circle...

establish webcam icon  -- better use in png and need 2 icons one with circle in the center - anotuher one with text ( numbers)

app/src/main/res/drawable/ic_webcam.xml

+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="29.333332dp"
+    android:height="32dp"
+    android:viewportWidth="29.333332"
+    android:viewportHeight="32">
+  <group>
+    <clip-path android:pathData="M22.6556,26.1103 L24.8134,29.5128C25.1329,30.0167 25.1462,30.6484 24.8481,31.1644 24.5502,31.6803 23.9874,32 23.3769,32L6.0128,32C5.405,32 4.8444,31.6832 4.5451,31.1708 4.246,30.6584 4.2549,30.0298 4.5684,29.5254L6.6871,26.1162C2.6651,23.5806 0,19.1884 0,14.2041 0,6.3719 6.5794,0 14.6667,0 22.7539,0 29.3333,6.3719 29.3333,14.2041 29.3333,19.1845 26.6723,23.5738 22.6556,26.1103Z M 0,0"/>
+    <group>
+      <clip-path android:pathData="M-185.3333,97.3333L314.6667,97.3333L314.6667,-985.3333L-185.3333,-985.3333Z M 0,0"/>
+      <path
+          android:pathData="M-6.6667,-6.6667L36,-6.6667L36,38.6667L-6.6667,38.6667Z"
+          android:fillColor="#ffffff"
+          android:strokeColor="#00000000"
+          android:fillType="nonZero"
+          android:fillAlpha="1"/>
+    </group>
+  </group>
+</vector>

app/src/main/res/layout/cam_button_viewholder.xml

@@ -12,7 +12,8 @@
         android:layout_height="24dp"
         android:layout_gravity="start|center_vertical"
         android:layout_weight="0"
-        app:srcCompat="@drawable/ic_favorites" />
+        android:tint="@color/colorAccent"
+        app:srcCompat="@drawable/ic_webcam" />
 
     <com.google.android.material.textview.MaterialTextView
         android:id="@+id/textView7"