Whisk アイコン

Q: Whisk アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:whisk

Whisk アイコン(reicon:whisk)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 食べ物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.952 2.874c-1.812-.406-4.017.2-5.658 1.84c-1.168 1.168-2.079 2.91-2.43 4.614a6.8 6.8 0 0 0-.144 1.834c.185-.354.4-.713.628-1.064c.971-1.493 2.316-3.043 3.229-3.956c.914-.914 2.271-2.066 3.579-2.842c.261-.155.528-.3.796-.426m3.127.047c-2.6-2.6-7.087-2.025-9.846.733c-1.39 1.39-2.432 3.403-2.838 5.371a9 9 0 0 0-.187 1.68L2.304 16.61a3.597 3.597 0 1 0 5.086 5.087l5.906-5.906a9 9 0 0 0 1.679-.186c1.968-.407 3.981-1.449 5.371-2.839c2.759-2.758 3.333-7.244.733-9.845m-1.06 1.06c-.046-.044-.178-.134-.587-.05c-.403.083-.921.31-1.51.66c-1.17.693-2.429 1.756-3.285 2.612s-2.13 2.327-3.032 3.713c-.454.698-.785 1.331-.937 1.83c-.075.247-.094.422-.086.532a.3.3 0 0 0 .018.093l.01.018l.018.01a.3.3 0 0 0 .094.019c.11.008.284-.01.533-.087c.498-.152 1.131-.482 1.83-.936c1.385-.902 2.855-2.175 3.712-3.032c.857-.856 1.92-2.115 2.613-3.284c.35-.59.576-1.107.66-1.51c.083-.41-.007-.542-.052-.587m-7.18 10.299c.354-.185.712-.4 1.063-.628c1.493-.97 3.043-2.315 3.956-3.228c.915-.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.168 1.167-2.91 2.078-4.615 2.43a6.8 6.8 0 0 1-1.832.144m-1.417 1.264a4.4 4.4 0 0 1-1.872-1.095a4.4 4.4 0 0 1-1.094-1.87l-5.091 5.09a2.097 2.097 0 1 0 2.966 2.965z" clip-rule="evenodd"/></svg>

Whisk アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/whisk.svg" alt="Whisk アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Whisk アイコン

Whisk アイコンのよくある質問

Whisk アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Whisk アイコンを使うには?

@iconify/react をインストールして <Icon icon="reicon:whisk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Whisk アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/whisk.svg" alt="Whisk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Reicon アイコンをすべて見る →