Ikon Speaches

selfhst:speaches

Ikon Speaches (selfhst:speaches) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: selfh.st/icons
Pembuat: selfh.st
Lisensi: CC-BY-4.0
Ukuran: 512 × 512
Tag: speach

Download SVG

Kode SVG

<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>

Cara memakai ikon Speaches

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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/selfhst/speaches.svg" alt="Ikon Speaches" width="24" height="24">

Ikon Speaches di set ikon lain

FAQ Ikon Speaches

Apakah ikon Speaches gratis untuk penggunaan komersial?

Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Speaches di React?

Pasang @iconify/react lalu render <Icon icon="selfhst:speaches" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Speaches ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/speaches.svg" alt="Ikon Speaches">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua selfh.st/icons →