Speaches icon

selfhst:speaches

The Speaches icon (selfhst:speaches) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: selfh.st/icons
Author: selfh.st
License: CC-BY-4.0
Size: 512 × 512
Tags: speach

Download SVG

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="selfhst:speaches" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:speaches" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:speaches" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--speaches]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:speaches"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:speaches"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/selfhst/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. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Speaches icon in React?

Install @iconify/react and render <Icon icon="selfhst: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/selfhst/speaches.svg" alt="Speaches icon">, or paste the SVG code inline to style it with CSS.

Browse all selfh.st/icons →