Refactor SVG paths for improved readability and maintainability

Author: adityatelange

layouts/partials/svg.html

@@ -247,7 +247,9 @@
 </svg>
 {{- else if (eq $icon_name "dzen") -}}
 <svg viewBox="0 0 166 167" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M83.3295 166.23H82.6705C49.7081 166.23 30.436 162.915 17.0154 149.754C3.1854 135.664 0 116.522 0 83.6996V82.7709C0 49.9484 3.1854 30.6762 17.0154 16.7164C30.5658 3.56543 49.7081 0.240234 82.6605 0.240234H83.3295C116.152 0.240234 135.424 3.56543 148.985 16.7164C162.815 30.806 166 49.9484 166 82.7709V83.6996C166 116.532 162.805 135.804 148.985 149.754C135.424 162.905 116.292 166.23 83.3295 166.23ZM145.84 80.771C146.48 80.801 147 81.3308 147 81.9706H146.99V84.6498C146.99 85.2996 146.47 85.8294 145.83 85.8494C122.868 86.7191 108.902 89.6382 99.115 99.4252C89.338 109.202 86.4189 123.148 85.5392 146.071C85.5092 146.71 84.9794 147.23 84.3396 147.23H81.6504C81.0006 147.23 80.4708 146.71 80.4508 146.071C79.5711 123.148 76.652 109.202 66.875 99.4252C57.0981 89.6482 43.1225 86.7191 20.1596 85.8494C19.5198 85.8194 19 85.2896 19 84.6498V81.9706C19 81.3208 19.5198 80.791 20.1596 80.771C43.1225 79.9013 57.0881 76.9822 66.875 67.1952C76.672 57.3983 79.5911 43.4027 80.4608 20.3999C80.4908 19.7601 81.0206 19.2402 81.6604 19.2402H84.3396C84.9894 19.2402 85.5192 19.7601 85.5392 20.3999C86.4089 43.4127 89.328 57.3983 99.125 67.1952C108.902 76.9722 122.878 79.9013 145.84 80.771Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M83.3295 166.23H82.6705C49.7081 166.23 30.436 162.915 17.0154 149.754C3.1854 135.664 0 116.522 0 83.6996V82.7709C0 49.9484 3.1854 30.6762 17.0154 16.7164C30.5658 3.56543 49.7081 0.240234 82.6605 0.240234H83.3295C116.152 0.240234 135.424 3.56543 148.985 16.7164C162.815 30.806 166 49.9484 166 82.7709V83.6996C166 116.532 162.805 135.804 148.985 149.754C135.424 162.905 116.292 166.23 83.3295 166.23ZM145.84 80.771C146.48 80.801 147 81.3308 147 81.9706H146.99V84.6498C146.99 85.2996 146.47 85.8294 145.83 85.8494C122.868 86.7191 108.902 89.6382 99.115 99.4252C89.338 109.202 86.4189 123.148 85.5392 146.071C85.5092 146.71 84.9794 147.23 84.3396 147.23H81.6504C81.0006 147.23 80.4708 146.71 80.4508 146.071C79.5711 123.148 76.652 109.202 66.875 99.4252C57.0981 89.6482 43.1225 86.7191 20.1596 85.8494C19.5198 85.8194 19 85.2896 19 84.6498V81.9706C19 81.3208 19.5198 80.791 20.1596 80.771C43.1225 79.9013 57.0881 76.9822 66.875 67.1952C76.672 57.3983 79.5911 43.4027 80.4608 20.3999C80.4908 19.7601 81.0206 19.2402 81.6604 19.2402H84.3396C84.9894 19.2402 85.5192 19.7601 85.5392 20.3999C86.4089 43.4127 89.328 57.3983 99.125 67.1952C108.902 76.9722 122.878 79.9013 145.84 80.771Z"
+        fill="currentColor" />
 </svg>
 {{- else if (eq $icon_name "email") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentColor" stroke-width="2"
@@ -284,10 +286,14 @@
     <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
 </svg>
 {{- else if (eq $icon_name "farcaster") -}}
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill="currentColor" stroke="currentColor" stroke-width="2">
-    <path d="M257.778 155.556H742.222V844.445H671.111V528.889H670.414C662.554 441.677 589.258 373.333 500 373.333C410.742 373.333 337.446 441.677 329.586 528.889H328.889V844.445H257.778V155.556Z"/>
-    <path d="M128.889 253.333L157.778 351.111H182.222V746.667C169.949 746.667 160 756.616 160 768.889V795.556H155.556C143.283 795.556 133.333 805.505 133.333 817.778V844.445H382.222V817.778C382.222 805.505 372.273 795.556 360 795.556H355.556V768.889C355.556 756.616 345.606 746.667 333.333 746.667H306.667V253.333H128.889Z"/>
-    <path d="M675.556 746.667C663.283 746.667 653.333 756.616 653.333 768.889V795.556H648.889C636.616 795.556 626.667 805.505 626.667 817.778V844.445H875.556V817.778C875.556 805.505 865.606 795.556 853.333 795.556H848.889V768.889C848.889 756.616 838.94 746.667 826.667 746.667V351.111H851.111L880 253.333H702.222V746.667H675.556Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill="currentColor" stroke="currentColor"
+    stroke-width="2">
+    <path
+        d="M257.778 155.556H742.222V844.445H671.111V528.889H670.414C662.554 441.677 589.258 373.333 500 373.333C410.742 373.333 337.446 441.677 329.586 528.889H328.889V844.445H257.778V155.556Z" />
+    <path
+        d="M128.889 253.333L157.778 351.111H182.222V746.667C169.949 746.667 160 756.616 160 768.889V795.556H155.556C143.283 795.556 133.333 805.505 133.333 817.778V844.445H382.222V817.778C382.222 805.505 372.273 795.556 360 795.556H355.556V768.889C355.556 756.616 345.606 746.667 333.333 746.667H306.667V253.333H128.889Z" />
+    <path
+        d="M675.556 746.667C663.283 746.667 653.333 756.616 653.333 768.889V795.556H648.889C636.616 795.556 626.667 805.505 626.667 817.778V844.445H875.556V817.778C875.556 805.505 865.606 795.556 853.333 795.556H848.889V768.889C848.889 756.616 838.94 746.667 826.667 746.667V351.111H851.111L880 253.333H702.222V746.667H675.556Z" />
 </svg>
 {{- else if (eq $icon_name "fediverse") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
@@ -522,8 +528,8 @@
 </svg>
 {{- else if (eq $icon_name "linktree") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
-  <path
-    d="m13.73635 5.85251 4.00467-4.11665 2.3248 2.3808-4.20064 4.00466h5.9085v3.30473h-5.9365l4.22865 4.10766-2.3248 2.3338L12.0005 12.099l-5.74052 5.76852-2.3248-2.3248 4.22864-4.10766h-5.9375V8.12132h5.9085L3.93417 4.11666l2.3248-2.3808 4.00468 4.11665V0h3.4727zm-3.4727 10.30614h3.4727V24h-3.4727z" />
+    <path
+        d="m13.73635 5.85251 4.00467-4.11665 2.3248 2.3808-4.20064 4.00466h5.9085v3.30473h-5.9365l4.22865 4.10766-2.3248 2.3338L12.0005 12.099l-5.74052 5.76852-2.3248-2.3248 4.22864-4.10766h-5.9375V8.12132h5.9085L3.93417 4.11666l2.3248-2.3808 4.00468 4.11665V0h3.4727zm-3.4727 10.30614h3.4727V24h-3.4727z" />
 </svg>
 {{- else if (eq $icon_name "mastodon") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
@@ -882,7 +888,8 @@
 </svg>
 {{- else if (eq $icon_name "unity") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
-  <path d="M15 11.2V3.733L8.61 0v2.867l2.503 1.466c.099.067.099.2 0 .234L8.148 6.3c-.099.067-.197.033-.263 0L4.92 4.567c-.099-.034-.099-.2 0-.234l2.504-1.466V0L1 3.733V11.2v-.033.033l2.438-1.433V6.833c0-.1.131-.166.197-.133L6.6 8.433c.099.067.132.134.132.234v3.466c0 .1-.132.167-.198.134L4.031 10.8l-2.438 1.433L7.983 16l6.391-3.733-2.438-1.434L9.434 12.3c-.099.067-.198 0-.198-.133V8.7c0-.1.066-.2.132-.233l2.965-1.734c.099-.066.197 0 .197.134V9.8z"/>
+    <path
+        d="M15 11.2V3.733L8.61 0v2.867l2.503 1.466c.099.067.099.2 0 .234L8.148 6.3c-.099.067-.197.033-.263 0L4.92 4.567c-.099-.034-.099-.2 0-.234l2.504-1.466V0L1 3.733V11.2v-.033.033l2.438-1.433V6.833c0-.1.131-.166.197-.133L6.6 8.433c.099.067.132.134.132.234v3.466c0 .1-.132.167-.198.134L4.031 10.8l-2.438 1.433L7.983 16l6.391-3.733-2.438-1.434L9.434 12.3c-.099.067-.198 0-.198-.133V8.7c0-.1.066-.2.132-.233l2.965-1.734c.099-.066.197 0 .197.134V9.8z" />
 </svg>
 {{- else if (eq $icon_name "unsplash") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 40">
@@ -916,12 +923,16 @@
 </svg>
 {{- else if (eq $icon_name "whatsapp") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 380" fill="currentColor">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M307.546 52.5655C273.709 18.685 228.706 0.0171895 180.756 0C81.951 0 1.53846 80.404 1.50408 179.235C1.48689 210.829 9.74646 241.667 25.4319 268.844L0 361.736L95.0236 336.811C121.203 351.096 150.683 358.616 180.679 358.625H180.756C279.544 358.625 359.966 278.212 360 179.381C360.017 131.483 341.392 86.4547 307.546 52.5741V52.5655ZM180.756 328.354H180.696C153.966 328.346 127.744 321.16 104.865 307.589L99.4242 304.358L43.034 319.149L58.0834 264.168L54.5423 258.53C39.6304 234.809 31.749 207.391 31.7662 179.244C31.8006 97.1036 98.6334 30.2707 180.817 30.2707C220.61 30.2879 258.015 45.8015 286.145 73.9665C314.276 102.123 329.755 139.562 329.738 179.364C329.703 261.513 262.871 328.346 180.756 328.346V328.354ZM262.475 216.777C257.997 214.534 235.978 203.704 231.869 202.209C227.761 200.713 224.779 199.966 221.796 204.452C218.814 208.939 210.228 219.029 207.615 222.011C205.002 225.002 202.389 225.372 197.911 223.128C193.434 220.885 179.003 216.158 161.891 200.902C148.578 189.024 139.587 174.362 136.975 169.875C134.362 165.389 136.7 162.965 138.934 160.739C140.945 158.728 143.412 155.505 145.655 152.892C147.899 150.279 148.638 148.406 150.133 145.423C151.629 142.432 150.881 139.82 149.764 137.576C148.646 135.333 139.691 113.287 135.952 104.323C132.316 95.5909 128.621 96.777 125.879 96.6309C123.266 96.5019 120.284 96.4762 117.293 96.4762C114.302 96.4762 109.454 97.5935 105.346 102.08C101.238 106.566 89.6691 117.404 89.6691 139.441C89.6691 161.478 105.716 182.785 107.959 185.776C110.202 188.767 139.544 234.001 184.469 253.408C195.153 258.023 203.498 260.782 210.004 262.845C220.731 266.257 230.494 265.776 238.212 264.624C246.816 263.335 264.71 253.786 268.44 243.326C272.17 232.866 272.17 223.893 271.053 222.028C269.936 220.163 266.945 219.037 262.467 216.794L262.475 216.777Z"></path>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M307.546 52.5655C273.709 18.685 228.706 0.0171895 180.756 0C81.951 0 1.53846 80.404 1.50408 179.235C1.48689 210.829 9.74646 241.667 25.4319 268.844L0 361.736L95.0236 336.811C121.203 351.096 150.683 358.616 180.679 358.625H180.756C279.544 358.625 359.966 278.212 360 179.381C360.017 131.483 341.392 86.4547 307.546 52.5741V52.5655ZM180.756 328.354H180.696C153.966 328.346 127.744 321.16 104.865 307.589L99.4242 304.358L43.034 319.149L58.0834 264.168L54.5423 258.53C39.6304 234.809 31.749 207.391 31.7662 179.244C31.8006 97.1036 98.6334 30.2707 180.817 30.2707C220.61 30.2879 258.015 45.8015 286.145 73.9665C314.276 102.123 329.755 139.562 329.738 179.364C329.703 261.513 262.871 328.346 180.756 328.346V328.354ZM262.475 216.777C257.997 214.534 235.978 203.704 231.869 202.209C227.761 200.713 224.779 199.966 221.796 204.452C218.814 208.939 210.228 219.029 207.615 222.011C205.002 225.002 202.389 225.372 197.911 223.128C193.434 220.885 179.003 216.158 161.891 200.902C148.578 189.024 139.587 174.362 136.975 169.875C134.362 165.389 136.7 162.965 138.934 160.739C140.945 158.728 143.412 155.505 145.655 152.892C147.899 150.279 148.638 148.406 150.133 145.423C151.629 142.432 150.881 139.82 149.764 137.576C148.646 135.333 139.691 113.287 135.952 104.323C132.316 95.5909 128.621 96.777 125.879 96.6309C123.266 96.5019 120.284 96.4762 117.293 96.4762C114.302 96.4762 109.454 97.5935 105.346 102.08C101.238 106.566 89.6691 117.404 89.6691 139.441C89.6691 161.478 105.716 182.785 107.959 185.776C110.202 188.767 139.544 234.001 184.469 253.408C195.153 258.023 203.498 260.782 210.004 262.845C220.731 266.257 230.494 265.776 238.212 264.624C246.816 263.335 264.71 253.786 268.44 243.326C272.17 232.866 272.17 223.893 271.053 222.028C269.936 220.163 266.945 219.037 262.467 216.794L262.475 216.777Z">
+    </path>
 </svg>
 {{- else if or (eq $icon_name "wikipedia") (eq $icon_name "wiki") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 80" fill="currentColor">
-    <path d="M93.868704,0.909104 L93.868704,3.048056 C91.047359,3.549147 88.911824,4.435559 87.462095,5.707293 C85.385249,7.595808 82.936537,10.486281 81.33006,14.378719 L48.644587,81.09089 L46.469872,81.09089 L13.656938,13.511576 C12.12874,10.043075 10.051174,7.923395 9.424242,7.152531 C8.444628,5.957874 7.2397099,5.023288 5.8095009,4.34877 C4.3792666,3.674401 2.449446,3.24083 0.0200327,3.048056 L0.0200327,0.909104 L31.947914,0.909104 L31.947914,3.048056 C28.26456,3.394989 26.508521,4.011623 25.411397,4.89796 C24.31421,5.784446 23.765632,6.921365 23.765658,8.308721 C23.765632,10.235773 24.666866,13.241865 26.469366,17.327004 L50.70176,63.285559 L74.394451,17.905099 C76.236043,13.434562 77.763937,10.332122 77.764,8.597768 C77.763937,7.48019 77.195762,6.410715 76.059496,5.389341 C74.923078,4.368114 73.637249,3.645496 70.933604,3.221484 C70.737619,3.183021 70.404566,3.125211 69.934406,3.048056 L69.934406,0.909104 L93.868704,0.909104 Z" />
-    <path d="M121.979968,0.909104 L121.979968,3.048056 C119.158628,3.549147 117.023098,4.435559 115.573368,5.707293 C113.496518,7.595808 111.047808,10.486281 109.441328,14.378719 L80.755855,81.09089 L78.581141,81.09089 L48.268207,13.511576 C46.740008,10.043075 44.662443,7.923395 44.035511,7.152531 C43.055896,5.957874 41.850979,5.023288 40.42077,4.34877 C38.990535,3.674401 37.694909,3.24083 35.265495,3.048056 L35.265495,0.909104 L66.559183,0.909104 L66.559183,3.048056 C62.875829,3.394989 61.11979,4.011623 60.022666,4.89796 C58.925479,5.784446 58.376901,6.921365 58.376926,8.308721 C58.376901,10.235773 59.278135,13.241865 61.080635,17.327004 L82.813029,63.285559 L102.505718,17.905099 C104.347308,13.434562 105.875208,10.332122 105.875268,8.597768 C105.875208,7.48019 105.307028,6.410715 104.170768,5.389341 C103.034348,4.368114 101.114328,3.645496 98.410678,3.221484 C98.214698,3.183021 97.881638,3.125211 97.411478,3.048056 L97.411478,0.909104 L121.979968,0.909104 Z" />
+    <path
+        d="M93.868704,0.909104 L93.868704,3.048056 C91.047359,3.549147 88.911824,4.435559 87.462095,5.707293 C85.385249,7.595808 82.936537,10.486281 81.33006,14.378719 L48.644587,81.09089 L46.469872,81.09089 L13.656938,13.511576 C12.12874,10.043075 10.051174,7.923395 9.424242,7.152531 C8.444628,5.957874 7.2397099,5.023288 5.8095009,4.34877 C4.3792666,3.674401 2.449446,3.24083 0.0200327,3.048056 L0.0200327,0.909104 L31.947914,0.909104 L31.947914,3.048056 C28.26456,3.394989 26.508521,4.011623 25.411397,4.89796 C24.31421,5.784446 23.765632,6.921365 23.765658,8.308721 C23.765632,10.235773 24.666866,13.241865 26.469366,17.327004 L50.70176,63.285559 L74.394451,17.905099 C76.236043,13.434562 77.763937,10.332122 77.764,8.597768 C77.763937,7.48019 77.195762,6.410715 76.059496,5.389341 C74.923078,4.368114 73.637249,3.645496 70.933604,3.221484 C70.737619,3.183021 70.404566,3.125211 69.934406,3.048056 L69.934406,0.909104 L93.868704,0.909104 Z" />
+    <path
+        d="M121.979968,0.909104 L121.979968,3.048056 C119.158628,3.549147 117.023098,4.435559 115.573368,5.707293 C113.496518,7.595808 111.047808,10.486281 109.441328,14.378719 L80.755855,81.09089 L78.581141,81.09089 L48.268207,13.511576 C46.740008,10.043075 44.662443,7.923395 44.035511,7.152531 C43.055896,5.957874 41.850979,5.023288 40.42077,4.34877 C38.990535,3.674401 37.694909,3.24083 35.265495,3.048056 L35.265495,0.909104 L66.559183,0.909104 L66.559183,3.048056 C62.875829,3.394989 61.11979,4.011623 60.022666,4.89796 C58.925479,5.784446 58.376901,6.921365 58.376926,8.308721 C58.376901,10.235773 59.278135,13.241865 61.080635,17.327004 L82.813029,63.285559 L102.505718,17.905099 C104.347308,13.434562 105.875208,10.332122 105.875268,8.597768 C105.875208,7.48019 105.307028,6.410715 104.170768,5.389341 C103.034348,4.368114 101.114328,3.645496 98.410678,3.221484 C98.214698,3.183021 97.881638,3.125211 97.411478,3.048056 L97.411478,0.909104 L121.979968,0.909104 Z" />
 </svg>
 {{- else if (eq $icon_name "wordpress") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
@@ -960,8 +971,10 @@
 </svg>
 {{- else if (eq $icon_name "yeswehack") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1300" fill="currentColor" stroke="none">
-   <path d="M405 551l-397 -338c-5,-4 -8,-11 -8,-18l0 -171c0,-13 11,-24 24,-24l154 0c14,0 24,11 24,24l0 89 304 258 303 -258 0 -89c0,-13 11,-24 24,-24l155 0c13,0 23,11 23,24l0 171c0,7 -2,14 -8,18l-396 338 0 90c0,13 -11,24 -24,24l-155 0c-13,0 -23,-11 -23,-24l0 -90z"/>
-   <path d="M202 1052l203 -172 0 -90c0,-13 10,-24 23,-24l155 0c13,0 24,11 24,24l0 90 202 172 0 -505c0,-8 3,-14 9,-18l154 -132c7,-6 17,-8 26,-4 8,4 13,13 13,22l0 876c0,13 -10,24 -23,24l-174 0c-6,0 -11,-2 -15,-6l-293 -249 -293 249c-5,4 -10,6 -16,6l-173 0c-13,0 -24,-11 -24,-24l0 -876c0,-9 5,-18 14,-22 9,-4 18,-2 25,4l155 131c5,5 8,11 8,19l0 505z"/>
+    <path
+        d="M405 551l-397 -338c-5,-4 -8,-11 -8,-18l0 -171c0,-13 11,-24 24,-24l154 0c14,0 24,11 24,24l0 89 304 258 303 -258 0 -89c0,-13 11,-24 24,-24l155 0c13,0 23,11 23,24l0 171c0,7 -2,14 -8,18l-396 338 0 90c0,13 -11,24 -24,24l-155 0c-13,0 -23,-11 -23,-24l0 -90z" />
+    <path
+        d="M202 1052l203 -172 0 -90c0,-13 10,-24 23,-24l155 0c13,0 24,11 24,24l0 90 202 172 0 -505c0,-8 3,-14 9,-18l154 -132c7,-6 17,-8 26,-4 8,4 13,13 13,22l0 876c0,13 -10,24 -23,24l-174 0c-6,0 -11,-2 -15,-6l-293 -249 -293 249c-5,4 -10,6 -16,6l-173 0c-13,0 -24,-11 -24,-24l0 -876c0,-9 5,-18 14,-22 9,-4 18,-2 25,4l155 131c5,5 8,11 8,19l0 505z" />
 </svg>
 {{- else if (eq $icon_name "youtube") -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
@@ -986,10 +999,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.3">
     <path style="stroke-width:1.7"
         d="M 11.953964,1.9577206 C 8.9486891,3.6582881 5.9434143,5.3588555 2.9381394,7.059423 c 0,3.325368 0,6.650735 0,9.976103 2.9643942,1.765865 5.9287884,3.531729 8.8931826,5.297594 3.002478,-1.73905 6.004955,-3.478101 9.007433,-5.217151 0,-3.360254 0,-6.720509 0,-10.0807628 C 17.877158,5.342711 14.915561,3.6502158 11.953964,1.9577206 Z" />
-     <path d="M 6.7394985,14.712082 8.3520207,11.408709" />
-     <path d="M 9.2716212,14.767353 11.902927,9.4304828" />
-     <path d="M 13.170768,11.935987 14.59425,9.3677519" />
-     <path d="M 14.54983,14.574583 17.177574,9.4459113" />
+    <path d="M 6.7394985,14.712082 8.3520207,11.408709" />
+    <path d="M 9.2716212,14.767353 11.902927,9.4304828" />
+    <path d="M 13.170768,11.935987 14.59425,9.3677519" />
+    <path d="M 14.54983,14.574583 17.177574,9.4459113" />
 </svg>
 {{- else if $icon_name -}}
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"