Lowerleftpencil アイコン
fxemoji:lowerleftpencil
Lowerleftpencil アイコン(fxemoji:lowerleftpencil)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2B2622" d="m75.702 480.187l-55.765 23.617a8.207 8.207 0 0 1-10.758-4.357a8.24 8.24 0 0 1 0-6.401l23.617-55.765c7.05-16.646 26.259-24.426 42.906-17.376s24.426 26.259 17.376 42.906c-3.441 8.124-9.855 14.169-17.376 17.376"/><path fill="#E5AA6E" d="M153.573 449.535L46.981 492.678l-26.676-26.676L63.449 359.41z"/><path fill="#FFD469" d="m352.023 90.77l70.191 70.191c6.025 6.025 6.025 15.794 0 21.819L157.73 447.263a7.2 7.2 0 0 1-10.182 0l-81.827-81.827a7.2 7.2 0 0 1 0-10.182L330.204 90.77c6.025-6.026 15.794-6.026 21.819 0"/><path fill="#FF6E83" d="m450.433 23.129l39.421 39.421c14.522 14.522 14.522 38.066 0 52.588l-33.615 33.615a7.2 7.2 0 0 1-10.182 0L364.23 66.926a7.2 7.2 0 0 1 0-10.182l33.615-33.615c14.522-14.522 38.066-14.522 52.588 0"/><path fill="#B9C5C6" d="m366.373 54.6l92.009 92.009l-62.809 62.809l-92.009-92.009z"/><path fill="#96A9B2" d="m435.29 169.702l-92.009-92.009l8.33-8.33l92.009 92.009zm-14.781 14.781L328.5 92.474l-8.33 8.33l92.009 92.009z"/></svg>Lowerleftpencil アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:lowerleftpencil" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:lowerleftpencil" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:lowerleftpencil" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lowerleftpencil]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lowerleftpencil"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:lowerleftpencil"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/lowerleftpencil.svg" alt="Lowerleftpencil アイコン" width="24" height="24">Lowerleftpencil アイコン のよくある質問
Lowerleftpencil アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lowerleftpencil アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:lowerleftpencil" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lowerleftpencil アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/lowerleftpencil.svg" alt="Lowerleftpencil アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。