ICONYZ
Русский
Иконка Whisk Duotone из набора Reicon

Иконка Whisk Duotone

reicon:whisk-duotone

Иконка Whisk Duotone (reicon:whisk-duotone) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Reicon
Автор
REICON
Лицензия
MIT
Размер
24 × 24
Категория
Еда
Теги
whiskduotone
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M17.952 2.874c-1.812-.406-4.018.2-5.658 1.84c-1.58 1.58-2.659 4.174-2.583 6.272q.003.088.009.175c.185-.354.4-.712.628-1.063c.97-1.493 2.315-3.043 3.228-3.956c.915-.914 2.272-2.066 3.58-2.842c.26-.155.528-.3.796-.426m3.126.047c-2.6-2.6-7.087-2.025-9.845.733C9.385 5.502 8.12 8.49 8.212 11.04c.045 1.27.432 2.504 1.338 3.41s2.14 1.292 3.411 1.338c2.55.09 5.537-1.174 7.385-3.022c2.758-2.758 3.333-7.244.732-9.845m-1.06 1.06c-.046-.044-.178-.134-.587-.05c-.403.083-.92.31-1.51.66c-1.168.693-2.428 1.756-3.284 2.612c-.857.857-2.13 2.327-3.032 3.713c-.454.698-.785 1.331-.937 1.83c-.076.247-.095.422-.086.532a.3.3 0 0 0 .018.093l.01.018l.018.01a.3.3 0 0 0 .093.019c.11.008.285-.01.533-.087c.499-.152 1.132-.482 1.83-.936c1.386-.902 2.856-2.175 3.713-3.032c.856-.856 1.92-2.115 2.613-3.284c.35-.59.576-1.107.659-1.51c.084-.41-.006-.542-.051-.587M12.839 14.28c.354-.185.712-.4 1.063-.628c1.493-.97 3.043-2.315 3.956-3.228c.914-.915 2.066-2.272 2.842-3.58c.155-.26.3-.528.426-.796c.406 1.812-.2 4.017-1.84 5.658c-1.58 1.58-4.174 2.658-6.271 2.583z" clip-rule="evenodd"/><path d="M8.269 11.705c.141 1.029.535 1.998 1.281 2.744c.747.747 1.717 1.141 2.745 1.282L6.86 21.166a2.847 2.847 0 0 1-4.026-4.026z" opacity=".5"/></g></svg>

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

React

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

<Icon icon="reicon:whisk-duotone" width="24" />

Vue

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

<template>
  <Icon icon="reicon:whisk-duotone" width="24" />
</template>

Svelte

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

<Icon icon="reicon:whisk-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--whisk-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:whisk-duotone"></div>

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

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

<iconify-icon icon="reicon:whisk-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/reicon/whisk-duotone.svg" alt="Иконка Whisk Duotone" width="24" height="24">

Похожие иконки в наборе Reicon

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

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

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

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

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

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

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

Все Иконки Reicon →