Face Smiling Fill アイコン
f7:face-smiling-fill
Face Smiling Fill アイコン(f7:face-smiling-fill)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- facesmiling、smilingfill、facesmilingfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M27.905 51.81q4.898 0 9.222-1.875a24.4 24.4 0 0 0 7.629-5.18a24.4 24.4 0 0 0 5.179-7.628q1.875-4.325 1.875-9.222q0-4.899-1.875-9.222a24.4 24.4 0 0 0-5.18-7.629a24.4 24.4 0 0 0-7.64-5.18Q32.78 4 27.881 4q-4.898 0-9.222 1.875a24.3 24.3 0 0 0-7.616 5.18a24.5 24.5 0 0 0-5.168 7.628Q4 23.006 4 27.905t1.875 9.222a24.4 24.4 0 0 0 5.18 7.629a24.4 24.4 0 0 0 7.628 5.179q4.323 1.875 9.222 1.875m0-11.835q-2.53 0-4.43-.914q-1.897-.915-2.964-2.086q-1.067-1.172-1.067-1.969q0-.445.352-.61a.85.85 0 0 1 .727 0q1.335.704 3.034 1.383q1.7.68 4.348.68q2.625 0 4.336-.668q1.71-.668 3.023-1.394q.375-.165.726 0q.352.164.352.61q0 .796-1.055 1.968q-1.055 1.17-2.964 2.086q-1.91.914-4.418.914m-7.172-14.273q-1.125 0-1.98-.926t-.855-2.379q0-1.476.843-2.414q.844-.937 1.992-.937q1.172 0 2.04.937q.866.938.867 2.414q0 1.454-.88 2.38q-.878.924-2.027.925m14.32 0q-1.125 0-1.992-.926t-.867-2.379q0-1.476.855-2.414q.855-.937 2.004-.937q1.171 0 2.039.937q.867.938.867 2.414q0 1.454-.879 2.38q-.879.924-2.027.925"/></svg>Face Smiling Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:face-smiling-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:face-smiling-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:face-smiling-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--face-smiling-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:face-smiling-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:face-smiling-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/face-smiling-fill.svg" alt="Face Smiling Fill アイコン" width="24" height="24">Framework7 Icons の関連アイコン
Face Smiling Fill アイコン のよくある質問
Face Smiling Fill アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Face Smiling Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:face-smiling-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Face Smiling Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/face-smiling-fill.svg" alt="Face Smiling Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。