Icono Streets Navigation Bold
solar:streets-navigation-bold
El icono Streets Navigation Bold (solar:streets-navigation-bold) 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
- Mapa
- Etiquetas
- streetsnavigation, navigationbold, streetsnavigationbold, street
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5 2H9.5C6.88382 2 5.30862 2 4.21682 2.45759L13.9057 9.50403L20.2716 2.71372C19.168 2 17.534 2 14.5 2Z"/><path d="M21.3225 3.7859L15.1069 10.4159L21.2865 15.2713C22 14.1677 22 12.5337 22 9.5C22 6.51823 22 4.8887 21.3225 3.7859Z"/><path d="M2 9.5C2 12.7875 2 14.4312 2.90796 15.5376C3.07418 15.7401 3.25989 15.9258 3.46243 16.092C4.07821 16.5974 4.86048 16.8215 6 16.9208C6.60779 16.9738 7.31724 16.9914 8.15726 16.9971L8.72635 15.8587L8.7724 15.7666C9.15377 15.0034 9.51175 14.287 9.86973 13.774C10.2357 13.2495 10.8992 12.5 12 12.5C13.1008 12.5 13.7643 13.2495 14.1303 13.774C14.4883 14.287 14.8462 15.0034 15.2276 15.7666L15.2737 15.8587L15.8427 16.9971C16.6828 16.9914 17.3922 16.9738 18 16.9208C18.9436 16.8386 19.6422 16.6708 20.2042 16.3286L13.5476 11.0983L2.96107 3.39906C2.94315 3.41999 2.92545 3.44112 2.90796 3.46243C2 4.56878 2 6.21252 2 9.5Z"/><path d="M15.2673 19.2006L13.932 16.5295C13.089 14.8432 12.6675 14 12 14C11.3325 14 10.911 14.8432 10.068 16.5295L8.73273 19.2006C8.22086 20.2245 7.96493 20.7365 8.00387 21.0588C8.06013 21.5245 8.41041 21.9006 8.87082 21.9897C9.18949 22.0514 9.71822 21.8324 10.7757 21.3943C11.1669 21.2322 11.3625 21.1512 11.5629 21.1097C11.8513 21.0501 12.1487 21.0501 12.4371 21.1097C12.6375 21.1512 12.8331 21.2322 13.2243 21.3943C14.2818 21.8324 14.8105 22.0514 15.1292 21.9897C15.5896 21.9006 15.9399 21.5245 15.9961 21.0588C16.0351 20.7365 15.7791 20.2245 15.2673 19.2006Z"/></g></svg>
Cómo usar el icono Streets Navigation Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:streets-navigation-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:streets-navigation-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:streets-navigation-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--streets-navigation-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:streets-navigation-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:streets-navigation-bold"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/streets-navigation-bold.svg" alt="Icono Streets Navigation Bold" width="24" height="24">
Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Streets Navigation Bold
¿El icono Streets Navigation Bold 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 Streets Navigation Bold en React?
Instala @iconify/react y renderiza <Icon icon="solar:streets-navigation-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Streets Navigation Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/streets-navigation-bold.svg" alt="Icono Streets Navigation Bold">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Solar →
