Icono Pin Broken
solar:pin-broken
El icono Pin Broken (solar:pin-broken) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Interfaz
- Etiquetas
- pinbroken
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="M21.7027 11C21.9655 11.4639 22.0574 11.8786 21.9652 12.3049C21.7212 13.4335 20.3365 13.9537 17.567 14.9943L15.6499 15.7146C14.9082 15.9933 14.5373 16.1326 14.2511 16.3805C14.1258 16.489 14.0136 16.6119 13.917 16.7466C13.6962 17.0543 13.591 17.4366 13.3807 18.2012C12.9022 19.9401 12.663 20.8096 12.0933 21.1347C11.8533 21.2717 11.5816 21.3435 11.3053 21.3431C10.6496 21.3421 10.0126 20.7044 8.73845 19.429L4.62176 15.3081C3.35569 14.0408 2.72266 13.4071 2.71854 12.7552C2.71676 12.4734 2.78993 12.1962 2.93053 11.9521C3.25578 11.3873 4.11889 11.1494 5.84512 10.6735C6.61099 10.4623 6.99393 10.3567 7.30174 10.1351C7.43986 10.0357 7.56548 9.91994 7.6759 9.79038C7.92197 9.50164 8.05874 9.12835 8.33227 8.38177L9.02673 6.48636C10.0528 3.68593 10.5658 2.28571 11.6973 2.03606C12.8289 1.78641 13.8824 2.84101 15.9894 4.9502L18.5366 7.5"/><path d="M2 21.9998L6.65323 17.3418"/></g></svg>
Cómo usar el icono Pin Broken
React
import { Icon } from "@iconify/react";
<Icon icon="solar:pin-broken" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:pin-broken" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:pin-broken" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--pin-broken]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:pin-broken"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:pin-broken"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/pin-broken.svg" alt="Icono Pin Broken" width="24" height="24">
Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Pin Broken
¿El icono Pin Broken es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Pin Broken en React?
Instala @iconify/react y renderiza <Icon icon="solar:pin-broken" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pin Broken a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/pin-broken.svg" alt="Icono Pin Broken">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Solar →
ICONYZ
