Sandwitches ikonu
selfhst:sandwitches
Sandwitches ikonu (selfhst:sandwitches), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- selfh.st/icons
- Yazar
- selfh.st
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
- Etiketler
- sandwitch
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#d38e43" d="M140.4 462.8s11.4 45.8 121.3 45.8S383 462.8 383 462.8L369.3 417H154.1z"/><path fill="#a06235" d="M261.7 512c-111.3 0-124.2-46.4-124.7-48.4l-.2-.9l14.8-49.1H372l14.8 49.1l-.2.9c-.7 2-13.6 48.4-124.9 48.4m-117.8-49.2c1 2.6 5.3 11.7 18.5 20.6c14.8 10 44 21.9 99.2 21.9s84.5-11.9 99.2-21.9c13.3-8.9 17.5-17.9 18.5-20.6l-12.7-42.4h-210z"/><path fill="#7dce13" d="M128.9 422.7c22.9-22.9 45.8 11.4 68.7-11.4s45.8 11.4 68.7-11.4s45.8 11.4 68.7-11.4s45.8 11.4 59.5 34.3l-13.7 11.4H142.7z"/><path fill="#519607" d="M381.6 436.5H141.9l-16.4-13.6l1.7-1.7c12.4-12.4 25.2-9.2 36.5-6.3c11.1 2.7 21.6 5.4 32.2-5.2c12.4-12.4 25.2-9.2 36.5-6.3c11.1 2.7 21.6 5.4 32.2-5.2c12.4-12.4 25.2-9.2 36.5-6.3c11.1 2.7 21.6 5.4 32.2-5.2c6.2-6.2 12.9-8.9 20-8c16.5 2.1 31 22.8 43 42.8l1 1.7zm-238.1-4.6H380l11.6-9.6c-10.6-17.6-24.5-37.2-38.7-38.9c-5.7-.7-11 1.5-16.3 6.8c-12.4 12.4-25.2 9.2-36.5 6.3c-11.1-2.7-21.6-5.4-32.2 5.2c-12.4 12.4-25.2 9.2-36.5 6.3c-11.1-2.7-21.6-5.4-32.2 5.2c-12.4 12.4-25.2 9.2-36.5 6.3c-10.5-2.6-20.4-5.2-30.3 3.4z"/><path fill="#e74c3c" d="M157.6 376.9h208.3c3.2 0 5.7 2.5 5.7 5.7v17.2c0 3.2-2.5 5.7-5.7 5.7H157.6c-3.2 0-5.7-2.5-5.7-5.7v-17.2c-.1-3.1 2.5-5.7 5.7-5.7"/><path fill="#c0392b" d="M365.9 407.8H157.6c-4.5 0-8-3.5-8-8v-17.2c0-4.5 3.5-8 8-8h208.3c4.5 0 8 3.5 8 8v17.2c0 4.5-3.5 8-8 8m-208.3-28.6c-1.9 0-3.4 1.5-3.4 3.4v17.2c0 1.9 1.5 3.4 3.4 3.4h208.3c1.9 0 3.4-1.5 3.4-3.4v-17.2c0-1.9-1.5-3.4-3.4-3.4z"/><path fill="#f7dc6f" d="M157.6 354h208.3l9.2 28.6H148.4z"/><path fill="#d4ac0d" d="M378.1 384.9H145.3l10.6-33.2h211.6zm-226.6-4.5h220.3l-7.7-24H159.3z"/><path fill="#8b4513" d="M161 314h201.5c5 0 9.2 4.1 9.2 9.2v27.5c0 5-4.1 9.2-9.2 9.2H161c-5 0-9.2-4.1-9.2-9.2v-27.5c0-5.1 4.2-9.2 9.2-9.2"/><path fill="#5d2e0c" d="M362.5 362.1H161c-6.3 0-11.4-5.2-11.4-11.4v-27.5c0-6.3 5.2-11.4 11.4-11.4h201.5c6.3 0 11.4 5.2 11.4 11.4v27.5c0 6.2-5.2 11.4-11.4 11.4M161 316.3c-3.8 0-6.9 3.1-6.9 6.9v27.5c0 3.8 3.1 6.9 6.9 6.9h201.5c3.8 0 6.9-3.1 6.9-6.9v-27.5c0-3.8-3.1-6.9-6.9-6.9z"/><path fill="#d38e43" d="M140.4 319.7s11.4-63 121.3-63s121.3 63 121.3 63l-13.7 17.2H154.1z"/><path fill="#a06235" d="M370.9 340.3H152.5l-15.8-19.7l.2-1.5c.1-.7 3.2-17.1 20.5-33.3c15.6-14.8 46.4-32.4 104.3-32.4S350.3 271 366 285.8c17.2 16.4 20.4 32.6 20.5 33.3l.2 1.5zm-215.2-6.9h211.9l11.7-14.5c-1.1-4.1-5.5-16.4-18.4-28.5c-14.8-13.7-43.8-30.2-99.1-30.2c-96.5 0-115 49.6-117.6 58.7z"/><ellipse cx="261.7" cy="262.5" fill="#4a235a" rx="148.8" ry="40.1"/><path fill="#2e1437" d="M261.7 306c-40.1 0-77.7-4.2-106.1-11.9c-21.1-5.6-46.1-15.8-46.1-31.6s25.1-26 46.1-31.6c28.4-7.7 66-11.9 106.1-11.9s77.7 4.2 106.1 11.9c21.1 5.6 46.1 15.8 46.1 31.6s-25.1 26-46.1 31.6c-28.4 7.6-66 11.9-106.1 11.9m0-80.2c-85.6 0-145.4 19.3-145.4 36.6S176.1 299 261.7 299s145.4-19.3 145.4-36.6s-59.8-36.6-145.4-36.6"/><linearGradient id="SVG4WC8Hcgc" x1="261.723" x2="261.723" y1="582.368" y2="754.065" gradientTransform="translate(0 -566)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4a235a"/><stop offset="1" stop-color="#6c3483"/></linearGradient><path fill="url(#SVG4WC8Hcgc)" d="M163.3 245.3c11.4-57.2 34.3-171.7 80.1-228.9c11.4-17.2 34.3-17.2 45.8 0c45.8 68.7 57.2 171.7 71 228.9"/><path fill="#2e1437" d="M356.8 246.1c-3-12.5-5.8-27.1-8.9-42.8c-11.7-58.7-26.1-131.7-61.6-185c-4.8-7.2-12.1-11.3-20-11.3s-15.2 4.1-20 11.3c0 .1-.1.1-.2.2c-45.2 56.5-68.3 172-79.4 227.4l-6.8-1.4c11.2-56 34.5-172.4 80.7-230.3C246.6 5.3 256 0 266.2 0c10.3 0 19.7 5.3 25.8 14.4c36.3 54.4 51.5 131.3 62.5 187.5c3.1 15.6 6 30.2 8.9 42.6z"/><path fill="#f1c40f" d="m182.3 240.5l-3.8-13.3c3.4-.9 84.1-23.1 166.3 0l-3.8 13.3c-78.2-22.1-157.9-.2-158.7 0"/><path fill="#f1c40f" d="M246.8 213.2h29.8c1.3 0 2.3 1 2.3 2.3v24c0 1.3-1 2.3-2.3 2.3h-29.8c-1.3 0-2.3-1-2.3-2.3v-24c.1-1.2 1.1-2.3 2.3-2.3"/><path fill="#b7950b" d="M276.6 243.6h-29.8c-2.2 0-4-1.8-4-4v-24c0-2.2 1.8-4 4-4h29.8c2.2 0 4 1.8 4 4v24c0 2.1-1.8 4-4 4M246.8 215c-.3 0-.6.2-.6.6v24c0 .3.2.6.6.6h29.8c.3 0 .6-.2.6-.6v-24c0-.3-.2-.6-.6-.6z"/><path fill="#4a235a" d="M253.7 220.1h16c.7 0 1.1.5 1.1 1.1v12.6c0 .7-.5 1.1-1.1 1.1h-16c-.7 0-1.1-.5-1.1-1.1v-12.6c0-.6.4-1.1 1.1-1.1"/><circle cx="403.7" cy="96.5" r="11.4" fill="#f1c40f"/><path fill="#9b59b6" d="M106.1 201.8c5.1 0 9.2 4.1 9.2 9.2s-4.1 9.2-9.2 9.2s-9.2-4.1-9.2-9.2s4.1-9.2 9.2-9.2M25.9 302.5l9.2 9.2l-9.2 9.2l-9.2-9.2z"/><path fill="#7dce13" d="m83.2 130.8l11.4 11.4l-11.4 11.4l-11.4-11.4zm343.4 34.4l17.2 17.2l-17.2 17.2l-17.2-17.2zm57.2 194.6l11.4 11.4l-11.4 11.4l-11.4-11.4z"/></svg>Sandwitches ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:sandwitches" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:sandwitches" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:sandwitches" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--sandwitches]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:sandwitches"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:sandwitches"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/sandwitches.svg" alt="Sandwitches ikonu" width="24" height="24">Sandwitches ikonu: sık sorulan sorular
Sandwitches ikonu ticari kullanım için ücretsiz mi?
Evet. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Sandwitches ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:sandwitches" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Sandwitches ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/selfhst/sandwitches.svg" alt="Sandwitches ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.