ICONYZ
日本語
WebHostingHub Glyphs の Brightnessalt アイコン

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 コード

<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 コードをページに直接貼り付けます。

WebHostingHub Glyphs アイコン をすべて見る →