Brightnessalt アイコン
whh:brightnessalt
Brightnessalt アイコン(whh:brightnessalt)は、WebHostingHub Glyphs セットの無料 SVG アイコンです(作者: WebHostingHub)。 1024 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m884 419l140 93l-140 93q0 2-1.5 6t-2.5 5l75 152l-169 11q-1 1-3.5 4t-3.5 4l-11 168l-151-74q-2 0-6 1.5t-6 1.5l-93 140l-93-140q-2 0-6-1.5t-6-1.5l-151 74l-11-169q-1-1-4-3.5t-4-3.5L69 768l74-152q0-1-1.5-5t-1.5-6L0 512l140-93q0-2 1.5-6t2.5-5L69 256l169-11q1-1 3.5-4t3.5-4l11-168l151 74q2 0 6-1.5t6-2.5L512 0l93 139q2 1 6 2.5t6 1.5l151-74l11 169q1 1 4 3.5t4 3.5l168 11l-75 151q1 2 2.5 6t1.5 6M512 256q-106 0-181 75t-75 181t75 181t181 75t181-75t75-181t-75-181t-181-75"/></svg>Brightnessalt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:brightnessalt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:brightnessalt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:brightnessalt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--brightnessalt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:brightnessalt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:brightnessalt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/brightnessalt.svg" alt="Brightnessalt アイコン" width="24" height="24">WebHostingHub Glyphs の関連アイコン
Brightnessalt アイコン のよくある質問
Brightnessalt アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Brightnessalt アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:brightnessalt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Brightnessalt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/brightnessalt.svg" alt="Brightnessalt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。