Ícone Chandelier Outline
solar:chandelier-outline
O ícone Chandelier Outline (solar:chandelier-outline) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Solar
- Autor
- 480 Design
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Casa
- Tags
- chandelieroutline
Código 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>Como usar o ícone 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 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/chandelier-outline.svg" alt="Ícone Chandelier Outline" width="24" height="24">Ícones relacionados em Solar
Perguntas frequentes sobre Ícone Chandelier Outline
O ícone Chandelier Outline é grátis para uso comercial?
Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Chandelier Outline no React?
Instale @iconify/react e renderize <Icon icon="solar:chandelier-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Chandelier Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/chandelier-outline.svg" alt="Ícone Chandelier Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.