Brightness アイコン
cil:brightness
Brightness アイコン(cil:brightness)は、CoreUI Free セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 512 × 512 のグリッドで描かれています。 CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Free
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m78.462 253.835l52.522 43.279l6.26 14.276l-8.312 68.617l67.742-6.535l14.52 5.668l42.642 54.4l43.28-52.523l14.274-6.259l68.618 8.313l-6.536-67.743l5.667-14.519l54.4-42.642l-52.522-43.279l-6.26-14.276l8.312-68.618l-67.741 6.536l-14.52-5.667l-42.642-54.4l-43.279 52.522l-14.277 6.26l-68.616-8.312l6.536 67.74l-5.669 14.522Zm81.026-22.854l11.626-29.781l-3.446-35.709l37.779 4.576l29.281-12.839l22.814-27.687l23.479 29.951l29.779 11.621l35.71-3.445l-4.577 37.78l12.839 29.28l27.687 22.814l-29.951 23.479l-11.621 29.779l3.446 35.712l-37.781-4.577l-29.278 12.838l-22.815 27.688l-23.479-29.95l-29.78-11.624l-35.711 3.446l4.577-37.781l-12.839-29.28l-27.687-22.814Z"/><path fill="currentColor" d="M472 16H40a24.03 24.03 0 0 0-24 24v432a24.03 24.03 0 0 0 24 24h432a24.03 24.03 0 0 0 24-24V40a24.03 24.03 0 0 0-24-24m-8 448H48V48h416Z"/></svg>
Brightness アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cil:brightness" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:brightness" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:brightness" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--brightness]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:brightness"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:brightness"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cil/brightness.svg" alt="Brightness アイコン" width="24" height="24">
他のアイコンセットの Brightness アイコン
Brightness アイコン のよくある質問
Brightness アイコンは商用利用でも無料ですか?
はい。CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Brightness アイコンを使うには?
@iconify/react をインストールして <Icon icon="cil:brightness" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Brightness アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cil/brightness.svg" alt="Brightness アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Free アイコン をすべて見る →
ICONYZ
