Chandelier Outline icon
solar:chandelier-outline
The Chandelier Outline icon (solar:chandelier-outline) 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
- chandelieroutline
SVG code
<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>How to use the Chandelier Outline icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/solar/chandelier-outline.svg" alt="Chandelier Outline icon" width="24" height="24">Related icons in Solar
Chandelier Outline icon FAQ
Is the Chandelier Outline 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 Outline icon in React?
Install @iconify/react and render <Icon icon="solar:chandelier-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chandelier Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/chandelier-outline.svg" alt="Chandelier Outline icon">, or paste the SVG code inline to style it with CSS.