Ícone Streets Navigation Bold Duotone

solar:streets-navigation-bold-duotone

O ícone Streets Navigation Bold Duotone (solar:streets-navigation-bold-duotone) é 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: streetsnavigation, navigationbold, boldduotone, streetsnavigationboldduotone, street

Baixar SVG

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="M21.323 3.78613L15.1074 10.4161L21.287 15.2715C22.0005 14.1679 22.0005 12.534 22.0005 9.50023C22.0005 6.51846 22.0005 4.88893 21.323 3.78613Z"/><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"/><path d="M2 9.50035C2 9.5136 2 9.52682 2 9.54002C2.00001 12.8009 2.00368 14.4361 2.90796 15.5379C3.07418 15.7405 3.25989 15.9262 3.46243 16.0924C3.64344 16.2409 3.83883 16.3652 4.05346 16.4691C5.15025 17.0001 6.74919 17.0001 9.49726 17.0001H9.49975H14.4998L15.8427 16.9975C16.6828 16.9917 17.3922 16.9742 18 16.9212C18.9436 16.8389 19.6422 16.6711 20.2042 16.3289L13.5476 11.0987L2.96107 3.39941C2.94315 3.42035 2.92545 3.44147 2.90796 3.46278C2 4.56913 2 6.21287 2 9.50035Z" opacity=".5"/><path d="M14.5 2H9.49997C6.8838 2 5.3086 2 4.2168 2.45759L13.9056 9.50403L20.2716 2.71372C19.168 2 17.534 2 14.5 2Z"/></g></svg>

Como usar o ícone Streets Navigation Bold Duotone

React

import { Icon } from "@iconify/react";

<Icon icon="solar:streets-navigation-bold-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:streets-navigation-bold-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:streets-navigation-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--streets-navigation-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:streets-navigation-bold-duotone"></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-duotone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/streets-navigation-bold-duotone.svg" alt="Ícone Streets Navigation Bold Duotone" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Streets Navigation Bold Duotone

O ícone Streets Navigation Bold Duotone é 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 Streets Navigation Bold Duotone no React?

Instale @iconify/react e renderize <Icon icon="solar:streets-navigation-bold-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Streets Navigation Bold Duotone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/streets-navigation-bold-duotone.svg" alt="Ícone Streets Navigation Bold Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →