Иконка Cucumber
material-icon-theme:cucumber
Иконка Cucumber (material-icon-theme:cucumber) — бесплатная SVG-иконка из набора Material Icon Theme от Material Extensions. Она нарисована на сетке 33 × 33. Material Icon Theme icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Icon Theme
- Автор
- Material Extensions
- Лицензия
- MIT
- Размер
- 33 × 33
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33"><path fill="#4caf50" fill-rule="evenodd" d="M16.633 2.088c-7.028 0-12.714 5.686-12.714 12.714c0 6.187 4.435 11.327 10.288 12.471v3.64c7.609-1.148 14.346-7.187 14.848-15.117c.303-4.772-2.076-9.644-6.09-12.01a10.6 10.6 0 0 0-1.455-.728l-.243-.097c-.223-.083-.448-.175-.68-.243a12.6 12.6 0 0 0-3.954-.63m2.62 4.707a1.39 1.39 0 0 0-1.213.485c-.233.31-.379.611-.534.922c-.466 1.087-.31 2.252.388 3.106c1.087-.233 2.01-.927 2.475-2.014a2.45 2.45 0 0 0 .243-1.02c.048-.824-.634-1.405-1.359-1.48zm-5.654.073c-.708.067-1.382.63-1.382 1.407c0 .31.087.708.243 1.019c.466 1.087 1.46 1.78 2.546 2.014c.621-.854.782-2.019.316-3.106c-.155-.31-.3-.616-.534-.85a1.36 1.36 0 0 0-1.188-.484zM9.79 10.603c-1.224.063-1.77 1.602-.752 2.402c.31.233.612.403.922.558c1.087.466 2.344.306 3.275-.315c-.233-1.01-1.023-1.936-2.11-2.402c-.388-.155-.703-.243-1.092-.243c-.087-.01-.161-.004-.243 0m11.961 4.707a3.55 3.55 0 0 0-2.013.583c.233 1.009 1.023 1.935 2.11 2.401c.389.155.705.243 1.093.243c1.397.078 2.08-1.65.994-2.426c-.31-.233-.611-.379-.922-.534a3.4 3.4 0 0 0-1.262-.267m-10.603.073a3.4 3.4 0 0 0-1.261.267c-.389.155-.69.325-.923.558c-1.009.854-.33 2.48 1.068 2.402a2.5 2.5 0 0 0 1.092-.243c1.087-.466 1.859-1.392 2.014-2.401a3.47 3.47 0 0 0-1.99-.583m3.931 2.378c-1.087.233-2.009.927-2.475 2.014c-.155.31-.243.684-.243.994c-.077 1.32 1.724 2.03 2.5 1.02c.233-.31.378-.612.534-.923c.466-1.009.306-2.174-.316-3.105m2.887.073c-.621.854-.781 2.018-.315 3.105c.155.311.3.616.534.85c.854.93 2.65.242 2.572-.923c0-.31-.088-.708-.243-1.019c-.466-1.087-1.46-1.78-2.547-2.013z"/></svg>
Как использовать иконку Cucumber
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:cucumber" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:cucumber" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:cucumber" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--cucumber]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:cucumber"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:cucumber"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/cucumber.svg" alt="Иконка Cucumber" width="24" height="24">
Иконка Cucumber в других наборах
Вопросы и ответы: Иконка Cucumber
Можно ли бесплатно использовать иконку Cucumber в коммерческих проектах?
Да. Material Icon Theme icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cucumber в React?
Установите @iconify/react и выведите <Icon icon="material-icon-theme:cucumber" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cucumber на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-icon-theme/cucumber.svg" alt="Иконка Cucumber">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Icon Theme →
ICONYZ
