Highbrightness アイコン
fxemoji:highbrightness
Highbrightness アイコン(fxemoji:highbrightness)は、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 364.067c-59.585 0-108.062-48.479-108.062-108.067S196.415 147.933 256 147.933S364.062 196.412 364.062 256c0 59.589-48.476 108.067-108.062 108.067m0-178.833c-39.018 0-70.761 31.746-70.761 70.766s31.743 70.767 70.761 70.767s70.762-31.746 70.762-70.767s-31.743-70.766-70.762-70.766m0-68.734c-10.3 0-18.65-8.35-18.65-18.65V19.333c0-10.3 8.35-18.65 18.65-18.65s18.65 8.35 18.65 18.65V97.85c0 10.3-8.35 18.65-18.65 18.65m-98.641 40.859c7.283-7.284 7.283-19.092 0-26.376l-55.52-55.52c-7.284-7.283-19.092-7.283-26.376 0c-7.283 7.284-7.283 19.092 0 26.376l55.52 55.52c3.642 3.642 8.415 5.462 13.188 5.462s9.546-1.821 13.188-5.462M116.5 256c0-10.3-8.35-18.65-18.65-18.65H19.333c-10.3 0-18.65 8.35-18.65 18.65s8.35 18.65 18.65 18.65H97.85c10.3 0 18.65-8.35 18.65-18.65m-14.661 180.536l55.52-55.52c7.283-7.283 7.283-19.092 0-26.375s-19.092-7.283-26.376 0l-55.52 55.52c-7.283 7.283-7.283 19.092 0 26.375c3.642 3.642 8.415 5.463 13.188 5.463s9.546-1.821 13.188-5.463m172.811 56.131V414.15c0-10.301-8.351-18.65-18.65-18.65c-10.3 0-18.65 8.35-18.65 18.65v78.517c0 10.3 8.35 18.65 18.65 18.65s18.65-8.35 18.65-18.65m161.886-56.131c7.283-7.283 7.283-19.092 0-26.375l-55.52-55.52c-7.283-7.283-19.092-7.283-26.375 0s-7.283 19.092 0 26.375l55.52 55.52c3.642 3.642 8.414 5.463 13.188 5.463s9.546-1.821 13.187-5.463M511.317 256c0-10.3-8.351-18.65-18.65-18.65H414.15c-10.301 0-18.65 8.35-18.65 18.65s8.35 18.65 18.65 18.65h78.517c10.3 0 18.65-8.35 18.65-18.65m-130.3-98.641l55.52-55.52c7.283-7.284 7.283-19.092 0-26.376c-7.283-7.283-19.092-7.283-26.375 0l-55.52 55.52c-7.283 7.284-7.283 19.092 0 26.376c3.642 3.642 8.414 5.462 13.188 5.462s9.545-1.821 13.187-5.462"/></svg>Highbrightness アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:highbrightness" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:highbrightness" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:highbrightness" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--highbrightness]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:highbrightness"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:highbrightness"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/highbrightness.svg" alt="Highbrightness アイコン" width="24" height="24">Highbrightness アイコン のよくある質問
Highbrightness アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Highbrightness アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:highbrightness" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Highbrightness アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/highbrightness.svg" alt="Highbrightness アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。