@iconify-svelte/arcticons 1.0.15 → 1.0.17

package/components/e/exilium.svelte

@@ -0,0 +1,36 @@
+<script>
+import Icon from '@iconify/css-svelte';
+
+/** @type {{width?: string; height?: string;}} */
+let {width, height, ...props} = $props();
+
+const viewBox = {"width":48,"height":48};
+const content = `<path class="i76lhccuu"/><path class="e8fimk4vt"/><path class="ww81r2wag"/>`;
+</script>
+<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:exilium" {...props}></Icon>
+<style>
+:global(.e8fimk4vt) {
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  d: path("M17.72 43.5c-9.626 0-12.175-7.11-9.934-15.926C12.518 41.87 17.72 43.5 17.72 43.5M24 37.98a2.69 2.69 0 1 0 0-5.38V4.5c0 12.74 8.281 25.269 8.281 25.269c2.902-1.7 5.026-3.327 5.875-9.697C37.52 29.91 32.07 42.722 24 43.5zm1.84-9.556H24");
+}
+
+:global(.i76lhccuu) {
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  d: path("M24 37.98a2.69 2.69 0 1 1 0-5.38V4.5c0 12.74-8.281 25.269-8.281 25.269c-2.902-1.7-5.026-3.327-5.875-9.697C10.48 29.91 15.93 42.722 24 43.5zm-1.84-9.556H24");
+}
+
+:global(.ww81r2wag) {
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  d: path("M30.28 43.5c9.626 0 12.175-7.11 9.934-15.926C35.482 41.87 30.28 43.5 30.28 43.5");
+}
+
+</style>

package/components/e/expense.svelte

@@ -5,7 +5,7 @@ import Icon from '@iconify/css-svelte';
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":48,"height":48};
-const content = `<rect transform="rotate(-15.009 24.02 25.245)" class="xv7ijl1wc"/><path class="byijsvbdc"/><rect transform="rotate(-15.009 15.289 25.954)" class="ktsqzfv8d"/><path class="mublwvyhv"/><circle class="cpk0fnbgt"/>`;
+const content = `<rect transform="rotate(-15.009 24.02 25.245)" class="xv7ijl1wc"/><path class="byijsvbdc"/><rect transform="rotate(-15.009 15.289 25.954)" class="ighfxvt-g"/><path class="mublwvyhv"/><circle class="cpk0fnbgt"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:expense" {...props}></Icon>
 <style>
@@ -27,7 +27,7 @@ const content = `<rect transform="rotate(-15.009 24.02 25.245)" class="xv7ijl1wc
   stroke-linejoin: round;
 }
 
-:global(.ktsqzfv8d) {
+:global(.ighfxvt-g) {
   width: 5.871px;
   height: 4.45px;
   x: 12.354px;
@@ -36,8 +36,8 @@ const content = `<rect transform="rotate(-15.009 24.02 25.245)" class="xv7ijl1wc
   stroke: currentColor;
   stroke-linecap: round;
   stroke-linejoin: round;
-  rx: .649px;
-  ry: .649px;
+  rx: 0.649px;
+  ry: 0.649px;
 }
 
 :global(.mublwvyhv) {

package/components/e/eyecon.svelte

@@ -0,0 +1,28 @@
+<script>
+import Icon from '@iconify/css-svelte';
+
+/** @type {{width?: string; height?: string;}} */
+let {width, height, ...props} = $props();
+
+const viewBox = {"width":48,"height":48};
+const content = `<path class="rel2vab0x"/><path class="qng2jibpu"/>`;
+</script>
+<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:eyecon" {...props}></Icon>
+<style>
+:global(.qng2jibpu) {
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  d: path("M22.258 20.044c-1.759 1.917-2.44 5.977-1.682 9.99c.705 3.736 4.227 7.937 5.641 9.309c2.41 2.336 6.22 3.457 7.608 3.088c1.797-.478 5.563-1.445 6.135-6.112c.474-3.864-2.94-7.014-4.795-7.625c-2.11-.695-5.186.695-7.33.238c-1.335-.285-3.25-2.023-3.904-3.137c-1.403-2.393-1.673-5.751-1.673-5.751");
+}
+
+:global(.rel2vab0x) {
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  d: path("M18.545 30.626c-1.382-1.514-3.825-4.191-5.877-7.057c-2.02-2.82-3.81-5.664-4.19-7.265c-.932-3.934-.388-5.55.563-7.156c.641-1.083 2.262-2.415 3.71-3.106c1.96-.933 3.74-.62 6.118.616c4.669 2.426 4.256 8.315 1.865 10.981c-2.441 2.722-3.203 5.538-3.215 7.73c-.011 2.178 1.026 5.257 1.026 5.257");
+}
+
+</style>

package/components/f/facemoji-keyboard.svelte

@@ -5,47 +5,47 @@ import Icon from '@iconify/css-svelte';
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":48,"height":48};
-const content = `<path class="iaa_cdm5r"/><rect class="e6a5h4b2k"/><rect class="pnw1oqkjz"/><rect class="vw34cvbey"/><path class="r265w2izx"/><rect class="jdb776blr"/><rect class="wak32gyav"/><rect class="i8nfrjb9p"/><path class="j7gzitrby"/><rect class="gi6u1n8re"/><path class="pfzzoabnd"/><path class="ttkadjd-d"/>`;
+const content = `<path class="iaa_cdm5r"/><rect class="c4b24vbkk"/><rect class="fcniw0mfp"/><rect class="tkwqppmim"/><path class="r265w2izx"/><rect class="nkn7dobon"/><rect class="tz3brfbuo"/><rect class="tvj0nenwg"/><path class="j7gzitrby"/><rect class="a2ybldbhu"/><path class="pfzzoabnd"/><path class="ttkadjd-d"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:facemoji-keyboard" {...props}></Icon>
 <style>
-:global(.e6a5h4b2k) {
-  width: 20.044px;
-  height: 3.327px;
-  x: 14.1px;
-  y: 35.763px;
+:global(.a2ybldbhu) {
+  width: 3.366px;
+  height: 3.366px;
+  x: 34.144px;
+  y: 23.797px;
   fill: none;
   stroke: currentColor;
   stroke-linecap: round;
   stroke-linejoin: round;
-  rx: .421px;
-  ry: .421px;
+  rx: 0.421px;
+  ry: 0.421px;
 }
 
-:global(.gi6u1n8re) {
-  width: 3.366px;
-  height: 3.366px;
-  x: 34.144px;
-  y: 23.797px;
+:global(.c4b24vbkk) {
+  width: 20.044px;
+  height: 3.327px;
+  x: 14.1px;
+  y: 35.763px;
   fill: none;
   stroke: currentColor;
   stroke-linecap: round;
   stroke-linejoin: round;
-  rx: .421px;
-  ry: .421px;
+  rx: 0.421px;
+  ry: 0.421px;
 }
 
-:global(.i8nfrjb9p) {
+:global(.fcniw0mfp) {
   width: 3.366px;
   height: 3.366px;
   x: 10.733px;
-  y: 23.797px;
+  y: 29.78px;
   fill: none;
   stroke: currentColor;
   stroke-linecap: round;
   stroke-linejoin: round;
-  rx: .421px;
-  ry: .421px;
+  rx: 0.421px;
+  ry: 0.421px;
 }
 
 :global(.iaa_cdm5r) {
@@ -64,7 +64,7 @@ const content = `<path class="iaa_cdm5r"/><rect class="e6a5h4b2k"/><rect class="
   d: path("M18.276 27.163h-1.27a.42.42 0 0 1-.42-.421v-.875m15.072 0v.875a.42.42 0 0 1-.421.42h-1.269");
 }
 
-:global(.jdb776blr) {
+:global(.nkn7dobon) {
   width: 3.366px;
   height: 3.366px;
   x: 28.291px;
@@ -73,8 +73,8 @@ const content = `<path class="iaa_cdm5r"/><rect class="e6a5h4b2k"/><rect class="
   stroke: currentColor;
   stroke-linecap: round;
   stroke-linejoin: round;
-  rx: .421px;
-  ry: .421px;
+  rx: 0.421px;
+  ry: 0.421px;
 }
 
 :global(.pfzzoabnd) {
@@ -85,25 +85,25 @@ const content = `<path class="iaa_cdm5r"/><rect class="e6a5h4b2k"/><rect class="
   d: path("m34.253 23.878l-10.131 7.768l-10.13-7.768a2.1 2.1 0 0 1-.824-1.67V7.183c0-.93.753-1.683 1.683-1.683h18.542c.93 0 1.683.754 1.683 1.683h0v15.025c0 .654-.304 1.271-.824 1.67");
 }
 
-:global(.pnw1oqkjz) {
-  width: 3.366px;
-  height: 3.366px;
-  x: 10.733px;
-  y: 29.78px;
+:global(.r265w2izx) {
   fill: none;
   stroke: currentColor;
   stroke-linecap: round;
   stroke-linejoin: round;
-  rx: .421px;
-  ry: .421px;
+  d: path("M25.805 30.355v2.37a.42.42 0 0 1-.42.421H22.86a.42.42 0 0 1-.42-.42h0v-2.37");
 }
 
-:global(.r265w2izx) {
+:global(.tkwqppmim) {
+  width: 3.366px;
+  height: 3.366px;
+  x: 16.586px;
+  y: 29.78px;
   fill: none;
   stroke: currentColor;
   stroke-linecap: round;
   stroke-linejoin: round;
-  d: path("M25.805 30.355v2.37a.42.42 0 0 1-.42.421H22.86a.42.42 0 0 1-.42-.42h0v-2.37");
+  rx: 0.421px;
+  ry: 0.421px;
 }
 
 :global(.ttkadjd-d) {
@@ -114,20 +114,20 @@ const content = `<path class="iaa_cdm5r"/><rect class="e6a5h4b2k"/><rect class="
   d: path("M27.418 11.774c.934 0 1.69.757 1.69 1.69v.917a1.69 1.69 0 0 1-1.69 1.69h0a1.69 1.69 0 0 1-1.69-1.69v-.917c0-.933.756-1.69 1.69-1.69M18.3 18.305a5.832 5.832 0 1 0 11.664 0zm1.025-6.531l2.582 2.152l-2.582 2.145");
 }
 
-:global(.vw34cvbey) {
+:global(.tvj0nenwg) {
   width: 3.366px;
   height: 3.366px;
-  x: 16.586px;
-  y: 29.78px;
+  x: 10.733px;
+  y: 23.797px;
   fill: none;
   stroke: currentColor;
   stroke-linecap: round;
   stroke-linejoin: round;
-  rx: .421px;
-  ry: .421px;
+  rx: 0.421px;
+  ry: 0.421px;
 }
 
-:global(.wak32gyav) {
+:global(.tz3brfbuo) {
   width: 3.366px;
   height: 3.366px;
   x: 34.144px;
@@ -136,8 +136,8 @@ const content = `<path class="iaa_cdm5r"/><rect class="e6a5h4b2k"/><rect class="
   stroke: currentColor;
   stroke-linecap: round;
   stroke-linejoin: round;
-  rx: .421px;
-  ry: .421px;
+  rx: 0.421px;
+  ry: 0.421px;
 }
 
 </style>

package/components/f/facer.svelte

@@ -5,17 +5,10 @@ import Icon from '@iconify/css-svelte';
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":48,"height":48};
-const content = `<path class="lw36eabip"/><path class="zzpxenbgs"/><circle class="nh978mscw"/><circle class="t4bqhng8i"/><circle class="ey-415bku"/>`;
+const content = `<path class="lw36eabip"/><path class="zzpxenbgs"/><circle class="znaicmrtz"/><circle class="qmoxv5bji"/><circle class="nvm3z7gpf"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:facer" {...props}></Icon>
 <style>
-:global(.ey-415bku) {
-  cx: 19.972px;
-  cy: 30.159px;
-  r: .75px;
-  fill: currentColor;
-}
-
 :global(.lw36eabip) {
   fill: none;
   stroke: currentColor;
@@ -24,17 +17,24 @@ const content = `<path class="lw36eabip"/><path class="zzpxenbgs"/><circle class
   d: path("M12.779 12.777h26.054a3.65 3.65 0 0 0 3.648-3.65h0a3.65 3.65 0 0 0-3.649-3.648H9.482a4 4 0 0 0-4 4V38.83a3.65 3.65 0 0 0 3.648 3.65h0a3.65 3.65 0 0 0 3.649-3.649z");
 }
 
-:global(.nh978mscw) {
+:global(.nvm3z7gpf) {
   cx: 19.972px;
-  cy: 19.924px;
-  r: .75px;
+  cy: 30.159px;
+  r: 0.75px;
   fill: currentColor;
 }
 
-:global(.t4bqhng8i) {
+:global(.qmoxv5bji) {
   cx: 9.63px;
   cy: 9.583px;
-  r: .75px;
+  r: 0.75px;
+  fill: currentColor;
+}
+
+:global(.znaicmrtz) {
+  cx: 19.972px;
+  cy: 19.924px;
+  r: 0.75px;
   fill: currentColor;
 }
 

package/components/f/fairtiq.svelte

@@ -5,7 +5,7 @@ import Icon from '@iconify/css-svelte';
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":48,"height":48};
-const content = `<g class="y9tr6bcfx"><ellipse class="sgznqlveb"/><path class="qs8_urhze"/><path class="jwir15wri"/><path class="d30yyrbxh"/><path class="mznd74i3l"/></g>`;
+const content = `<g class="y9tr6bcfx"><ellipse class="yvitd_80y"/><path class="f_2n5mbuv"/><path class="d5bqefb8v"/><path class="d30yyrbxh"/><path class="fwp34bi0y"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:fairtiq" {...props}></Icon>
 <style>
@@ -13,27 +13,19 @@ const content = `<g class="y9tr6bcfx"><ellipse class="sgznqlveb"/><path class="q
   d: path("M26.19 33.111a5.56 5.56 0 0 1 .792-5.878c1.378-1.661 3.598-2.438 5.754-2.013");
 }
 
-:global(.jwir15wri) {
+:global(.d5bqefb8v) {
   d: path("M32.086 39.562c-8.172 4.869-18.666 3.03-24.704-4.329c-6.039-7.358-5.812-18.032.532-25.127S24.821 1.62 32.78 6.83s10.928 15.465 6.991 24.137m3.197 3.143c2.422 2.07 2.72 5.672.672 8.104s-5.691 2.802-8.2.834");
-  opacity: var(--svg-opacity--.97, .97);
+  opacity: var(--svg-opacity--0-97, 0.97);
 }
 
-:global(.mznd74i3l) {
-  d: path("m32.864 25.25l10.153 8.898m-16.884-1.145l9.182 9.886");
-  opacity: var(--svg-opacity--.97, .97);
-}
-
-:global(.qs8_urhze) {
+:global(.f_2n5mbuv) {
   d: path("M26.19 33.098c-4.518 1.793-9.664.26-12.5-3.724a10.83 10.83 0 0 1 .48-13.166a10.54 10.54 0 0 1 12.737-2.785c4.376 2.124 6.77 6.977 5.817 11.789");
-  opacity: var(--svg-opacity--.97, .97);
+  opacity: var(--svg-opacity--0-97, 0.97);
 }
 
-:global(.sgznqlveb) {
-  cx: 38.915px;
-  cy: 38.239px;
-  opacity: var(--svg-opacity--.97, .97);
-  rx: 2.869px;
-  ry: 2.798px;
+:global(.fwp34bi0y) {
+  d: path("m32.864 25.25l10.153 8.898m-16.884-1.145l9.182 9.886");
+  opacity: var(--svg-opacity--0-97, 0.97);
 }
 
 :global(.y9tr6bcfx) {
@@ -43,4 +35,12 @@ const content = `<g class="y9tr6bcfx"><ellipse class="sgznqlveb"/><path class="q
   stroke-linejoin: round;
 }
 
+:global(.yvitd_80y) {
+  cx: 38.915px;
+  cy: 38.239px;
+  opacity: var(--svg-opacity--0-97, 0.97);
+  rx: 2.869px;
+  ry: 2.798px;
+}
+
 </style>

package/components/f/familymart.svelte

@@ -5,7 +5,7 @@ import Icon from '@iconify/css-svelte';
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":48,"height":48};
-const content = `<rect class="j3s9ivbxi"/><path class="kv71qrblp"/><path class="xrr-mtzfq"/><path class="feag3dbed"/><circle class="o2vtfy9od"/><path class="mxlxtoj4t"/><path class="jhm-mev6w"/><path class="z0fe8vbwl"/>`;
+const content = `<rect class="j3s9ivbxi"/><path class="kv71qrblp"/><path class="xrr-mtzfq"/><path class="feag3dbed"/><circle class="x8q6933ha"/><path class="mxlxtoj4t"/><path class="jhm-mev6w"/><path class="z0fe8vbwl"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:familymart" {...props}></Icon>
 <style>
@@ -54,10 +54,10 @@ const content = `<rect class="j3s9ivbxi"/><path class="kv71qrblp"/><path class="
   d: path("M20.073 22.486v3.309m1.47-4.995v4.37c0 .345.28.625.625.625h.187m17.833-4.339v3.715c0 .345.28.624.625.624H41m-1.467-3.309h1.311M7 23.298h1.623M7 25.795V20.8h2.498m26.38 3.746c0 .69-.555 1.25-1.239 1.25h-.435a.824.824 0 0 1-.82-.828c0-.457.367-.828.82-.828h1.677");
 }
 
-:global(.o2vtfy9od) {
+:global(.x8q6933ha) {
   cx: 20.073px;
   cy: 20.956px;
-  r: .75px;
+  r: 0.75px;
   fill: currentColor;
 }
 

package/components/f/famistudio.svelte

@@ -5,7 +5,7 @@ import Icon from '@iconify/css-svelte';
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":48,"height":48};
-const content = `<path class="ag-2erb0b"/><path class="jt3zmlbhy"/><circle class="op7c8kict"/><circle class="z0mo7sb2w"/><circle class="ndmdw8box"/><circle class="bh-lolf7k"/><circle class="x8odeoh3k"/><circle class="mbd8pgbhq"/><circle class="gcdkxmb3j"/><circle class="nv99el2cx"/>`;
+const content = `<path class="ag-2erb0b"/><path class="jt3zmlbhy"/><circle class="cy7fepedc"/><circle class="hk89etbcy"/><circle class="uoc-kyb4e"/><circle class="xo6liv4pf"/><circle class="vfgedub-y"/><circle class="rd31cbbbe"/><circle class="mn5nf5brk"/><circle class="o8nexr61k"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:famistudio" {...props}></Icon>
 <style>
@@ -17,17 +17,17 @@ const content = `<path class="ag-2erb0b"/><path class="jt3zmlbhy"/><circle class
   d: path("M30.167 17.833H42.5v12.333H30.167ZM5.5 17.816h12.333v12.333H5.5Zm12.333 12.351h12.333V42.5H17.833Zm0-24.667h12.333v12.333H17.833Z");
 }
 
-:global(.bh-lolf7k) {
-  cx: 37.529px;
-  cy: 25.191px;
-  r: .75px;
+:global(.cy7fepedc) {
+  cx: 32.743px;
+  cy: 20.43px;
+  r: 0.75px;
   fill: currentColor;
 }
 
-:global(.gcdkxmb3j) {
-  cx: 35.136px;
-  cy: 27.57px;
-  r: .75px;
+:global(.hk89etbcy) {
+  cx: 37.529px;
+  cy: 20.43px;
+  r: 0.75px;
   fill: currentColor;
 }
 
@@ -39,45 +39,45 @@ const content = `<path class="ag-2erb0b"/><path class="jt3zmlbhy"/><circle class
   d: path("M20.723 8.39h6.553v6.553h-6.553zm-9.056 12.149l3.688 6.888H7.979zm11.141 12.156v7.277m-2.404-6.075v4.873m4.809-4.288v3.702m2.404-2.553v1.405");
 }
 
-:global(.mbd8pgbhq) {
-  cx: 39.923px;
-  cy: 22.832px;
-  r: .75px;
+:global(.mn5nf5brk) {
+  cx: 35.136px;
+  cy: 27.57px;
+  r: 0.75px;
   fill: currentColor;
 }
 
-:global(.ndmdw8box) {
-  cx: 32.743px;
-  cy: 25.191px;
-  r: .75px;
+:global(.o8nexr61k) {
+  cx: 39.923px;
+  cy: 27.57px;
+  r: 0.75px;
   fill: currentColor;
 }
 
-:global(.nv99el2cx) {
+:global(.rd31cbbbe) {
   cx: 39.923px;
-  cy: 27.57px;
-  r: .75px;
+  cy: 22.832px;
+  r: 0.75px;
   fill: currentColor;
 }
 
-:global(.op7c8kict) {
+:global(.uoc-kyb4e) {
   cx: 32.743px;
-  cy: 20.43px;
-  r: .75px;
+  cy: 25.191px;
+  r: 0.75px;
   fill: currentColor;
 }
 
-:global(.x8odeoh3k) {
+:global(.vfgedub-y) {
   cx: 35.136px;
   cy: 22.832px;
-  r: .75px;
+  r: 0.75px;
   fill: currentColor;
 }
 
-:global(.z0mo7sb2w) {
+:global(.xo6liv4pf) {
   cx: 37.529px;
-  cy: 20.43px;
-  r: .75px;
+  cy: 25.191px;
+  r: 0.75px;
   fill: currentColor;
 }
 

package/components/f/fatebook.svelte

@@ -0,0 +1,61 @@
+<script>
+import Icon from '@iconify/css-svelte';
+
+/** @type {{width?: string; height?: string;}} */
+let {width, height, ...props} = $props();
+
+const viewBox = {"width":48,"height":48};
+const content = `<rect class="gqqk3rb7u"/><path class="bmedoqb9s"/><circle class="nuv9dtbnd"/><circle class="oow4e4xlt"/><path class="rr_72hsof"/>`;
+</script>
+<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:fatebook" {...props}></Icon>
+<style>
+:global(.bmedoqb9s) {
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  d: path("M13.167 4.5v39M31.583 5.042v8.125m4.334-8.125v8.125m-4.334 0L33.75 11l2.167 2.167");
+}
+
+:global(.gqqk3rb7u) {
+  width: 30.333px;
+  height: 39px;
+  x: 8.833px;
+  y: 4.5px;
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  rx: 4px;
+  ry: 4px;
+}
+
+:global(.nuv9dtbnd) {
+  cx: 21.833px;
+  cy: 19.667px;
+  r: 2.167px;
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+:global(.oow4e4xlt) {
+  cx: 28.333px;
+  cy: 28.333px;
+  r: 2.167px;
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+:global(.rr_72hsof) {
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  d: path("m30.5 17.5l-10.833 13");
+}
+
+</style>