Ícone Route Broken
solar:route-broken
O ícone Route Broken (solar:route-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
- Mapa
- Tags
- routebroken
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="M17.8578 6.14204C20.6191 8.90341 21.9998 10.2841 21.9998 11.9998C21.9998 13.7155 20.6191 15.0962 17.8578 17.8575C15.0964 20.6189 13.7157 21.9996 12 21.9996C10.2843 21.9996 8.90365 20.6189 6.14229 17.8575C3.38093 15.0962 2.00024 13.7155 2.00024 11.9998C2.00024 10.2841 3.38093 8.90341 6.14229 6.14204C8.90365 3.38068 10.2843 2 12 2C13.1408 2 14.1335 2.61041 15.4824 3.83123"/><path stroke-linejoin="round" d="M9 14C9 13.0572 9 12.5858 9.29289 12.2929C9.58579 12 10.0572 12 11 12H15M13 14L15 12L13 10"/></g></svg>Como usar o ícone Route Broken
React
import { Icon } from "@iconify/react";
<Icon icon="solar:route-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:route-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:route-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--route-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:route-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:route-broken"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/route-broken.svg" alt="Ícone Route Broken" width="24" height="24">Ícones relacionados em Solar
Perguntas frequentes sobre Ícone Route Broken
O ícone Route 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 Route Broken no React?
Instale @iconify/react e renderize <Icon icon="solar:route-broken" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Route Broken a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/route-broken.svg" alt="Ícone Route Broken">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.