Smiling Face アイコン
emojione-v1:smiling-face
Smiling Face アイコン(emojione-v1:smiling-face)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 人物
- タグ
- smilingface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#fbbf67" d="M63.627 31.812c0 17.571-14.244 31.815-31.812 31.815C14.244 63.627 0 49.383 0 31.812C0 14.244 14.244 0 31.815 0c17.568 0 31.812 14.244 31.812 31.812"/><path fill="#633d19" d="M27.76 29.776c-.224 0-4.31-1.568-8.436-1.568c-3.686 0-7.403 1.568-8.436 1.568c-.896 0-1.23-1.038-.688-1.658c4.936-5.698 13.309-5.698 18.248 0c.538.621.204 1.658-.688 1.658m24.888 0c-.224 0-4.311-1.568-8.437-1.568c-3.686 0-7.402 1.568-8.436 1.568c-.896 0-1.23-1.038-.688-1.658c4.935-5.698 13.309-5.698 18.247 0c.54.621.206 1.658-.686 1.658M42.959 45.42h-1.67c-.087 0-.146.035-.22.045c-.087.014-.169.018-.256.053c-.142.054-.26.138-.361.236c-.023.02-.047.02-.071.043c-4.03 3.93-9.308 4.825-14.341 2.239c-2.7-1.391-2.479-2.616-5.368-2.616c-1.183 0-1.623 1.375-.912 2.192c6.523 7.528 17.583 7.528 24.11 0c.716-.817.276-2.192-.907-2.192m-17.12-31.569q-.543.33-1.081.652c-.059.032-.11.04-.161.059c-.062.023-.118.051-.188.067a.9.9 0 0 1-.326-.012c-.02-.004-.039.004-.063 0c-4.149-.971-7.917.515-10.165 4.161c-1.206 1.957-.585 2.664-2.456 3.796c-.766.464-1.587-.255-1.446-1.065c1.277-7.43 8.444-11.756 15.615-9.434c.785.251 1.037 1.312.271 1.776m11.941.126q.542.329 1.084.652c.056.031.11.039.161.059c.06.024.114.051.185.067a.9.9 0 0 0 .326-.012c.024-.004.04.004.067 0c4.146-.971 7.917.515 10.165 4.161c1.206 1.957.581 2.664 2.456 3.796c.766.463 1.587-.255 1.445-1.065c-1.276-7.43-8.443-11.756-15.619-9.435c-.781.252-1.033 1.313-.27 1.777"/><path fill="#e97760" d="M26.307 37.866c0 3.553-5.434 6.431-12.13 6.431c-6.699 0-12.12-2.878-12.12-6.431s5.426-6.428 12.12-6.428c6.692 0 12.13 2.876 12.13 6.428m34.793.374c0 3.552-5.435 6.43-12.13 6.43c-6.699 0-12.13-2.878-12.13-6.43c0-3.553 5.427-6.433 12.13-6.433c6.691 0 12.13 2.88 12.13 6.433" opacity=".9"/></svg>
Smiling Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:smiling-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:smiling-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:smiling-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--smiling-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:smiling-face"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:smiling-face"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/smiling-face.svg" alt="Smiling Face アイコン" width="24" height="24">
他のアイコンセットの Smiling Face アイコン
Smiling Face アイコン のよくある質問
Smiling Face アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Smiling Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:smiling-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smiling Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/smiling-face.svg" alt="Smiling Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
