Icono Bacon
whh:bacon
El icono Bacon (whh:bacon) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 1024. WebHostingHub Glyphs icons se publican bajo la Open Font License, 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 1024 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M960 832q-3-22-24-74.5T902 692q-47-46-96.5-79.5t-83.5-48t-68-32t-53-36.5q-45-45-74.5-91.5T475 318t-51-68q-44-44-67.5-66t-58-51T236 89t-54-19l70-70q27 4 55 19t62.5 44t58 51.5T495 180q29 28 51 68t51.5 86.5T672 426q22 22 69 51t109.5 73.5T972 654q14 13 31.5 57.5T1024 778zM566 531q18 19 52 36.5t68 32t84 48t96 79.5q8 8 16 35.5t17.5 64T918 883l-36 36q-1-12-16-29.5T826 850t-27-24q-78-77-163.5-158.5T530 566q-57-57-133-136T290 320q-29-28-55.5-63t-41-56.5t-36-38.5t-46.5-22l35-35q27 5 55 19.5t62.5 43.5t58 51.5T389 285q28 28 50.5 68t52 86.5T566 531m-71 70q19 19 104.5 101T764 861q2 3 26.5 24.5t40 39T847 954l-71 70q-3-23-20.5-67T725 900q-59-59-121.5-103.5T494 723t-70-52q-45-44-74-91t-51.5-86.5T248 426q-79-78-138-122.5T0 250l75-75q26 5 47.5 22t35.5 38.5t41 56.5t55 64q32 31 108 110t133 135"/></svg>
Cómo usar el icono Bacon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:bacon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:bacon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:bacon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--bacon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:bacon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:bacon"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/bacon.svg" alt="Icono Bacon" width="24" height="24">
El icono Bacon en otras colecciones
Preguntas frecuentes sobre Icono Bacon
¿El icono Bacon es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Bacon en React?
Instala @iconify/react y renderiza <Icon icon="whh:bacon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Bacon a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/bacon.svg" alt="Icono Bacon">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos WebHostingHub Glyphs →
ICONYZ
