Left アイコン
fxemoji:left
Left アイコン(fxemoji:left)は、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="#FFD3B6" d="M69.1 31.2H63c-.7-1.5-1.8-2.9-3.2-3.8c-.1-.1-.4-.3-.8-.5c0 0-.1 0-.1-.1c-3.3-1.7-14-6-20.8-13.8c-1.6-1.6-4.1-2-5.5-.4s-3.4 5.1 3.6 12.3c1.3 1.4 1.8 2.2 2.9 3.2H4c-2.2 0-4.1 1.8-4.1 4c0 2.3 1.8 4.1 4.1 4.1h18.3q-.15.45-.6.9c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7s.5 2.2 1.2 2.9c.7.8.8 1.6-.1 2.4c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7s.4 2.1 1.1 2.8c.8.8.7 1.6 0 2.4c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7c0 2.3 1.8 4.1 4.1 4.1h26.5c4 0 7.5-1.8 9.8-4.6h8.1c1.6 0 2.9-1.3 2.9-2.9V34.2c0-1.6-1.3-3-2.9-3"/><path fill="#F2C7AA" d="M64.3 31.2H63c.5 1.2.9 2.5.9 3.9v12.5c0 3-1.1 5.8-2.9 8h3.3c1.2 0 2.2-1 2.2-2.2v-20c.1-1.1-.9-2.2-2.2-2.2"/></svg>
Left アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:left" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:left" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:left" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--left]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:left"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:left"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/left.svg" alt="Left アイコン" width="24" height="24">
Left アイコン のよくある質問
Left アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Left アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:left" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Left アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/left.svg" alt="Left アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
