Zucchini icon

cbi:zucchini

The Zucchini icon (cbi:zucchini) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.723 3.091a1.66 1.66 0 0 0-.565-.987c-.262-.2-.435-.122-.69.319a2.8 2.8 0 0 1-.586.738a1.36 1.36 0 0 1-.572.237c-.255.067-.562.228-.562.295a.04.04 0 0 0 .031.039a.5.5 0 0 1 .139.171l.107.167l.131-.072l.28-.164c.08-.048.249-.149.364-.216a2.04 2.04 0 0 0 .7-.644c.2-.273.246-.31.276-.231c.024.061-.046.183-.243.435a2.4 2.4 0 0 1-.878.671a4 4 0 0 0-.407.24l-.063.054l.109.228a.77.77 0 0 0 .319.375a1.2 1.2 0 0 0 .215.136c0-.006.043-.069.085-.145a6 6 0 0 1 .45-.548a4.5 4.5 0 0 0 .816-1.091c.124-.249.216-.322.216-.176a2.1 2.1 0 0 1-.347.665c-.073.1-.3.373-.5.6a7 7 0 0 0-.489.59l-.118.179l.133.125a1.2 1.2 0 0 1 .2.258l.067.137l.039-.077a2 2 0 0 0 .088-.374a1.65 1.65 0 0 1 .766-1.158c.397-.339.507-.509.489-.776M20.247 6.25a5.7 5.7 0 0 1-.356 1.291a9.7 9.7 0 0 1-2.281 3.052a24 24 0 0 0-3.628 4.173a23 23 0 0 1-2.268 2.858c-.444.477-1.558 1.571-1.941 1.9a6.3 6.3 0 0 1-3.876 1.779c-.607.028-.765-.054-.179-.091a6.66 6.66 0 0 0 3.591-1.532a25.4 25.4 0 0 0 4.592-5.033a20.8 20.8 0 0 1 3.2-3.735a18.5 18.5 0 0 0 1.808-2.005a5.6 5.6 0 0 0 1.13-2.253a3.8 3.8 0 0 0 .058-1.181c-.043-.146-.161-.316-.225-.316c-.021 0-.055.082-.076.188c-.128.62-.389 1.036-1.491 2.393c-.28.343-.726.917-1 1.279a11 11 0 0 1-2.133 2.317a25 25 0 0 0-1.88 1.792a203 203 0 0 0-2.633 2.901A34 34 0 0 1 7.25 19.3a7 7 0 0 1-1.34.9l-.112.045l.118-.106c.067-.058.283-.219.483-.355A11 11 0 0 0 7.846 18.6a34 34 0 0 0 3.1-3.134c.158-.182.459-.517.669-.745s.583-.635.832-.911a36 36 0 0 1 2.6-2.557a11.9 11.9 0 0 0 2.331-2.578c.255-.344.665-.872.914-1.173a8.3 8.3 0 0 0 1.154-1.6a1.64 1.64 0 0 0 .218-.747c0-.158-.009-.179-.1-.261a.8.8 0 0 0-.2-.128c-.091-.039-.119-.033-.307.04a5 5 0 0 0-1.02.595a11.7 11.7 0 0 0-2.401 2.733a10 10 0 0 1-1.243 1.565a12 12 0 0 1-1.761 1.415a37 37 0 0 0-5.133 4.357a13.4 13.4 0 0 0-2.737 3.368c-.206.425-.24.447-.118.088a5.4 5.4 0 0 1 .941-1.576a19.6 19.6 0 0 1 2.689-2.84a42 42 0 0 1 4.2-3.432a9.6 9.6 0 0 0 2.736-2.6a16.5 16.5 0 0 1 1.899-2.417a5.3 5.3 0 0 1 1.765-1.333c.285-.129.319-.153.31-.217a.44.44 0 0 0-.234-.314a2.3 2.3 0 0 0-1.048 0a4.2 4.2 0 0 0-1.176.612a8.8 8.8 0 0 0-1.6 1.721c-.149.21-.234.3-.234.246a9 9 0 0 1 .8-1.151a4.22 4.22 0 0 1 2.818-1.655c.1 0 .183-.012.183-.027a.5.5 0 0 0-.173-.115a1 1 0 0 0-.556-.091a3.3 3.3 0 0 0-.577.033c-.982.206-1.76.817-2.801 2.194c-.911 1.211-1.379 1.573-3.751 2.9a28.7 28.7 0 0 0-5.301 3.62a9.2 9.2 0 0 0-2.986 3.879a4.2 4.2 0 0 0 .432 3.818a8.3 8.3 0 0 0 1.418 1.342a3.7 3.7 0 0 0 1.035.422a6 6 0 0 0 1.729-.018a7.1 7.1 0 0 0 3.162-1.692c.41-.355 1.306-1.266 1.852-1.883a17.3 17.3 0 0 0 2.157-2.885a18.7 18.7 0 0 1 2.645-3.426a16 16 0 0 0 2.795-3.587a3.96 3.96 0 0 0 .549-1.9c.022-.569-.021-.727-.075-.305M3.295 19.015a4 4 0 0 1-.039.465a2.3 2.3 0 0 1-.043-.759a5.3 5.3 0 0 1 .58-2.008a11.4 11.4 0 0 1 3.038-3.608a29 29 0 0 1 4.617-3.206A12.2 12.2 0 0 0 14.09 8.02l.219-.221c.04 0-.115.21-.309.419a12.4 12.4 0 0 1-2.719 1.935c-3.364 2.025-5.464 3.784-6.794 5.695a5.8 5.8 0 0 0-1.192 3.167"/></svg>

How to use the Zucchini icon

React

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

<Icon icon="cbi:zucchini" width="24" />

Vue

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

<template>
  <Icon icon="cbi:zucchini" width="24" />
</template>

Svelte

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

<Icon icon="cbi:zucchini" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--zucchini]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:zucchini"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/zucchini.svg" alt="Zucchini icon" width="24" height="24">

Zucchini icon FAQ

Is the Zucchini icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Zucchini icon in React?

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

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

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

Browse all Custom Brand Icons →