Иконка Candy 2 Line

mingcute:candy-2-line

Иконка Candy 2 Line (mingcute:candy-2-line) — бесплатная SVG-иконка из набора MingCute Icon от MingCute Design. Она нарисована на сетке 24 × 24. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: MingCute Icon
Автор: MingCute Design
Лицензия: Apache-2.0
Размер: 24 × 24
Теги: candyline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m5.641 7.133l-.775-.631a1 1 0 0 0 .328 1.526zm4.243-4.242l.894-.448A1 1 0 0 0 9.3 2.08zM6.702 3.95l.008-1a1 1 0 0 0-1.007.96zm7.414-1.06l.632-.776a1 1 0 0 0-1.526.328zm4.243 4.242l.447.895a1 1 0 0 0 .364-1.48zm-1.06-3.182l.999.008a1 1 0 0 0-.96-1.007zm-3.966 6.276a1 1 0 1 0-.666 1.886L13 11.17zm.553 3.106a1 1 0 1 0 1.886-.667L14.83 13zm-6.064-4.95l.598.801zm8.356 0l-.598.801zM5.64 7.132l.775.632c.45-.552.774-1.082.981-1.719c.201-.618.272-1.278.304-2.054l-1-.04l-.998-.041c-.03.717-.092 1.161-.208 1.517c-.11.338-.286.652-.629 1.074zM6.7 3.95l-.007 1c.711.006 1.332-.05 1.96-.258c.623-.206 1.187-.539 1.814-.99l-.584-.812l-.585-.812c-.55.397-.925.6-1.272.715c-.342.113-.722.162-1.317.157zm7.415-1.06l-.632.775c.553.45 1.082.774 1.719.98c.618.202 1.279.273 2.054.304l.041-.999l.04-.999c-.717-.03-1.16-.092-1.517-.207c-.337-.11-.652-.286-1.073-.63zm3.182 1.06l-1-.007c-.005.71.051 1.332.259 1.96c.206.622.538 1.186.99 1.814l.812-.585l.811-.584c-.397-.551-.6-.926-.714-1.273c-.113-.341-.162-.722-.158-1.317zM19 14h-1a6 6 0 0 1-6 6v2a8 8 0 0 0 8-8zm-7 7v-1a6 6 0 0 1-6-6H4a8 8 0 0 0 8 8zm1-9.829l-.333.943a2.01 2.01 0 0 1 1.22 1.22l.942-.334l.943-.333a4 4 0 0 0-2.439-2.439zM5 14h1c0-1.971.95-3.72 2.42-4.816l-.598-.802l-.597-.802A7.99 7.99 0 0 0 4 14zm2.822-5.618l.539-.842a28 28 0 0 0-2.257-1.293l-.01-.006l-.004-.001l-.001-.001l-.448.894l-.447.895h.001l.008.004l.157.08a26 26 0 0 1 1.924 1.112zm8.356 0l-.598.802A5.99 5.99 0 0 1 18 14h2a7.99 7.99 0 0 0-3.225-6.419zm2.18-1.249l-.447-.894h-.001l-.003.002l-.011.006l-.18.093a28 28 0 0 0-2.076 1.2l.538.842l.539.843a26 26 0 0 1 2.049-1.177l.031-.016l.008-.004h.001zM7.823 8.383l.598.801a5.96 5.96 0 0 1 3.059-1.162l-.086-.997l-.086-.996A7.96 7.96 0 0 0 7.225 7.58zm3.571-1.358l.086.997q.257-.023.521-.023V6q-.35 0-.693.03zm0 0l.724.69c.77-.806 1.496-1.92 2.013-2.787a29 29 0 0 0 .862-1.554l.013-.026l.004-.007V3.34h.001v-.001l-.894-.447l-.894-.448v.001l-.003.004l-.01.02l-.042.082q-.056.11-.163.31a27 27 0 0 1-.592 1.044c-.5.839-1.134 1.793-1.743 2.431zM12 7v1q.264 0 .521.023l.086-.997l.086-.996Q12.349 6 12 6zm.607.026l-.086.997a5.97 5.97 0 0 1 3.06 1.162l.597-.802l.597-.802a7.96 7.96 0 0 0-4.082-1.551zM9.884 2.891l-.894.447v.001l.001.002l.017.033a15 15 0 0 0 .227.433c.153.284.371.68.635 1.121c.517.867 1.244 1.98 2.013 2.788l.724-.69l.724-.69c-.61-.64-1.243-1.593-1.743-2.432a27 27 0 0 1-.755-1.354l-.042-.082l-.01-.02l-.002-.004z"/></svg>

Как использовать иконку Candy 2 Line

React

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

<Icon icon="mingcute:candy-2-line" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:candy-2-line" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:candy-2-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--candy-2-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:candy-2-line"></div>

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

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

<iconify-icon icon="mingcute:candy-2-line"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/mingcute/candy-2-line.svg" alt="Иконка Candy 2 Line" width="24" height="24">

Вопросы и ответы: Иконка Candy 2 Line

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

Да. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки MingCute Icon →