Angry Face With Horns アイコン
emojione-v1:angry-face-with-horns
Angry Face With Horns アイコン(emojione-v1:angry-face-with-horns)は、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
- カテゴリ
- 人物
- タグ
- angryface、facewith、withhorns、angryfacewithhorns、horn
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#bf84ce"><path d="M62.55 1.455c-1.463-3.972-6.123 3.02-9.146 6.893c-3.03 3.874-5.779 7.263-2.443 9.869c3.341 2.612 4.366 14.07 7.391 10.194c3.02-3.869 5.836-22.507 4.198-26.956m-61.193 0c1.463-3.973 6.123 3.02 9.147 6.892c3.03 3.874 5.778 7.263 2.443 9.869c-3.341 2.612-4.367 14.07-7.39 10.194c-3.03-3.868-5.837-22.506-4.2-26.955"/><circle cx="31.953" cy="32.02" r="31.75"/></g><path fill="#fff" d="M27.373 31.32c0 5.338-2.888 9.663-6.453 9.663c-3.564 0-6.453-4.322-6.453-9.663c0-5.337 2.888-9.663 6.453-9.663s6.453 4.326 6.453 9.663m21.837 0c0 5.338-2.891 9.663-6.453 9.663c-3.564 0-6.453-4.322-6.453-9.663c0-5.337 2.889-9.663 6.453-9.663c3.562 0 6.453 4.326 6.453 9.663"/><g fill="#25333a"><ellipse cx="20.92" cy="31.32" rx="4.175" ry="5.063"/><ellipse cx="42.756" cy="31.32" rx="4.176" ry="5.063"/></g><path fill="#6e3a84" d="M30.942 29.27c-2.579-9.167-11.263-12.188-19.997-12.287c-2.551-.029-3.133 3.951-.545 3.98c7.353.083 14.6 1.932 16.812 9.798c.703 2.495 4.424.978 3.73-1.491m1.96 0c2.578-9.167 11.264-12.188 19.996-12.287c2.552-.029 3.134 3.951.545 3.98c-7.354.083-14.601 1.932-16.812 9.798c-.701 2.495-4.423.978-3.729-1.491m3.914 27.433c-1.037.354-2.072.063-2.313-.646c-.238-.709.407-1.572 1.443-1.923l4.398-1.479c1.035-.352 2.071-.057 2.311.652c.238.707-.407 1.566-1.442 1.914z"/></svg>
Angry Face With Horns アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:angry-face-with-horns" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:angry-face-with-horns" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:angry-face-with-horns" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--angry-face-with-horns]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1: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="emojione-v1:angry-face-with-horns"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/angry-face-with-horns.svg" alt="Angry Face With Horns アイコン" width="24" height="24">
他のアイコンセットの Angry Face With Horns アイコン
Angry Face With Horns アイコン のよくある質問
Angry Face With Horns アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Angry Face With Horns アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:angry-face-with-horns" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Angry Face With Horns アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/angry-face-with-horns.svg" alt="Angry Face With Horns アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
