Иконка Broccoli

tdesign:broccoli

Иконка Broccoli (tdesign:broccoli) — бесплатная SVG-иконка из набора TDesign Icons от TDesign. Она нарисована на сетке 24 × 24. TDesign Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: TDesign Icons
Автор: TDesign
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M17.696 3.554c-1.627-1.628-4.303-1.59-5.976.084c-.327.327-.312.434-.427.583c-1.639-1.457-4.143-1.513-5.758.101c-1.673 1.674-1.711 4.35-.084 5.977q.417.416.892.704c1.08.655 2.346.791 3.536.29l.707.707l1.06.353l.354 1.06l1.414 1.415c-.502.74-.702 1.67-.595 2.557c.092.768.415 1.505.969 2.059c1.356 1.356 3.585 1.324 4.98-.07a3.58 3.58 0 0 0 .898-3.632a4.4 4.4 0 0 0 1.257-.88c1.674-1.674 1.712-4.35.084-5.977a4.07 4.07 0 0 0-2.31-1.153l.035-.107c.398-1.417.056-2.98-1.036-4.071"/><path d="m6.344 20.486l-2.828-2.829c1.227-1.228 2.997-5.39 2.828-6.653c1.08.654 2.346.79 3.536.29l.707.706l1.06.354l.354 1.06l1.414 1.415c-.503.74-.702 1.67-.595 2.556a4 4 0 0 0-.395-.152c-1.857-.623-5.374 2.545-6.081 3.252"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="m11.4 12.6l-1.52 1.522m-6.364 3.535l2.828 2.828c.707-.707 4.224-3.875 6.081-3.252q.215.072.395.152c-.107-.887.092-1.816.595-2.556L12 13.414l-.354-1.06l-1.06-.354l-.707-.707c-1.19.502-2.457.365-3.536-.29c.169 1.264-1.6 5.426-2.828 6.654Z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M11.293 4.221c.115-.149.1-.256.427-.583c1.673-1.674 4.35-1.712 5.976-.084c1.092 1.091 1.434 2.654 1.036 4.07l-.036.108m-7.403-3.51c-1.639-1.458-4.143-1.514-5.758.1c-1.673 1.674-1.711 4.35-.084 5.977q.417.417.892.705c1.08.655 2.346.79 3.536.29l.707.706l1.06.354l.354 1.06l1.414 1.415c-.502.74-.702 1.67-.595 2.557c.092.768.415 1.504.969 2.058c1.356 1.356 3.585 1.324 4.98-.07a3.58 3.58 0 0 0 .898-3.632a4.4 4.4 0 0 0 1.257-.88c1.674-1.674 1.712-4.35.084-5.977a4.07 4.07 0 0 0-2.31-1.153m-7.404-3.51q.09.079.176.165c.942.943 1.126 1.79 1.238 2.663m4.95.707s.511-.101 1.04-.025"/></g></svg>

Как использовать иконку Broccoli

React

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

<Icon icon="tdesign:broccoli" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:broccoli" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:broccoli" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="tdesign:broccoli"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/tdesign/broccoli.svg" alt="Иконка Broccoli" width="24" height="24">

Иконка Broccoli в других наборах

Вопросы и ответы: Иконка Broccoli

Можно ли бесплатно использовать иконку Broccoli в коммерческих проектах?

Да. TDesign Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Broccoli в React?

Установите @iconify/react и выведите <Icon icon="tdesign:broccoli" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Broccoli на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/tdesign/broccoli.svg" alt="Иконка Broccoli">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все TDesign Icons →