ICONYZ
Español
Icono Broccoli de File Icons

Icono Broccoli

file-icons:broccoli

El icono Broccoli (file-icons:broccoli) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 512 × 512. File Icons se publican bajo la licencia ISC, 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
File Icons
Autor
John Gardner
Licencia
ISC
Tamaño
512 × 512
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M200.736 482.822c2.368 4.849 6.381 10.175 10.645 13.842c5.211 4.481 11.704 7.65 18.576 10.194c4.798 1.776 11.137 3.324 16.264 4.245c5.313.954 11.837.937 17.986.87c10.926-.12 19.55-1.137 29.283-3.508c6.132-1.494 11.957-3.153 16.685-5.013c8.927-3.513 14.619-7.413 15.806-9.943c-.891-4.183-2.293-10.77-3.337-16.69a272 272 0 0 1-2.318-16.001c-1.337-11.6-.649-19.762.833-33.255c2.183-19.873 6.427-28.926 12.624-40.735c5.918-11.28 15.687-27.045 23.216-37.2c7.849-10.588 27.5-31.28 34.668-38.969c2.5.74 7.328 2.35 14.795 3.824c5.69 1.123 12.316 2.462 20.654 2.181c19.852-.668 27.079-4.464 38.627-11.993c10.478-6.83 20.503-20.498 25.752-33.596c4.036-10.07 5.278-20.324 3.522-32.357c-1.182-8.094-3.797-17.679-5.887-24.017c-2.274-6.894-5.843-14.3-8.84-19.903c0 0 12.051-14.4 16.874-26.412c4.152-10.344 6.088-23.654 5.257-31.973c-.862-8.634-8.191-24.474-12.798-30.127c-6.069-7.448-12.002-15.17-19.499-21.224c-7.348-5.936-15.67-10.794-24.385-14.435c-9.031-3.772-19.835-5.956-28.398-7.46c-1.286-6.86-3.058-11.643-7.778-19.897c-5.894-10.6-12.368-15.388-22.543-22.838c-12.625-9.243-30.221-18.778-47.3-20.084c-7.358-.562-18.144-.794-31.708 2.123c-11.794 2.536-23.42 7.328-32.26 11.845c-17.75-6.798-34.333-5.794-47.415-2.241c-11.033 2.995-13.387 4.793-23.481 10.733c-9.91 4.281-20.676 14.236-29.012 25.762c-31.051.881-56.898 11.803-75.3 22.246c-20.93 11.878-39.713 34.582-47.067 49.024c-8.208 16.118-16.406 38.917-9.48 74.176c-45.742 28.123-41.038 73.108-15.323 98.226c22.552 22.03 59.913 28.893 95.3 25.324c10.572 10.717 50.566 59.17 50.566 59.17s40.285 45.399 26.196 106.086M157.337 294.89c5.474-5.473 10.166-13.293 13.815-19.288c4.141.23 12.645.788 21.007.404c8.384-.386 17.269-1.624 20.821-3.7c.997 2.99 7.935 27.758 8.375 42.978c.578 19.954.022 23.491-3.203 30.495c-1.756.83-3.464 1.192-5.619.418c-7.677-2.756-20.47-12.343-29.642-20.9c-14.205-13.25-25.554-30.407-25.554-30.407m158.127-4.215c-.275 2.424-.451 11.125.72 18.725c1.191 7.719 2.359 14.891 5.27 17.677c10.23-1.843 17.374-8.406 23.549-13.014c0 0 20.04-15.647 23.911-19.24c-2.949-2.673-7.096-8.94-8.57-12.718c0 0-14.103 4.131-21.2 5.606c-8.938 1.935-19.441 2.78-23.68 2.964" clip-rule="evenodd"/></svg>

Cómo usar el icono Broccoli

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:broccoli" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:broccoli" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:broccoli" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--broccoli]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:broccoli"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:broccoli"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/file-icons/broccoli.svg" alt="Icono Broccoli" width="24" height="24">

El icono Broccoli en otras colecciones

Preguntas frecuentes sobre Icono Broccoli

¿El icono Broccoli es gratis para uso comercial?

Sí. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Broccoli en React?

Instala @iconify/react y renderiza <Icon icon="file-icons:broccoli" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Broccoli a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/broccoli.svg" alt="Icono Broccoli">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los File Icons →