Ícone Suspension Bolt Broken
solar:suspension-bolt-broken
O ícone Suspension Bolt Broken (solar:suspension-bolt-broken) é 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
- Peças
- Tags
- suspensionbolt, boltbroken, suspensionboltbroken
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M3 4.5C3 4.03534 3 3.80302 3.03843 3.60982C3.19624 2.81644 3.81644 2.19624 4.60982 2.03843C4.80302 2 5.03534 2 5.5 2C5.96466 2 6.19698 2 6.39018 2.03843C7.18356 2.19624 7.80376 2.81644 7.96157 3.60982C8 3.80302 8 4.03534 8 4.5V6.5C8 6.96466 8 7.19698 7.96157 7.39018C7.80376 8.18356 7.18356 8.80376 6.39018 8.96157C6.19698 9 5.96466 9 5.5 9C5.03534 9 4.80302 9 4.60982 8.96157C3.81644 8.80376 3.19624 8.18356 3.03843 7.39018"/><path d="M21 6.5V4.5C21 4.03534 21 3.80302 20.9616 3.60982C20.8038 2.81644 20.1836 2.19624 19.3902 2.03843C19.197 2 18.9647 2 18.5 2C18.0353 2 17.803 2 17.6098 2.03843C16.8164 2.19624 16.1962 2.81644 16.0384 3.60982C16 3.80302 16 4.03534 16 4.5V6.5C16 6.96466 16 7.19698 16.0384 7.39018C16.1962 8.18356 16.8164 8.80376 17.6098 8.96157C17.803 9 18.0353 9 18.5 9C18.9647 9 19.197 9 19.3902 8.96157C20.1836 8.80376 20.8038 8.18356 20.9616 7.39018C21 7.19698 21 6.96466 21 6.5Z"/><path d="M8 19.5V17.5C8 17.0353 8 16.803 7.96157 16.6098C7.80376 15.8164 7.18356 15.1962 6.39018 15.0384C6.19698 15 5.96466 15 5.5 15C5.03534 15 4.80302 15 4.60982 15.0384C3.81644 15.1962 3.19624 15.8164 3.03843 16.6098C3 16.803 3 17.0353 3 17.5V19.5C3 19.9647 3 20.197 3.03843 20.3902C3.19624 21.1836 3.81644 21.8038 4.60982 21.9616C4.80302 22 5.03534 22 5.5 22C5.96466 22 6.19698 22 6.39018 21.9616C7.18356 21.8038 7.80376 21.1836 7.96157 20.3902C8 20.197 8 19.9647 8 19.5Z"/><path d="M21 19.5C21 19.9647 21 20.197 20.9616 20.3902C20.8038 21.1836 20.1836 21.8038 19.3902 21.9616C19.197 22 18.9647 22 18.5 22C18.0353 22 17.803 22 17.6098 21.9616C16.8164 21.8038 16.1962 21.1836 16.0384 20.3902C16 20.197 16 19.9647 16 19.5V17.5C16 17.0353 16 16.803 16.0384 16.6098C16.1962 15.8164 16.8164 15.1962 17.6098 15.0384C17.803 15 18.0353 15 18.5 15C18.9647 15 19.197 15 19.3902 15.0384C20.1836 15.1962 20.8038 15.8164 20.9616 16.6098"/><path d="M16 18.5H8"/><path d="M16 5.5H8"/><path stroke-linejoin="round" d="M12 9.5L10.5 12H13.5L12 14.5"/></g></svg>Como usar o ícone Suspension Bolt Broken
React
import { Icon } from "@iconify/react";
<Icon icon="solar:suspension-bolt-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:suspension-bolt-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:suspension-bolt-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--suspension-bolt-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:suspension-bolt-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:suspension-bolt-broken"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/suspension-bolt-broken.svg" alt="Ícone Suspension Bolt Broken" width="24" height="24">Ícones relacionados em Solar
Perguntas frequentes sobre Ícone Suspension Bolt Broken
O ícone Suspension Bolt Broken é 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 Suspension Bolt Broken no React?
Instale @iconify/react e renderize <Icon icon="solar:suspension-bolt-broken" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Suspension Bolt Broken a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/suspension-bolt-broken.svg" alt="Ícone Suspension Bolt Broken">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.