Lowbrightness アイコン
fxemoji:lowbrightness
Lowbrightness アイコン(fxemoji:lowbrightness)は、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="#FFB636" d="M256 349.084c-51.325 0-93.08-41.757-93.08-93.084s41.755-93.084 93.08-93.084s93.08 41.757 93.08 93.084s-41.756 93.084-93.08 93.084m0-149.168c-30.923 0-56.08 25.159-56.08 56.084s25.157 56.084 56.08 56.084s56.08-25.159 56.08-56.084s-25.157-56.084-56.08-56.084m0-57.332c-10.217 0-18.5-8.283-18.5-18.5V98.598c0-10.217 8.283-18.5 18.5-18.5s18.5 8.283 18.5 18.5v25.486c0 10.217-8.283 18.5-18.5 18.5m-80.197 33.219c7.225-7.225 7.225-18.938 0-26.163l-18.021-18.021c-7.225-7.225-18.938-7.225-26.163 0s-7.225 18.938 0 26.163l18.021 18.021c3.612 3.612 8.347 5.418 13.082 5.418s9.468-1.806 13.081-5.418M142.584 256c0-10.217-8.283-18.5-18.5-18.5H98.598c-10.217 0-18.5 8.283-18.5 18.5s8.283 18.5 18.5 18.5h25.486c10.217 0 18.5-8.283 18.5-18.5m15.198 124.381l18.021-18.021c7.225-7.225 7.225-18.938 0-26.163s-18.938-7.224-26.163.001l-18.021 18.021c-7.225 7.225-7.225 18.938 0 26.163c3.613 3.612 8.347 5.418 13.082 5.418s9.468-1.807 13.081-5.419m116.718 33.02v-25.485c0-10.217-8.283-18.5-18.5-18.5s-18.5 8.283-18.5 18.5v25.485c0 10.218 8.283 18.5 18.5 18.5s18.5-8.282 18.5-18.5m105.881-33.02c7.226-7.225 7.226-18.938 0-26.162l-18.021-18.021c-7.225-7.225-18.938-7.225-26.162 0c-7.226 7.225-7.226 18.938 0 26.162l18.021 18.021c3.612 3.612 8.347 5.419 13.081 5.419s9.469-1.807 13.081-5.419M431.901 256c0-10.217-8.282-18.5-18.5-18.5h-25.485c-10.217 0-18.5 8.283-18.5 18.5s8.283 18.5 18.5 18.5h25.485c10.218 0 18.5-8.283 18.5-18.5m-69.542-80.197l18.021-18.021c7.225-7.225 7.226-18.938.001-26.163c-7.226-7.225-18.939-7.225-26.163 0l-18.021 18.021c-7.225 7.225-7.226 18.938-.001 26.163a18.44 18.44 0 0 0 13.082 5.419a18.44 18.44 0 0 0 13.081-5.419"/></svg>Lowbrightness アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:lowbrightness" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:lowbrightness" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:lowbrightness" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lowbrightness]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lowbrightness"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:lowbrightness"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/lowbrightness.svg" alt="Lowbrightness アイコン" width="24" height="24">Lowbrightness アイコン のよくある質問
Lowbrightness アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lowbrightness アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:lowbrightness" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lowbrightness アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/lowbrightness.svg" alt="Lowbrightness アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。