Angry Face With Horns アイコン
twemoji:angry-face-with-horns
Angry Face With Horns アイコン(twemoji:angry-face-with-horns)は、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
- カテゴリ
- スマイリー・感情
- タグ
- angryface、facewith、withhorns、angryfacewithhorns、horn
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="#aa8dd8"/><path fill="#aa8dd8" d="M10 4C7.42 4 4.369 1.534 3.414.586A2 2 0 0 0 1.235.153A2 2 0 0 0 0 2c0 3.459 1.672 10 8 10a2 2 0 0 0 1.789-1.106l2-4A2 2 0 0 0 10 4M34.766.153a2 2 0 0 0-2.18.434C31.7 1.472 28.589 4 26 4a2 2 0 0 0-1.789 2.895l2 4A2 2 0 0 0 28 12c6.328 0 8-6.541 8-10c0-.809-.487-1.538-1.234-1.847"/><path fill="#553986" d="m15.894 14.211l-6-3a2.001 2.001 0 0 0-1.789 3.579l4.212 2.106c-.306.533-.317 1.105-.317 1.105v2s0 2 2 2s2-2 2-2v-2s-.003-.109-.025-.263a2 2 0 0 0 .814-.843a2 2 0 0 0-.895-2.684m12.895-2.105a2 2 0 0 0-2.684-.895l-6 3a2 2 0 0 0-.895 2.684c.186.372.476.654.814.843c-.021.154-.024.263-.024.263v2s0 2 2 2s2-2 2-2v-2s-.011-.572-.318-1.105l4.212-2.106a2 2 0 0 0 .895-2.684m-4.507 17.489c-.039-.165-.985-3.848-6.282-3.848c-5.291 0-6.245 3.69-6.282 3.848a.6.6 0 0 0 .274.661a.57.57 0 0 0 .703-.092c.015-.016 1.583-1.522 5.306-1.522s5.291 1.507 5.305 1.521a.57.57 0 0 0 .701.097a.61.61 0 0 0 .275-.665"/></svg>
Angry Face With Horns アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:angry-face-with-horns" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:angry-face-with-horns" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:angry-face-with-horns" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--angry-face-with-horns]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji: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="twemoji:angry-face-with-horns"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/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 アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Angry Face With Horns アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:angry-face-with-horns" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Angry Face With Horns アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/angry-face-with-horns.svg" alt="Angry Face With Horns アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
