ICONYZ
日本語
Emoji One (Monotone) の Smiling Face With Horns アイコン

Smiling Face With Horns アイコン

emojione-monotone:smiling-face-with-horns

Smiling Face With Horns アイコン(emojione-monotone:smiling-face-with-horns)は、Emoji One (Monotone) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Emoji One (Monotone)
作者
Emoji One
ライセンス
CC-BY-4.0
サイズ
64 × 64
カテゴリ
人物
タグ
smilingface、facewith、withhorns、smilingfacewithhorns、horn
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M55.815 13.772c.894-2.709 1.296-6.468.743-11.632c0 0-2.309 3.477-6.074 6.239A29.86 29.86 0 0 0 32 2a29.85 29.85 0 0 0-18.485 6.38C9.749 5.617 7.442 2.14 7.442 2.14c-.553 5.165-.15 8.923.742 11.632A29.86 29.86 0 0 0 2 32c0 16.566 13.432 30 30 30s30-13.434 30-30a29.86 29.86 0 0 0-6.185-18.228m-1.569-5.249c-.297 4.344-1.564 6.527-2.465 7.549c-1.223 1.387-2.469 1.559-2.988 1.568c-1.053 0-2.164-.978-2.426-2.134c-.336-1.481.934-2.431 2.057-2.968c2.271-1.083 4.238-2.564 5.822-4.015M15.578 12.54c1.123.536 2.391 1.485 2.055 2.968c-.262 1.155-1.371 2.132-2.465 2.132c-.48-.009-1.727-.181-2.949-1.567c-.898-1.021-2.168-3.203-2.465-7.548c1.586 1.45 3.553 2.93 5.824 4.015M32 59.5C16.836 59.5 4.5 47.164 4.5 32c0-5.788 1.818-11.149 4.885-15.584c1.702 2.771 4.045 3.69 5.734 3.723l.09.002c4.422 0 7.854-6.799 1.445-9.857a17 17 0 0 1-.867-.45C20.338 6.495 25.935 4.5 32 4.5s11.662 1.994 16.213 5.333c-.284.156-.571.309-.867.45c-6.41 3.059-2.977 9.857 1.447 9.857l.088-.002c1.688-.033 4.031-.952 5.734-3.724C57.682 20.85 59.5 26.211 59.5 32c0 15.164-12.336 27.5-27.5 27.5"/><path fill="currentColor" d="M32 47.09c-2.469-.004-4.93-.254-7.369-.84c-2.449-.586-4.84-1.469-7.314-2.924c1.064 2.713 3.42 4.848 6.047 6.215c2.652 1.379 5.658 2.043 8.637 2.047c2.979.002 5.986-.662 8.641-2.041c2.627-1.367 4.982-3.504 6.043-6.221c-2.479 1.451-4.867 2.332-7.316 2.918c-2.439.586-4.898.836-7.369.846m16.449-21.447c-1.92.018-3.84.469-5.59 1.279c-1.744.801-3.348 1.98-4.596 3.439c-1.242 1.461-2.166 3.232-2.369 5.117a31 31 0 0 1 3.266-2.863a.55.55 0 0 0 .043.246a5.826 5.826 0 1 0 10.558-4.924a.6.6 0 0 0-.139-.176a33 33 0 0 1 4.271-.676c-1.584-1.034-3.53-1.45-5.444-1.442m-23.652 7.218a.55.55 0 0 0 .043-.246a31 31 0 0 1 3.266 2.863c-.203-1.885-1.129-3.656-2.371-5.115c-1.248-1.461-2.85-2.641-4.594-3.441a13.7 13.7 0 0 0-5.592-1.279c-1.912-.008-3.857.408-5.443 1.443c1.532.147 2.928.367 4.271.676a.6.6 0 0 0-.139.175a5.825 5.825 0 1 0 10.559 4.924"/></svg>

Smiling Face With Horns アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:smiling-face-with-horns" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:smiling-face-with-horns" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:smiling-face-with-horns" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--smiling-face-with-horns]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone: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="emojione-monotone:smiling-face-with-horns"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-monotone/smiling-face-with-horns.svg" alt="Smiling Face With Horns アイコン" width="24" height="24">

Emoji One (Monotone) の関連アイコン

他のアイコンセットの Smiling Face With Horns アイコン

Smiling Face With Horns アイコン のよくある質問

Smiling Face With Horns アイコンは商用利用でも無料ですか?

はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Smiling Face With Horns アイコンを使うには?

@iconify/react をインストールして <Icon icon="emojione-monotone:smiling-face-with-horns" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Smiling Face With Horns アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/smiling-face-with-horns.svg" alt="Smiling Face With Horns アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Emoji One (Monotone) アイコン をすべて見る →