Alien アイコン
fxemoji:alien
Alien アイコン(fxemoji:alien)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 72 × 72 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 72 × 72
- カテゴリ
- 人物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#597B91" d="M67.9 30.9v-1.2C67.2 13.2 53.6 0 37 0C20.3 0 6.7 13.2 6.1 29.7v2.9C7.1 55.3 28.1 72 37 72c8.8 0 29.8-16.7 30.9-39.4c-.1-.5 0-1.1 0-1.7"/><path fill="#2B3B47" d="M26.3 33.4c-1.3-3.5-5-5.6-8.7-4.6s-5.9 4.6-5.3 8.4h-.1l2.7 9.9c1 3.9 5.1 6.2 9 5.2s6.2-5.1 5.2-9zm35.3 3.7c.7-3.7-1.6-7.4-5.3-8.4s-7.5 1.1-8.7 4.6h-.1l-2.7 9.9c-1 3.9 1.3 7.9 5.2 9c3.9 1 7.9-1.3 9-5.2zM37 64.5c-3.2 0-6-1.6-7.6-4.3q-.3-.6 0-1.2c.2-.4.6-.6 1.1-.6h13.2c.4 0 .8.2 1.1.6q.3.6 0 1.2c-1.8 2.7-4.7 4.3-7.8 4.3"/></svg>
Alien アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:alien" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:alien" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:alien" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--alien]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:alien"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:alien"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/alien.svg" alt="Alien アイコン" width="24" height="24">
Alien アイコン のよくある質問
Alien アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Alien アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:alien" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Alien アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/alien.svg" alt="Alien アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
