Иконка Chandelier Outline

solar:chandelier-outline

Иконка Chandelier Outline (solar:chandelier-outline) — бесплатная 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
Категория: Дом
Теги: chandelieroutline

Скачать SVG

Код 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>

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

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

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

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

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

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

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

Все Иконки Solar →