Fish1 Happy アイコン
codicon:fish1-happy
Fish1 Happy アイコン(codicon:fish1-happy)は、Codicons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 24 × 24 のグリッドで描かれています。 Codicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Codicons
- 作者
- Microsoft Corporation
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- タグ
- fish1happy
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.64c0-.35-.29-.64-.64-.64H9.57c-.69 0-1.36.25-1.88.7l-.4.35c1.76.11 3.4.77 4.72 1.83V1.64zM14.3 8c.27-.15.52-.32.76-.55c.78-.78 1.08-1.83.89-2.75a.81.81 0 0 0-.64-.64c-.92-.19-1.97.11-2.75.89c-.14.14-.25.3-.36.46A7.32 7.32 0 0 0 6.76 3c-.74 0-1.45.11-2.13.31C5.49 4.6 6.01 6.22 6.01 8c0 .67-.09 1.31-.23 1.93c.71-.19 1.23-.75 1.23-1.43c0-.28.22-.5.5-.5s.5.22.5.5c0 1.31-1.12 2.38-2.54 2.48c-.22.61-.49 1.19-.84 1.71c.67.2 1.39.31 2.13.31c2.17 0 4.11-.94 5.44-2.41c.11.16.22.32.36.46c.78.78 1.83 1.08 2.75.89c.33-.07.57-.31.64-.64c.19-.92-.11-1.97-.89-2.75c-.23-.23-.49-.41-.76-.55m-6.61 6.3c.52.45 1.19.7 1.88.7h1.79c.35 0 .64-.29.64-.64v-2.23a8.4 8.4 0 0 1-4.72 1.83l.4.35zM3.66 3.68C2.21 4.35 1.01 5.46.29 6.84c-.38.72-.38 1.61 0 2.33l.06.09c.73.21 1.3-.12 1.38-.17a.5.5 0 0 1 .69.15c.15.23.09.54-.14.69c-.27.18-.7.35-1.22.39c.69.85 1.58 1.55 2.6 2.02C4.49 11.19 5 9.68 5 8.02S4.49 4.85 3.66 3.7zM3 8.25c-.41 0-.75-.34-.75-.75s.34-.75.75-.75s.75.34.75.75s-.34.75-.75.75"/></svg>Fish1 Happy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="codicon:fish1-happy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="codicon:fish1-happy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="codicon:fish1-happy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--fish1-happy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:fish1-happy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="codicon:fish1-happy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/codicon/fish1-happy.svg" alt="Fish1 Happy アイコン" width="24" height="24">Codicons の関連アイコン
Fish1 Happy アイコン のよくある質問
Fish1 Happy アイコンは商用利用でも無料ですか?
はい。Codicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Fish1 Happy アイコンを使うには?
@iconify/react をインストールして <Icon icon="codicon:fish1-happy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fish1 Happy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/codicon/fish1-happy.svg" alt="Fish1 Happy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。