Chandelier Bold icon
solar:chandelier-bold
The Chandelier Bold icon (solar:chandelier-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Home
- Tags
- chandelierbold
SVG code
<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>How to use the Chandelier Bold icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/solar/chandelier-bold.svg" alt="Chandelier Bold icon" width="24" height="24">Related icons in Solar
Chandelier Bold icon FAQ
Is the Chandelier Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Chandelier Bold icon in React?
Install @iconify/react and render <Icon icon="solar:chandelier-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chandelier Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/chandelier-bold.svg" alt="Chandelier Bold icon">, or paste the SVG code inline to style it with CSS.