Smiling Face With Halo アイコン
twemoji:smiling-face-with-halo
Smiling Face With Halo アイコン(twemoji:smiling-face-with-halo)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- スマイリー・感情
- タグ
- smilingface、facewith、withhalo、smilingfacewithhalo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M27.335 22.629a.5.5 0 0 0-.635-.029c-.039.029-3.922 2.9-8.7 2.9c-4.766 0-8.662-2.871-8.7-2.9a.5.5 0 0 0-.729.657C8.7 23.472 11.788 28.5 18 28.5s9.301-5.028 9.429-5.243a.5.5 0 0 0-.094-.628M26 19a1 1 0 0 1-.948-.684C24.849 17.717 24.033 16 23 16c-1.062 0-1.889 1.827-2.052 2.316a1 1 0 1 1-1.897-.633C19.177 17.307 20.355 14 23 14s3.823 3.307 3.948 3.684A1 1 0 0 1 26 19m-10 0c-.419 0-.809-.265-.949-.684C14.848 17.717 14.034 16 13 16c-1.062 0-1.888 1.827-2.051 2.316a.999.999 0 1 1-1.897-.633C9.177 17.307 10.355 14 13 14s3.823 3.307 3.949 3.684A1 1 0 0 1 16 19"/><path fill="#ffac33" d="M33.175 8.316s-9.042.161-15.175.161c-3.905 0-15.206-.118-15.206-.118l-.521.876c3.043 1.856 9.064 2.917 15.727 2.917c6.596 0 12.576-1.04 15.652-2.86l.078-.047s-.374-.664-.555-.929"/><path fill="#5dadec" d="M23.777.345a71 71 0 0 0-3.773-.19A83 83 0 0 0 18 .129q-1.008.001-1.993.025a71 71 0 0 0-3.777.19C5.34.88.169 2.451.169 5.287c0 3.588 8.264 5.771 17.831 5.771s17.831-2.183 17.831-5.771c0-2.835-5.168-4.405-12.054-4.942M18 7.383c-6.861 0-12.91-.833-12.91-2.736c0-.536.494-1.023 1.339-1.449c1.153-.581 2.978-1.044 5.189-1.349c1.911-.262 4.098-.41 6.382-.41c2.291 0 4.485.148 6.4.413c2.242.31 4.086.783 5.232 1.377c.807.418 1.278.894 1.278 1.418c0 1.903-6.049 2.736-12.91 2.736"/><path fill="#3b94d9" d="M24.4 1.853c2.242.31 4.086.783 5.232 1.377l.062.017c-2.285-1.674-4.57-2.56-5.917-2.902a71 71 0 0 0-3.773-.19l.018.007zM6.429 3.199c1.153-.581 2.978-1.044 5.189-1.349L15.984.162l.023-.008a71 71 0 0 0-3.777.19c-1.347.342-3.633 1.227-5.919 2.902z"/><path fill="#ffcc4d" d="M28.472 3.375c-.66-.443-1.346-.91-2.001-1.26A17.9 17.9 0 0 0 18 0c-2.929 0-5.695.7-8.14 1.941c-1.089.553-1.881.999-2.17 1.434z"/></svg>
Smiling Face With Halo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:smiling-face-with-halo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:smiling-face-with-halo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:smiling-face-with-halo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--smiling-face-with-halo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:smiling-face-with-halo"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:smiling-face-with-halo"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/smiling-face-with-halo.svg" alt="Smiling Face With Halo アイコン" width="24" height="24">
他のアイコンセットの Smiling Face With Halo アイコン
Smiling Face With Halo アイコン のよくある質問
Smiling Face With Halo アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Smiling Face With Halo アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:smiling-face-with-halo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smiling Face With Halo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/smiling-face-with-halo.svg" alt="Smiling Face With Halo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
