Icono Pepperoni
logos:pepperoni
El icono Pepperoni (logos:pepperoni) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 245. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 245
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/pepperoni.svg" alt="Icono Pepperoni" width="24" height="24">El icono Pepperoni en otras colecciones
Preguntas frecuentes sobre Icono Pepperoni
¿El icono Pepperoni es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Pepperoni en React?
Instala @iconify/react y renderiza <Icon icon="logos:pepperoni" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pepperoni a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/pepperoni.svg" alt="Icono Pepperoni">, o pega el código SVG en línea para darle estilo con CSS.