Icono Brunch
logos:brunch
El icono Brunch (logos:brunch) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 253. 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 × 253
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="253" viewBox="0 0 256 253"><path fill="#3f894a" d="M76.273 188.767c-.306-4.088-1.444-8.563-5.96-12.683c0-.008-.008-.008-.02-.016a23 23 0 0 0-.56-.498c-.028-.016-.044-.04-.065-.053c-6.25-5.707-11.243-16.677-11.243-28.323c0-16.236 7.192-62.383 8.747-62.383c1.232 0 1.256 22.257.44 43.18c-.567 14.532 1.583 20.255 5.05 20.255c4.619 0 5.357-14.625 5.834-31.065c.392-13.535 1.575-32.268 2.521-32.37h.004c1.477 0 2.697 18.615 3.093 32.183c.49 16.848 1.656 30.836 5.515 30.836c4.05 0 5.283-6.47 4.997-20.834c-.35-17.533-.355-42.185.877-42.185c1.555 0 6.83 16.2 8.102 62.383c.322 11.638-4.993 22.612-11.247 28.323c-.02.016-.037.04-.065.053c-.188.163-.384.335-.56.498c-.007.008-.02.008-.02.016c-4.52 4.12-5.654 8.595-5.964 12.683c-.49 6.527-.71 14.89-.685 24.301l35.597 35.597c.498-15.514.449-30.147-.236-41.194c-.257-4.128-.89-8.921-1.612-12.744c-.224-1.22-1.007-2.346-1.007-3.312V56.936c0-11.47 10.74-16.892 20.621 8.286s7.123 114.721 7.123 121.09c0 1.35-1.171 2.945-3.093 4.515c-.766.498-1.435 1-2.08 1.514c-5.92 4.748-6.764 10.223-7.074 15.13c-.738 11.88-1.334 27.903-1.489 44.715l49.06-49.06c-.07-5.764-.23-10.949-.498-15.269c-.102-1.656-.514-3.34-.828-5.115c-.89-5.026-7.11-9.142-10.709-12.757c-6.992-7.02-11.488-18.822-11.488-32.13c0-21.608 11.978-48.96 26.753-48.96s26.757 27.348 26.757 48.96c0 13.308-4.495 25.114-11.487 32.13c-3.603 3.615-9.824 7.73-10.713 12.757c-.314 1.778-.726 3.46-.828 5.115a259 259 0 0 0-.371 8.685L256 128L128 0L0 128l76.91 76.91c-.086-6.091-.294-11.574-.637-16.143"/></svg>Cómo usar el icono Brunch
React
import { Icon } from "@iconify/react";
<Icon icon="logos:brunch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:brunch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:brunch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--brunch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:brunch"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:brunch"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/brunch.svg" alt="Icono Brunch" width="24" height="24">El icono Brunch en otras colecciones
Preguntas frecuentes sobre Icono Brunch
¿El icono Brunch 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 Brunch en React?
Instala @iconify/react y renderiza <Icon icon="logos:brunch" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Brunch a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/brunch.svg" alt="Icono Brunch">, o pega el código SVG en línea para darle estilo con CSS.