Face Smiling アイコン
f7:face-smiling
Face Smiling アイコン(f7:face-smiling)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- facesmiling
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-3.984q-4.149 0-7.757-1.547a20 20 0 0 1-6.34-4.277a19.9 19.9 0 0 1-4.265-6.34q-1.536-3.61-1.535-7.757q0-4.148 1.535-7.757a20.1 20.1 0 0 1 4.253-6.352a19.7 19.7 0 0 1 6.328-4.277q3.61-1.535 7.757-1.535q4.149 0 7.758 1.535a19.9 19.9 0 0 1 6.351 4.277a20.1 20.1 0 0 1 4.289 6.352q1.547 3.608 1.547 7.757t-1.535 7.757a19.9 19.9 0 0 1-4.266 6.34a20 20 0 0 1-6.351 4.277q-3.621 1.547-7.77 1.547m-.024-8.18q2.438 0 4.29-.878q1.85-.879 2.87-2.016t1.02-1.91q0-.422-.34-.586a.82.82 0 0 0-.715 0q-1.266.703-2.918 1.348q-1.651.644-4.207.644t-4.206-.644a26 26 0 0 1-2.942-1.348q-.375-.165-.703 0t-.328.586q0 .773 1.02 1.91t2.87 2.016t4.29.878m-6.96-13.827q1.125 0 1.969-.902q.843-.902.843-2.309q0-1.405-.843-2.32q-.845-.915-1.97-.914q-1.1 0-1.92.914q-.822.915-.821 2.32q0 1.406.82 2.309q.82.902 1.922.902m13.898 0q1.125 0 1.968-.902q.844-.902.844-2.309q0-1.405-.844-2.32q-.843-.915-1.968-.914q-1.102 0-1.922.914q-.82.915-.82 2.32q0 1.406.82 2.309q.82.902 1.922.902"/></svg>
Face Smiling アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:face-smiling" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:face-smiling" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:face-smiling" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--face-smiling]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:face-smiling"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:face-smiling"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/face-smiling.svg" alt="Face Smiling アイコン" width="24" height="24">
他のアイコンセットの Face Smiling アイコン
Face Smiling アイコン のよくある質問
Face Smiling アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Face Smiling アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:face-smiling" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Face Smiling アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/face-smiling.svg" alt="Face Smiling アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
