Smiling Face With Horns アイコン
noto-v1:smiling-face-with-horns
Smiling Face With Horns アイコン(noto-v1:smiling-face-with-horns)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- スマイリー・感情
- タグ
- smilingface、facewith、withhorns、smilingfacewithhorns、horn
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="#e75625"><path d="M64.46 24.82c-58.32 0-59.7 65.38-59.7 78.33c0 12.93 26.75 23.43 59.7 23.43c32.99 0 59.7-10.5 59.7-23.43c.01-12.95-1.37-78.33-59.7-78.33"/><path d="M83.92 40.16c.71-2.01 2.2-3.9 4.43-5.65c1.82-1.43 3.75-2.83 5.25-4.61c4.42-5.26 6.58-13.45 5.58-20.29c-.23-1.53-1.72-4.48-.71-5.87c1.75-2.38 6.08.08 7.47 1.45c4.35 4.28 6.96 10.15 8.23 16.05c1.59 7.33 1.37 14.93-1.06 22.03c-2.02 5.88-6.87 11.69-13.12 13.07c-5.36 1.19-11.15-2.35-14.11-6.56c-2.39-3.42-3.01-6.65-1.96-9.62m-38.91-.84c-.71-2-2.18-3.89-4.43-5.65c-1.83-1.43-3.72-2.83-5.24-4.61c-4.41-5.26-6.57-13.44-5.57-20.28c.23-1.54 1.7-4.48.7-5.87c-1.74-2.4-6.07.07-7.47 1.45c-4.34 4.28-6.95 10.15-8.24 16.04c-1.57 7.32-1.36 14.93 1.08 22.03c2.01 5.88 6.88 11.69 13.12 13.08c5.35 1.19 11.14-2.36 14.08-6.56c2.4-3.43 3.03-6.65 1.97-9.63"/></g><defs><path id="SVGxsLDIchk" d="M38.06 89.86c-13.82-2.84-15.27-15.5-14.29-21l34.26 10.26c-.97 5.47-10.27 12.72-19.97 10.74"/></defs><use fill="#2f2f2f" href="#SVGxsLDIchk"/><clipPath id="SVGnjLS8dkR"><use href="#SVGxsLDIchk"/></clipPath><path fill="#fbb817" d="M39.47 84.11c-9.17-1.79-9.99-11.04-8.65-14.68l21.47 6.8c-.13 3.62-6.35 9.15-12.82 7.88" clip-path="url(#SVGnjLS8dkR)"/><defs><path id="SVGgtT2Rcce" d="M90.87 89.86c13.82-2.84 15.27-15.5 14.29-21L70.9 79.11c.97 5.48 10.28 12.73 19.97 10.75"/></defs><use fill="#2f2f2f" href="#SVGgtT2Rcce"/><clipPath id="SVG2yuq5cKZ"><use href="#SVGgtT2Rcce"/></clipPath><path fill="#fbb817" d="M89.45 84.11c9.17-1.79 9.99-11.04 8.65-14.68l-21.46 6.8c.12 3.62 6.34 9.15 12.81 7.88" clip-path="url(#SVG2yuq5cKZ)"/><path fill="#2f2f2f" d="M65.74 113.02c-.63 0-1.31-.03-1.98-.06c-15.84-.95-21.84-9.54-22.09-9.9c-.9-1.3-.54-3.06.74-3.94c1.29-.88 3.03-.54 3.92.73c.23.32 4.93 6.69 17.77 7.44c12.8.74 18.38-7.62 18.45-7.7c.83-1.31 2.6-1.69 3.91-.84s1.69 2.6.83 3.91c-.28.45-6.86 10.36-21.55 10.36"/></svg>
Smiling Face With Horns アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:smiling-face-with-horns" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:smiling-face-with-horns" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:smiling-face-with-horns" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--smiling-face-with-horns]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:smiling-face-with-horns"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:smiling-face-with-horns"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/smiling-face-with-horns.svg" alt="Smiling Face With Horns アイコン" width="24" height="24">
他のアイコンセットの Smiling Face With Horns アイコン
Smiling Face With Horns アイコン のよくある質問
Smiling Face With Horns アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Smiling Face With Horns アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:smiling-face-with-horns" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smiling Face With Horns アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/smiling-face-with-horns.svg" alt="Smiling Face With Horns アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
