Chandelier Outline アイコン
solar:chandelier-outline
Chandelier Outline アイコン(solar:chandelier-outline)は、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
- カテゴリ
- ホーム
- タグ
- chandelieroutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" 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.25C16.9604 19.25 18.1549 18.1117 18.2446 16.6739C16.5356 16.3243 15.25 14.8123 15.25 13V11.2C15.25 10.123 16.123 9.25 17.2 9.25H20.8C21.877 9.25 22.75 10.123 22.75 11.2V13C22.75 14.8155 21.4599 16.3296 19.7464 16.6757C19.6543 18.9414 17.7884 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.21165 20.75 4.34571 18.9414 4.25357 16.6757C2.54011 16.3296 1.25 14.8155 1.25 13V10.8571C1.25 9.96954 1.96954 9.25 2.85714 9.25H7.14286C8.03046 9.25 8.75 9.96954 8.75 10.8571V13C8.75 14.8123 7.46439 16.3243 5.75541 16.6739C5.84512 18.1117 7.03962 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 4ZM2.85714 10.75C2.79797 10.75 2.75 10.798 2.75 10.8571V13C2.75 14.2426 3.75736 15.25 5 15.25C6.24264 15.25 7.25 14.2426 7.25 13V10.8571C7.25 10.798 7.20203 10.75 7.14286 10.75H2.85714ZM17.2 10.75C16.9515 10.75 16.75 10.9515 16.75 11.2V13C16.75 14.2426 17.7574 15.25 19 15.25C20.2426 15.25 21.25 14.2426 21.25 13V11.2C21.25 10.9515 21.0485 10.75 20.8 10.75H17.2Z" clip-rule="evenodd"/></svg>Chandelier Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:chandelier-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:chandelier-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:chandelier-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--chandelier-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:chandelier-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:chandelier-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/chandelier-outline.svg" alt="Chandelier Outline アイコン" width="24" height="24">Solar の関連アイコン
Chandelier Outline アイコン のよくある質問
Chandelier Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Chandelier Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:chandelier-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chandelier Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/chandelier-outline.svg" alt="Chandelier Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。