Broccoli icon

file-icons:broccoli

The Broccoli icon (file-icons:broccoli) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<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>

How to use the Broccoli icon

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>

HTML image

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

Broccoli icon in other icon sets

Broccoli icon FAQ

Is the Broccoli icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Broccoli icon in React?

Install @iconify/react and render <Icon icon="file-icons:broccoli" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Broccoli icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/broccoli.svg" alt="Broccoli icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →