ICONYZ
日本語
Solar の Chandelier Bold アイコン

Chandelier Bold アイコン

solar:chandelier-bold

Chandelier Bold アイコン(solar:chandelier-bold)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
ホーム
タグ
chandelierbold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.25 4C8.25 3.58579 8.58579 3.25 9 3.25H15C15.4142 3.25 15.75 3.58579 15.75 4C15.75 4.41421 15.4142 4.75 15 4.75H12.75V16.5C12.75 18.0188 13.9812 19.25 15.5 19.25C17.0188 19.25 18.25 18.0188 18.25 16.5V15.9055C16.9561 15.5725 16 14.3979 16 13V11.2C16 10.5373 16.5373 10 17.2 10H20.8C21.4627 10 22 10.5373 22 11.2V13C22 14.3979 21.0439 15.5725 19.75 15.9055V16.5C19.75 18.8472 17.8472 20.75 15.5 20.75C14.0484 20.75 12.7667 20.0222 12 18.9116C11.2333 20.0222 9.95165 20.75 8.5 20.75C6.15279 20.75 4.25 18.8472 4.25 16.5V15.9055C2.95608 15.5725 2 14.3979 2 13V10.8571C2 10.3838 2.38376 10 2.85714 10H7.14286C7.61624 10 8 10.3838 8 10.8571V13C8 14.3979 7.04392 15.5725 5.75 15.9055V16.5C5.75 18.0188 6.98122 19.25 8.5 19.25C10.0188 19.25 11.25 18.0188 11.25 16.5V4.75H9C8.58579 4.75 8.25 4.41421 8.25 4Z"/></svg>

Chandelier Bold アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:chandelier-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:chandelier-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:chandelier-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--chandelier-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:chandelier-bold"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:chandelier-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/chandelier-bold.svg" alt="Chandelier Bold アイコン" width="24" height="24">

Solar の関連アイコン

Chandelier Bold アイコン のよくある質問

Chandelier Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Chandelier Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:chandelier-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Chandelier Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/chandelier-bold.svg" alt="Chandelier Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコン をすべて見る →