Icono Bacon
la:bacon
El icono Bacon (la:bacon) es un icono SVG gratuito de la colección Line Awesome de Icons8. Está dibujado en una cuadrícula de 32 × 32. Line Awesome icons se publican bajo la licencia Apache 2.0, 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
- Line Awesome
- Autor
- Icons8
- Licencia
- Apache-2.0
- Tamaño
- 32 × 32
- Categoría
- Comida
- Etiquetas
- bacon solid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M10.438 5c-2.82 0-5.094 2.25-5.094 2.25L5 7.563V15h1.438l.28-.219c.184-.144.766-.61 1.5-1.031c.735-.422 1.606-.75 2.22-.75c.84 0 1.546.215 2.406.469S14.714 14 16 14c1.285 0 2.258-.281 3.094-.531S20.633 13 21.562 13c.739 0 1.625.352 2.344.781s1.211.856 1.344.969l.281.25H27V7.562l-.344-.312S24.383 5 21.563 5c-1.262 0-2.231.281-3.063.531S16.96 6 16 6s-1.668-.219-2.5-.469S11.7 5 10.437 5zm0 2c.96 0 1.667.219 2.5.469c.832.25 1.8.531 3.062.531s2.23-.281 3.063-.531c.832-.25 1.539-.469 2.5-.469C22.96 7 24.535 8.145 25 8.5v.656c-.059-.035-.094-.058-.156-.094C23.964 8.54 22.8 8 21.562 8c-1.16 0-2.042.281-2.875.531C17.855 8.781 17.063 9 16 9s-1.898-.219-2.75-.469S11.527 8 10.437 8c-1.171 0-2.32.543-3.218 1.063c-.094.054-.133.101-.219.156V8.5C7.465 8.145 9.04 7 10.438 7m0 2c.921 0 1.675.219 2.53.469c.856.25 1.821.531 3.032.531c1.21 0 2.133-.281 2.969-.531S20.555 9 21.562 9c.93 0 1.981.46 2.782.938c.27.16.46.296.656.437v1.719c-.031-.02-.031-.012-.063-.031c-.886-.528-2.046-1.063-3.375-1.063c-1.238 0-2.199.281-3.03.531c-.833.25-1.54.469-2.532.469s-1.746-.223-2.594-.469C12.56 11.285 11.61 11 10.437 11c-1.234 0-2.332.523-3.218 1.031c-.114.067-.114.09-.219.156v-1.78c.219-.145.422-.298.719-.47C8.543 9.457 9.598 9 10.437 9zm0 8c-2.82 0-5.094 2.25-5.094 2.25L5 19.563V27h1.438l.28-.219c.184-.144.766-.61 1.5-1.031c.735-.422 1.606-.75 2.22-.75c.84 0 1.546.215 2.406.469S14.714 26 16 26c1.285 0 2.258-.281 3.094-.531S20.633 25 21.562 25c.739 0 1.625.352 2.344.781s1.211.856 1.344.969l.281.25H27v-7.438l-.344-.312S24.383 17 21.563 17c-1.262 0-2.231.281-3.063.531S16.96 18 16 18s-1.668-.219-2.5-.469S11.7 17 10.437 17zm0 2c.96 0 1.667.219 2.5.469c.832.25 1.8.531 3.062.531s2.23-.281 3.063-.531c.832-.25 1.539-.469 2.5-.469c1.398 0 2.972 1.145 3.437 1.5v1.656c-.059-.035-.094-.058-.156-.093C23.964 21.538 22.8 21 21.562 21c-1.16 0-2.042.281-2.875.531c-.832.25-1.625.469-2.687.469c-1.063 0-1.898-.219-2.75-.469S11.527 21 10.437 21c-1.171 0-2.32.543-3.218 1.063c-.094.054-.133.101-.219.156V20.5c.465-.355 2.04-1.5 3.438-1.5m0 3c.921 0 1.675.219 2.53.469c.856.25 1.821.531 3.032.531c1.21 0 2.133-.281 2.969-.531S20.555 22 21.562 22c.93 0 1.981.46 2.782.938c.27.16.46.296.656.437v.719c-.031-.02-.031-.012-.063-.032c-.886-.527-2.046-1.062-3.375-1.062c-1.238 0-2.199.281-3.03.531c-.833.25-1.54.469-2.532.469s-1.746-.223-2.594-.469C12.56 23.285 11.61 23 10.437 23c-1.234 0-2.332.523-3.218 1.031c-.114.067-.114.09-.219.157v-.782c.219-.144.422-.297.719-.468c.824-.481 1.879-.938 2.718-.938z"/></svg>
Cómo usar el icono Bacon
React
import { Icon } from "@iconify/react";
<Icon icon="la:bacon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:bacon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:bacon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--bacon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:bacon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:bacon"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/la/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í. Line Awesome icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Bacon en React?
Instala @iconify/react y renderiza <Icon icon="la: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/la/bacon.svg" alt="Icono Bacon">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Line Awesome →
ICONYZ
