Иконка Chandelier Bold

solar:chandelier-bold

Иконка Chandelier Bold (solar:chandelier-bold) — бесплатная SVG-иконка из набора Solar от 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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Chandelier Bold

Можно ли бесплатно использовать иконку Chandelier Bold в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Chandelier Bold в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →