Ikon Sandwitches
selfhst:sandwitches
Ikon Sandwitches (selfhst:sandwitches) 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
- sandwitch
Kode SVG
<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>Cara memakai ikon Sandwitches
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:sandwitches"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/sandwitches.svg" alt="Ikon Sandwitches" width="24" height="24">FAQ Ikon Sandwitches
Apakah ikon Sandwitches 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 Sandwitches di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:sandwitches" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sandwitches ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/sandwitches.svg" alt="Ikon Sandwitches">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.