Ikon Pepperoni
logos:pepperoni
Ikon Pepperoni (logos:pepperoni) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 245. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 245
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="245" viewBox="0 0 256 245"><defs><linearGradient id="SVGgwDeAbGR" x1="35.538%" x2="53.877%" y1="63.201%" y2="45.612%"><stop offset="19.81%" stop-color="#914f00"/><stop offset="33.48%" stop-color="#9f5600"/><stop offset="60.93%" stop-color="#b76200"/><stop offset="84.08%" stop-color="#c66900"/><stop offset="100%" stop-color="#cb6c00"/></linearGradient><linearGradient id="SVGGMKolcYz" x1="22.231%" x2="97.843%" y1="75.36%" y2="-2.213%"><stop offset="0%" stop-color="#fbba00"/><stop offset="6.471%" stop-color="#fdc000"/><stop offset="30.61%" stop-color="#ffd500"/><stop offset="54.52%" stop-color="#ffe300"/><stop offset="77.87%" stop-color="#ffeb00"/><stop offset="100%" stop-color="#ffed00"/></linearGradient></defs><path fill="#d18f00" d="M53.923 76.255A214.8 214.8 0 0 0 98.478 147.5a216 216 0 0 0 68.412 48.803L255.237 0z"/><path fill="#e94f35" d="M77.236 191.4s0-.108 0 0q0-.162 0 0L52.834 167h-.109C25.491 157.521 0 186.933 0 244.125c57.954.654 86.604-25.491 77.236-52.725"/><path fill="#f39200" d="M72.987 187.152q0-.163 0 0c-7.734-7.843-8.17-8.17-15.904-15.904c-17.757-6.1-34.315 12.963-34.315 50.22c37.692.435 56.32-16.668 50.22-34.316"/><path fill="#4b5b5c" d="m95.319 222.121l-72.333-72.334l27.016-11.547l56.864 56.865z"/><path fill="#3a4949" d="M106.866 195.105L50.002 138.24l-9.696 4.14c8.28 11.983 17.43 23.312 27.452 33.879c10.567 11.22 21.896 21.46 33.988 30.829z"/><path fill="url(#SVGgwDeAbGR)" d="M98.478 147.5a214.8 214.8 0 0 1-44.555-71.245l-35.295 13.4c11.765 31.046 29.522 59.479 52.29 83.771c22.767 24.293 50.11 43.684 80.394 57.3l15.47-34.423c-25.71-11.656-49.022-28.214-68.304-48.803"/><path fill="url(#SVGGMKolcYz)" d="M56.974 75.057c9.913 26.036 24.728 49.893 43.792 70.155a212.1 212.1 0 0 0 67.323 48.04L255.237 0z"/><path fill="#aa2322" d="M160.68 35.84c.763 11.765 10.568 21.134 22.55 21.134c12.528 0 22.66-10.131 22.66-22.66c0-5.228-1.744-10.021-4.794-13.834zm62.094 21.57c-8.17 0-14.924 6.644-14.924 14.924c0 5.991 3.595 11.22 8.715 13.508l12.201-27.125c-1.852-.872-3.922-1.308-5.992-1.308"/><circle cx="180.616" cy="47.496" r="3.159" fill="#441a0d"/><circle cx="180.616" cy="33.77" r="3.159" fill="#441a0d"/><circle cx="193.253" cy="33.77" r="3.159" fill="#d89687"/><circle cx="194.015" cy="44.991" r="3.159" fill="#d89687"/><circle cx="169.505" cy="38.999" r="3.159" fill="#d89687"/><circle cx="213.733" cy="66.451" r="2.07" fill="#441a0d"/><circle cx="220.378" cy="71.135" r="2.07" fill="#441a0d"/><circle cx="221.358" cy="63.074" r="2.07" fill="#d89687"/><circle cx="213.733" cy="75.384" r="2.07" fill="#d89687"/><ellipse cx="169.441" cy="93.557" fill="#aa2322" rx="22.658" ry="22.549" transform="rotate(-71.868 169.44 93.557)"/><circle cx="156.332" cy="98.95" r="3.159" fill="#441a0d" transform="rotate(-71.868 156.332 98.95)"/><circle cx="182.718" cy="95.216" r="3.159" fill="#441a0d" transform="rotate(-71.868 182.718 95.216)"/><circle cx="165.383" cy="77.872" r="3.159" fill="#441a0d" transform="rotate(-71.868 165.383 77.872)"/><circle cx="169.687" cy="90.984" r="3.159" fill="#441a0d" transform="rotate(-71.868 169.687 90.984)"/><circle cx="165.762" cy="102.959" r="3.159" fill="#d89687" transform="rotate(-71.868 165.762 102.959)"/><circle cx="156.699" cy="87.247" r="3.159" fill="#d89687" transform="rotate(-71.868 156.699 87.247)"/><circle cx="176.131" cy="107.261" r="3.159" fill="#d89687" transform="rotate(-71.868 176.131 107.261)"/><circle cx="178.138" cy="82.095" r="3.159" fill="#d89687" transform="rotate(-71.868 178.138 82.095)"/><circle cx="106.19" cy="86.202" r="22.659" fill="#aa2322" transform="rotate(-64.106 106.19 86.202)"/><circle cx="119.335" cy="80.482" r="3.159" fill="#441a0d" transform="rotate(-64.106 119.335 80.482)"/><circle cx="98.039" cy="97.007" r="3.159" fill="#441a0d" transform="rotate(-64.106 98.039 97.007)"/><circle cx="97.745" cy="72.369" r="3.159" fill="#441a0d" transform="rotate(-64.106 97.745 72.369)"/><circle cx="104.138" cy="84.47" r="3.159" fill="#441a0d" transform="rotate(-64.106 104.138 84.47)"/><circle cx="115.506" cy="90.067" r="3.159" fill="#d89687" transform="rotate(-64.106 115.506 90.067)"/><circle cx="110.443" cy="72.664" r="3.159" fill="#d89687" transform="rotate(-64.106 110.443 72.664)"/><circle cx="111.174" cy="100.461" r="3.159" fill="#d89687" transform="rotate(-64.106 111.174 100.461)"/><circle cx="91.837" cy="84.448" r="3.159" fill="#d89687" transform="rotate(-64.106 91.837 84.448)"/><circle cx="122.776" cy="135.957" r="15.252" fill="#aa2322" transform="rotate(-8.522 122.776 135.957)"/><circle cx="127.786" cy="127.787" r="2.179" fill="#441a0d" transform="rotate(-8.522 127.786 127.787)"/><circle cx="122.34" cy="144.998" r="2.179" fill="#441a0d" transform="rotate(-8.522 122.34 144.998)"/><circle cx="112.754" cy="131.492" r="2.179" fill="#441a0d" transform="rotate(-8.522 112.754 131.492)"/><circle cx="120.923" cy="135.849" r="2.179" fill="#441a0d" transform="rotate(-8.522 120.923 135.849)"/><circle cx="129.31" cy="134.54" r="2.179" fill="#d89687" transform="rotate(-8.522 129.31 134.54)"/><circle cx="119.943" cy="126.807" r="2.179" fill="#d89687" transform="rotate(-8.522 119.943 126.807)"/><circle cx="131.056" cy="141.948" r="2.179" fill="#d89687" transform="rotate(-8.522 131.056 141.948)"/><circle cx="114.06" cy="140.423" r="2.179" fill="#d89687" transform="rotate(-8.522 114.06 140.423)"/><g transform="translate(153.6 132.902)"><path fill="#aa2322" d="M35.731 3.922C25.164-2.832 11.221.327 4.575 10.894C-2.179 21.46.98 35.404 11.547 42.049c3.05 1.961 6.427 3.05 9.913 3.377L39.108 6.318c-1.198-.871-2.288-1.743-3.377-2.396"/><circle cx="9.375" cy="24.988" r="3.159" fill="#441a0d" transform="rotate(-57.513 9.375 24.988)"/><circle cx="23.387" cy="6.645" r="3.159" fill="#441a0d" transform="rotate(-57.513 23.387 6.645)"/><circle cx="24.465" cy="20.389" r="3.159" fill="#441a0d" transform="rotate(-57.513 24.465 20.389)"/><circle cx="17.594" cy="31.046" r="3.159" fill="#d89687" transform="rotate(-57.513 17.594 31.046)"/><circle cx="12.77" cy="13.682" r="3.159" fill="#d89687" transform="rotate(-57.513 12.77 13.682)"/><path fill="#d89687" d="M23.966 36.058c-.654 1.09-.654 2.396 0 3.377l2.179-4.793c-.872.109-1.634.653-2.179 1.416M36.494 11.22c-1.525-.98-3.486-.544-4.358.98c-.98 1.526-.545 3.487.98 4.358c.327.218.654.327.981.436zc.109.11.109 0 0 0"/></g><path fill="#441a0d" d="M192.381 26.69a3.16 3.16 0 0 0 3.16-3.16c0-.327 0-.544-.11-.871l-5.882 2.287c.545.98 1.634 1.743 2.832 1.743"/></svg>Cara memakai ikon Pepperoni
React
import { Icon } from "@iconify/react";
<Icon icon="logos:pepperoni" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:pepperoni" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:pepperoni" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--pepperoni]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:pepperoni"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:pepperoni"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/pepperoni.svg" alt="Ikon Pepperoni" width="24" height="24">Ikon Pepperoni di set ikon lain
FAQ Ikon Pepperoni
Apakah ikon Pepperoni gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pepperoni di React?
Pasang @iconify/react lalu render <Icon icon="logos:pepperoni" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pepperoni ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/pepperoni.svg" alt="Ikon Pepperoni">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.