Whisk Duotone アイコン
reicon:whisk-duotone
Whisk Duotone アイコン(reicon:whisk-duotone)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Whisk Duotone アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。