Lowerleftpen アイコン

Q: Lowerleftpen アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fxemoji:lowerleftpen

Lowerleftpen アイコン(fxemoji:lowerleftpen)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2B2622" d="m74.52 467.52l-53.626 31.374a5.443 5.443 0 0 1-7.446-1.949a5.45 5.45 0 0 1 0-5.497l31.374-53.626c6.054-10.348 19.351-13.829 29.698-7.775s13.829 19.35 7.775 29.698c-1.935 3.307-4.694 5.957-7.775 7.775"/><path fill="#59CAFC" d="M363.783 154.206c-20.615-23.734-56.567-26.263-80.302-5.648c0 0-1.187 1.031-3.371 3.004c-2.173 1.984-5.374 4.88-9.339 8.675c-4.006 3.754-8.755 8.428-14.211 13.781a765 765 0 0 0-3.145 3.135a59.5 59.5 0 0 0-11.186 11.383a1363 1363 0 0 0-3.665 3.792c-6.54 6.764-13.482 14.233-20.822 22.136c-7.335 7.909-15.106 16.212-23.238 24.708l-25.131 26.142c-8.575 8.885-17.314 17.884-25.917 27.019c-8.605 9.132-17.14 18.335-25.309 27.626a846 846 0 0 0-23.564 27.708a996 996 0 0 0-21.109 26.837c-3.284 4.337-6.485 8.55-9.481 12.725a220 220 0 0 0-8.228 12.523c-5.004 8.3-9.117 16.381-12.344 23.963c-3.245 7.563-5.653 14.579-7.368 20.624c-1.701 6.059 25.891 33.651 31.95 31.95c6.045-1.716 13.06-4.123 20.624-7.368c7.582-3.227 15.663-7.34 23.963-12.344c4.135-2.517 8.32-5.26 12.523-8.228c4.175-2.996 8.388-6.197 12.725-9.481a998 998 0 0 0 26.837-21.109a847 847 0 0 0 27.708-23.564c9.291-8.169 18.494-16.704 27.626-25.309c9.135-8.602 18.134-17.341 27.019-25.917l26.142-25.131c8.496-8.133 16.8-15.904 24.708-23.239c7.064-6.56 13.777-12.801 19.953-18.722a59.4 59.4 0 0 0 23.37-23.029c4.157-4.238 7.841-8.01 10.904-11.278c3.795-3.965 6.691-7.166 8.675-9.339a259 259 0 0 0 3.004-3.371c18.337-21.068 18.838-52.965-.001-74.654"/><path fill="#0096D1" d="M486.692 25.649c-31.031-31.031-81.343-31.031-112.375 0L251.593 148.373a21 21 0 0 0-1.661 1.896c-16.531 14.452-27.099 35.556-27.499 59.147c5.622-6.041 11.002-11.784 16.131-17.089c1.242-1.289 2.46-2.549 3.665-3.792a59.4 59.4 0 0 1 11.186-11.383l.03-.03c10.006-7.762 22.564-12.391 36.208-12.391c32.661 0 59.138 26.477 59.138 59.138a58.86 58.86 0 0 1-7.576 28.962l-.016.016a59.4 59.4 0 0 1-23.37 23.029c-5.078 4.869-10.534 9.966-16.235 15.266c.393.006.782.03 1.177.03c28.264 0 53.103-14.602 67.432-36.661l116.489-116.489c31.032-31.03 31.032-81.342 0-112.373"/><path fill="#0074A8" d="M354.595 222.384c-5.045 0-10.017-2.341-13.193-6.745c-5.249-7.278-3.605-17.434 3.672-22.684c.306-.221 30.888-22.357 59.516-48.625c48.596-44.592 47.453-60.058 47.296-61.104l-.069-.073c-6.346-6.346-6.346-16.635 0-22.981c6.346-6.347 16.635-6.346 22.98 0c7.059 7.059 10.345 16.312 9.505 26.76c-2.314 28.776-37.272 63.114-63.365 86.439c-28.277 25.277-55.695 45.11-56.849 45.942a16.2 16.2 0 0 1-9.493 3.071"/></svg>

Lowerleftpen アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:lowerleftpen" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:lowerleftpen" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:lowerleftpen" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lowerleftpen]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lowerleftpen"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:lowerleftpen"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/lowerleftpen.svg" alt="Lowerleftpen アイコン" width="24" height="24">

Firefox OS Emoji の関連アイコン

Lowerleftpen アイコンのよくある質問

Lowerleftpen アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Lowerleftpen アイコンを使うには?

@iconify/react をインストールして <Icon icon="fxemoji:lowerleftpen" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Lowerleftpen アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/lowerleftpen.svg" alt="Lowerleftpen アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Firefox OS Emoji アイコンをすべて見る →