Speaches icon
thesvg-color:speaches
The Speaches icon (thesvg-color:speaches) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 512 × 512
- Tags
- speach
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVG8KufZdCF" x1="-38.891" x2="-37.778" y1="646.349" y2="644.119" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4b8c1c"/><stop offset="1" stop-color="#76ab50"/></linearGradient><path fill="url(#SVG8KufZdCF)" d="M239.7 130.7c0-96.8 162.4-123.7 220.2-46.4c0 0-25 62.6-88.8 39.7c-40.6-14.6-51.5-29.5-63.2-13.4c-8.1 11.3-19.7 17.8-32.4 18.4z"/><linearGradient id="SVGRs2PKbhU" x1="-38.928" x2="-36.726" y1="644.009" y2="646.243" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#407817"/><stop offset="1" stop-color="#4b8c1c" stop-opacity="0"/></linearGradient><path fill="url(#SVGRs2PKbhU)" d="M239.7 130.7c0-96.8 162.4-123.7 220.2-46.4c0 0-25 62.6-88.8 39.7c-40.6-14.6-51.5-29.5-63.2-13.4c-8.1 11.3-19.7 17.8-32.4 18.4z"/><linearGradient id="SVGmtHnTbbP" x1="-38.064" x2="-37.782" y1="645.124" y2="644.068" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4b8c1c"/><stop offset="1" stop-color="#4b8c1c" stop-opacity="0"/></linearGradient><path fill="url(#SVGmtHnTbbP)" d="M319.2 77.4c-42.8 18.8-65 42.5-73.6 53l30-1.4c12.6-.6 24.2-7.1 32.4-18.4c11.7-16.1 22.6-1.2 63.2 13.4c54.5 19.6 80.7-23.5 87.2-36.3c.3-2 .9-3.2 1.7-3.5c-.3.1-84-32-140.9-6.8"/><linearGradient id="SVGYgZCAche" x1="-35.86" x2="-38.508" y1="646.381" y2="644.13" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4b8c1c"/><stop offset=".999" stop-color="#407817"/></linearGradient><path fill="url(#SVGYgZCAche)" d="M459.8 84.3S376.1 52.2 319 77.4c-57.1 25.1-77.8 58.7-77.8 58.7s60.2-59.3 118.6-59.3c54.8 0 86.6 12.5 100 7.5"/><linearGradient id="SVGeC9uicWl" x1="-40.138" x2="-42.276" y1="646.402" y2="645.113" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a3541e"/><stop offset="1" stop-color="#512d00"/></linearGradient><path fill="url(#SVGeC9uicWl)" d="M254.1 107.3C242.5 52 249.9 14.6 261.5 0c0 0 20.8.5 22.3 17.9c0 0-26.5 29.8-14.5 88.1c.6 3.2-2.6 5.3-6 6.5c-3.9 1.5-8.4-.9-9.2-5.2"/><linearGradient id="SVGTVMEIcgC" x1="-41.087" x2="-40.574" y1="647.55" y2="645.713" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c86f34"/><stop offset="1" stop-color="#a3541e" stop-opacity="0"/></linearGradient><path fill="url(#SVGTVMEIcgC)" d="M258.9 3.8C249 20 243.6 55 253.5 104.3c4.1-2 6.5-6 4.7-13.4c-5.1-21.5-2.3-39.4 4.4-59.9c5.2-16.2 11.2-22.3-3.7-27.2"/><linearGradient id="SVGzS3GpcEl" x1="-40.094" x2="-40.615" y1="648.447" y2="644.624" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a3541e"/><stop offset="1" stop-color="#512d00"/></linearGradient><path fill="url(#SVGzS3GpcEl)" d="M269.2 30.7c-6.6 18.2-10.1 53.4-7.4 66.7c1.2 5.9-3 8.1-8 8.9c0 .3.2.8.2 1.1c.9 4.2 5.3 6.6 9.3 5.1c3.5-1.2 6.6-3.3 6-6.5c-12-58.1 14.5-88.1 14.5-88.1s-8-5.4-14.6 12.8"/><radialGradient id="SVGslaUtcQF" cx="-50.179" cy="652.028" r=".79" gradientTransform="matrix(349.6067 0 0 -349.6067 17683.482 228230.64)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f78174"/><stop offset="1" stop-color="#ff8000"/></radialGradient><path fill="url(#SVGslaUtcQF)" d="M264.4 110.5c-7.4-3.6-14.9-7.4-23-11.3c-10.8-3.3-26-6-46.4-6C73 93.2 9.8 159.4 9.8 277.6c0 140 194.8 234.2 242.1 234.2c92.8-73.6 126.7-346.4 12.5-401.3"/><radialGradient id="SVGOlhVCery" cx="-50.121" cy="651.959" r=".79" gradientTransform="matrix(605.0267 0 0 -605.0267 30506.041 394600.031)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc8d41"/><stop offset="1" stop-color="#c9321b"/></radialGradient><path fill="url(#SVGOlhVCery)" d="M195 93.2C73 93.2 9.8 159.4 9.8 277.6c0 162.1 194.8 234.3 242.1 234.3c67.7 0 250.4-84.9 250.4-241.6C502.3 117.9 393.5 91 340.5 91c-62.9 0-76.2 19.6-76.2 19.6S246.1 93.2 195 93.2"/><radialGradient id="SVGCVdt9buB" cx="-50.15" cy="651.939" r=".79" gradientTransform="matrix(491.86 0 0 -491.86 24849.64 320789.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc8d41"/><stop offset="1" stop-color="#c9321b"/></radialGradient><path fill="url(#SVGCVdt9buB)" d="M264.4 110.5c-7.4-3.6-14.9-7.4-23-11.3c-10.8-3.3-26-6-46.4-6c-80.4 0-159.3 45.9-152.4 173.3c8.7 157.8 194.1 245.4 209.3 245.4c92.8-73.7 126.7-346.5 12.5-401.4"/><radialGradient id="SVGblKZQdEL" cx="-50.008" cy="651.456" r=".79" gradientTransform="rotate(80.903 -63764.946 -34682.108)scale(383.9933 -141.714)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc8d41"/><stop offset="1" stop-color="#eb672a" stop-opacity="0"/></radialGradient><path fill="url(#SVGblKZQdEL)" d="M243.7 107c-7.4-3.6-26.8-2.1-47.1-2.1c-80.2 0-111 83.6-99.4 161.4c23.3 156.6 137.4 245.4 154.6 245.4c60.1-82.5 110.6-347.1-8.1-404.7"/><radialGradient id="SVGaZrkne0u" cx="-50.238" cy="651.999" r=".79" gradientTransform="matrix(554.1699 0 0 -554.1699 28241.748 361556.594)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d93e15" stop-opacity="0"/><stop offset="1" stop-color="#c9321b"/></radialGradient><path fill="url(#SVGaZrkne0u)" d="M397.9 100.6c37.8 34.5 67 98.9 38.2 213.8C405.4 437 328.6 467.9 243 510.8c3.3.8 6.3 1.2 8.9 1.2c67.7 0 250.4-84.9 250.4-241.6c.1-107.4-54-152.5-104.4-169.8"/><linearGradient id="SVGHJDOFcFi" x1="-42.22" x2="-49.003" y1="638.71" y2="637.755" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc8d41" stop-opacity="0"/><stop offset="1" stop-color="#fb9dc1"/></linearGradient><path fill="url(#SVGHJDOFcFi)" d="M264.4 110.5c-7.4-3.6-14.9-7.4-23-11.3c-10.8-3.3-26-6-46.4-6C73 93.2 9.8 159.4 9.8 277.6c0 162.1 194.8 234.2 242.1 234.2c92.8-73.6 126.7-346.4 12.5-401.3"/><radialGradient id="SVGoIUlldEH" cx="-50.14" cy="651.912" r=".79" gradientTransform="matrix(311.5566 0 0 -311.5566 15690.293 203245.125)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fcce38" stop-opacity=".5"/><stop offset=".222" stop-color="#fcc839" stop-opacity=".389"/><stop offset=".513" stop-color="#fcb83b" stop-opacity=".244"/><stop offset=".84" stop-color="#fc9d3f" stop-opacity=".08"/><stop offset="1" stop-color="#fc8d41" stop-opacity="0"/></radialGradient><path fill="url(#SVGoIUlldEH)" d="M264.4 110.5c-7.4-3.6-14.9-7.4-23-11.3c-10.8-3.3-26-6-46.4-6C73 93.2 9.8 159.4 9.8 277.6c0 162.1 194.8 234.2 242.1 234.2c92.8-73.6 126.7-346.4 12.5-401.3"/><linearGradient id="SVGE3exad8u" x1="-34.933" x2="-32.509" y1="639.353" y2="639.844" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc8d41" stop-opacity="0"/><stop offset="1" stop-color="#fb9dc1"/></linearGradient><path fill="url(#SVGE3exad8u)" d="M397.9 100.6c37.8 34.5 67 98.9 38.2 213.8C405.4 437 328.6 467.9 243 510.8c3.3.8 6.3 1.2 8.9 1.2c67.7 0 250.4-84.9 250.4-241.6c.1-107.4-54-152.5-104.4-169.8"/><radialGradient id="SVGoDwZAO8m" cx="-50.063" cy="650.825" r=".79" gradientTransform="rotate(262.669 -25035.03 42987.88)scale(-281.9027 113.2104)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fcce38" stop-opacity=".5"/><stop offset=".222" stop-color="#fcc839" stop-opacity=".389"/><stop offset=".513" stop-color="#fcb83b" stop-opacity=".244"/><stop offset=".84" stop-color="#fc9d3f" stop-opacity=".08"/><stop offset="1" stop-color="#fc8d41" stop-opacity="0"/></radialGradient><path fill="url(#SVGoDwZAO8m)" d="M195 93.2C73 93.2 9.8 159.4 9.8 277.6c0 162.1 194.8 234.3 242.1 234.3c67.7 0 250.4-84.9 250.4-241.6C502.3 117.9 393.5 91 340.5 91c-62.9 0-76.2 19.6-76.2 19.6S246.1 93.2 195 93.2"/><linearGradient id="SVGNdkCPdkE" x1="-44.198" x2="-44.297" y1="644.046" y2="646.413" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4b8c1c"/><stop offset="1" stop-color="#76ab50"/></linearGradient><path fill="url(#SVGNdkCPdkE)" d="M257.9 107.5c-41.6-61.4-142.7-88.4-219-32.4c-3.9 2.9-8 5.1-12.5 6.6c0 0 27.5 83.6 127.2 63.5c51.9-10.3 86.1-40.9 104.3-37.7"/><linearGradient id="SVGmwbaDd2w" x1="-44.233" x2="-44.201" y1="644.754" y2="643.596" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4b8c1c"/><stop offset="1" stop-color="#4b8c1c" stop-opacity="0"/></linearGradient><path fill="url(#SVGmwbaDd2w)" d="M153.6 145.3c51.9-10.4 86-40.9 104.2-37.9c-37.5-11.6-73.8-14.5-121.6-7.7c-26.9 3.9-88.5-6.2-109.7-17.8c-.2 0 27.4 83.5 127.1 63.4"/><linearGradient id="SVGW6r7ALul" x1="-44.367" x2="-44.245" y1="644.102" y2="644.919" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4b8c1c"/><stop offset=".999" stop-color="#407817"/></linearGradient><path fill="url(#SVGW6r7ALul)" d="M136.1 99.8c47.9-6.8 84.2-3.9 121.6 7.7c-26.5-14-67.7-22.4-122.1-13.7c-38.1 6-99.1-8-109.3-11.9c21.3 11.6 82.8 21.7 109.8 17.9"/><linearGradient id="SVG8lbTHbBA" x1="-42.38" x2="-45.846" y1="645.553" y2="644.348" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#407817"/><stop offset=".999" stop-color="#407817" stop-opacity="0"/></linearGradient><path fill="url(#SVG8lbTHbBA)" d="M153.6 145.3c51.9-10.4 86-40.9 104.2-37.9c-24.1-6.2-61.9 23-134.1 23S26.3 81.9 26.3 81.9s27.6 83.6 127.3 63.4"/><radialGradient id="SVGqTNF7d4i" cx="-50.494" cy="652.043" r=".79" gradientTransform="matrix(239.551 0 0 -239.551 12446.75 156477.547)" gradientUnits="userSpaceOnUse"><stop offset=".842" stop-color="#ffcb4b" stop-opacity="0"/><stop offset="1" stop-color="#ffcb4b" stop-opacity=".5"/></radialGradient><path fill="url(#SVGqTNF7d4i)" d="M491.8 196.9C463.2 108.8 383.6 91.1 340.5 91.1c-40.9 0-60.8 8.3-69.7 14.2c3-.6 36.7-7.2 97.7 5.1c64.8 12.9 114.5 74.8 123.3 86.5"/><radialGradient id="SVG2S6rBdOM" cx="-50.268" cy="651.731" r=".79" gradientTransform="rotate(60.079 -93142.444 -37391.059)scale(275.253 -152.548)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c9321b" stop-opacity=".25"/><stop offset=".423" stop-color="#c3351d" stop-opacity=".144"/><stop offset=".976" stop-color="#b33e22" stop-opacity=".01"/><stop offset="1" stop-color="#b23e22" stop-opacity="0"/></radialGradient><path fill="url(#SVG2S6rBdOM)" d="M195 93.2C73 93.2 9.8 159.4 9.8 277.6c0 162.1 194.8 234.3 242.1 234.3c67.7 0 250.4-84.9 250.4-241.6C502.3 117.9 393.5 91 340.5 91c-62.9 0-76.2 19.6-76.2 19.6S246.1 93.2 195 93.2"/><radialGradient id="SVGLdwGJdCf" cx="-50.105" cy="650.993" r=".79" gradientTransform="rotate(253.303 -16158.98 28846.284)scale(-131.188 81.0443)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbe07a" stop-opacity=".25"/><stop offset=".08" stop-color="#fbe387" stop-opacity=".23"/><stop offset=".517" stop-color="#fdf2c7" stop-opacity=".121"/><stop offset=".836" stop-color="#fffbf0" stop-opacity=".041"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><path fill="url(#SVGLdwGJdCf)" d="M195 93.2C73 93.2 9.8 159.4 9.8 277.6c0 162.1 194.8 234.3 242.1 234.3c67.7 0 250.4-84.9 250.4-241.6C502.3 117.9 393.5 91 340.5 91c-62.9 0-76.2 19.6-76.2 19.6S246.1 93.2 195 93.2"/><linearGradient id="SVGLMTfQeMR" x1="-43.84" x2="-44.386" y1="644.703" y2="639.44" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b23e22" stop-opacity=".5"/><stop offset=".542" stop-color="#ca3e1a" stop-opacity=".229"/><stop offset="1" stop-color="#d93e15" stop-opacity="0"/></linearGradient><path fill="url(#SVGLMTfQeMR)" d="M153.6 145.3c-39.4 8-67.6-.3-87.2-13.2c-6.9 5.7-13.1 12-18.8 19c21.5 18.2 59.2 35.8 114.9 13.1c49.1-20 76.8-56.3 95.3-56.8c-18.1-3.1-52.3 27.5-104.2 37.9"/><radialGradient id="SVG2RCGZcde" cx="-50.039" cy="651.04" r=".79" gradientTransform="rotate(94.914 -40142.608 -28437.805)scale(298.8863 -109.3483)" gradientUnits="userSpaceOnUse"><stop offset=".001" stop-color="#b23e22"/><stop offset="1" stop-color="#c9321b" stop-opacity="0"/></radialGradient><path fill="url(#SVG2RCGZcde)" d="M270.5 105.1c-7.8-2.4-21.2-2-29.4-5.9c8.1 3.9 15.7 7.8 23 11.3c114.1 54.9 80.4 327.7-12.5 401.4c90.1-71.4 190.9-355.2 18.9-406.8"/><radialGradient id="SVGUWWOEb7g" cx="-50.084" cy="650.809" r=".79" gradientTransform="matrix(-25.5372 297.0319 86.9957 7.4794 -57609.32 10377.16)" gradientUnits="userSpaceOnUse"><stop offset=".001" stop-color="#643800"/><stop offset=".665" stop-color="#7a4400" stop-opacity="0"/></radialGradient><path fill="url(#SVGUWWOEb7g)" d="M270.5 105.1c-7.7-2.7-21.2-2-29.4-5.9c8.1 3.9 15.7 7.8 23 11.3c114.1 54.9 80.4 327.7-12.5 401.4c98.3-77.9 174.1-352.2 18.9-406.8"/><linearGradient id="SVGsN2K1bBn" x1="-40.197" x2="-46.131" y1="643.65" y2="646.108" gradientTransform="matrix(33.3333 0 0 -33.3333 1616.667 21593.332)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4b8c1c"/><stop offset="1" stop-color="#4b8c1c" stop-opacity="0"/></linearGradient><path fill="url(#SVGsN2K1bBn)" d="M38.8 75.1c-3.9 2.9-8 5.1-12.5 6.6c0 0 19.4-3.3 41.7-16.9c22.3-13.5 114.6-29.2 189.7 42.5c-41.4-61.2-142.5-88.2-218.9-32.2"/></svg>How to use the Speaches icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:speaches" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:speaches" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:speaches" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--speaches]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:speaches"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:speaches"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/speaches.svg" alt="Speaches icon" width="24" height="24">Speaches icon in other icon sets
Speaches icon FAQ
Is the Speaches icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Speaches icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:speaches" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Speaches icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/speaches.svg" alt="Speaches icon">, or paste the SVG code inline to style it with CSS.