Food Fish 20 Regular アイコン

Q: Food Fish 20 Regular アイコンは商用利用でも無料ですか?

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

fluent:food-fish-20-regular

Food Fish 20 Regular アイコン(fluent:food-fish-20-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 20 × 20 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 20 × 20
タグ: foodfish、fishregular、foodfishregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M7.912 9.347c-.043-1.759.24-3.759 1.429-4.948c.693-.693 1.66-1.077 2.714-1.26c1.052-.184 2.149-.16 3.051-.073a2.01 2.01 0 0 1 1.827 1.828c.087.903.11 2-.072 3.052c-.183 1.055-.567 2.022-1.26 2.715c-1.19 1.19-3.19 1.473-4.949 1.43a1.4 1.4 0 0 0-1.433 1.303c-.098 1.471-.392 3.17-1.112 4.521c-.033.061-.062.076-.072.08a.1.1 0 0 1-.066.002c-.065-.017-.163-.088-.193-.245a23 23 0 0 0-.538-2.283a8 8 0 0 0-.376-1.028c-.136-.297-.302-.586-.509-.793s-.495-.373-.792-.509a8 8 0 0 0-1.029-.377a23 23 0 0 0-2.283-.54c-.157-.03-.228-.128-.245-.193a.1.1 0 0 1 .002-.066c.004-.01.02-.04.08-.072c1.352-.72 3.05-1.013 4.522-1.11c.75-.05 1.322-.69 1.304-1.434m.722-5.655c-1.5 1.501-1.766 3.88-1.722 5.68a.4.4 0 0 1-.37.41c-1.526.102-3.39.408-4.926 1.226c-.514.275-.703.797-.58 1.273c.12.454.505.825 1.028.923a22 22 0 0 1 2.178.515c.344.104.652.215.902.33c.259.118.42.225.502.307s.188.243.306.501c.115.25.225.558.33.903c.208.688.381 1.484.512 2.177c.098.523.469.91.922 1.028c.477.125.999-.064 1.273-.58c.818-1.534 1.125-3.398 1.228-4.924a.4.4 0 0 1 .41-.37c1.8.044 4.18-.22 5.68-1.722c.892-.892 1.336-2.082 1.539-3.251c.204-1.173.174-2.367.083-3.32a3.01 3.01 0 0 0-2.727-2.728c-.953-.091-2.147-.12-3.318.083c-1.17.203-2.359.647-3.25 1.539m4.617.807a.75.75 0 1 1 0 1.5a.75.75 0 0 1 0-1.5"/></svg>

Food Fish 20 Regular アイコンの使い方

React

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

<Icon icon="fluent:food-fish-20-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:food-fish-20-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:food-fish-20-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--food-fish-20-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:food-fish-20-regular"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:food-fish-20-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/food-fish-20-regular.svg" alt="Food Fish 20 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Food Fish 20 Regular アイコンのよくある質問

Food Fish 20 Regular アイコンは商用利用でも無料ですか?

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

React で Food Fish 20 Regular アイコンを使うには?

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

Food Fish 20 Regular アイコンをウェブページに追加するには?

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

Fluent UI System Icons をすべて見る →