Angry Face With Horns アイコン
fluent-emoji-high-contrast:angry-face-with-horns
Angry Face With Horns アイコン(fluent-emoji-high-contrast:angry-face-with-horns)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- スマイリー・感情
- タグ
- angryface、facewith、withhorns、angryfacewithhorns、horn
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="m24.701 5.047l-.011.004a3.1 3.1 0 0 0-1.384.926C21.494 4.755 19.088 4 16 4c-3.086 0-5.49.754-7.302 1.974a3.1 3.1 0 0 0-1.38-.923l-.012-.004l-.01-.002l-.009-.003l-.056-.02a5 5 0 0 1-.398-.16C9.094 3.065 12.15 2 16 2c3.851 0 6.908 1.067 9.17 2.863a6 6 0 0 1-.449.179l-.01.003zm1.286.531c.795-.414 1.89-1.16 2.561-2.351c.28-.51.6 0 .6 0S31.156 7 29.006 11c-.26.69-1.51 1-2.5 1c-1.79 0-3.108-1.533-3.108-3.313c-.006-.816.232-1.58.713-2.105c.238-.261.537-.463.895-.582c0 0 .414-.127.98-.422"/><path d="M27.998 15.999c0-1.092-.104-2.135-.305-3.116q.343-.068.667-.18c.366-.128.83-.346 1.182-.718c.304 1.271.456 2.619.456 4.014c0 7.731-4.665 13.999-14 13.999C6.665 29.998 2 23.73 2 15.998c0-1.397.152-2.747.457-4.02c.353.376.821.596 1.19.725a5 5 0 0 0 .658.178A15.5 15.5 0 0 0 4 16c0 3.475 1.046 6.454 2.97 8.544c1.9 2.063 4.835 3.455 9.029 3.455s7.129-1.393 9.029-3.455c1.924-2.09 2.97-5.07 2.97-8.544"/><path d="M7.892 6.578A2.1 2.1 0 0 0 7 6s-.417-.128-.986-.425c-.795-.415-1.886-1.16-2.556-2.348c-.28-.51-.6 0-.6 0S.85 7 3 11c.26.69 1.51 1 2.5 1c1.79 0 3.108-1.533 3.108-3.313c.006-.818-.233-1.584-.716-2.11m5.002 18.87C13.066 25.104 13.995 24 16 24s2.934 1.104 3.105 1.447a1 1 0 0 0 1.79-.894C20.398 23.563 18.794 22 16 22s-4.4 1.563-4.895 2.553a1 1 0 0 0 1.79.894M14 18a2 2 0 1 1-4 0a2 2 0 0 1 4 0m6 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m-9.023-8.935a.75.75 0 0 0-1.455.367v.002l.001.001l.001.005l.004.012a3 3 0 0 0 .048.16a5.4 5.4 0 0 0 .867 1.603c.708.895 1.91 1.785 3.807 1.785a.75.75 0 0 0 0-1.5c-1.354 0-2.151-.61-2.63-1.216a3.9 3.9 0 0 1-.62-1.137l-.02-.069zm10.046 0l-.003.012l-.021.069a3.9 3.9 0 0 1-.618 1.139c-.48.605-1.277 1.215-2.631 1.215a.75.75 0 0 0 0 1.5c1.896 0 3.099-.89 3.807-1.784a5.4 5.4 0 0 0 .867-1.604l.044-.146l.004-.014l.004-.012v-.005l.001-.002s.053-.287.003-.01l-.002.009a.75.75 0 0 0-1.455-.367"/></g></svg>
Angry Face With Horns アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:angry-face-with-horns" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:angry-face-with-horns" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:angry-face-with-horns" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--angry-face-with-horns]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:angry-face-with-horns"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:angry-face-with-horns"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/angry-face-with-horns.svg" alt="Angry Face With Horns アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Angry Face With Horns アイコン
Angry Face With Horns アイコン のよくある質問
Angry Face With Horns アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Angry Face With Horns アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:angry-face-with-horns" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Angry Face With Horns アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/angry-face-with-horns.svg" alt="Angry Face With Horns アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
