Иконка Streets Nav

reicon:streets-nav

Иконка Streets Nav (reicon:streets-nav) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Reicon
Автор: REICON
Лицензия: MIT
Размер: 24 × 24
Категория: Карта
Теги: streetsnav, street

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9.451 1.25h5.098c1.602 0 2.872 0 3.876.119c1.03.122 1.88.377 2.588.96q.361.296.659.658c.582.709.837 1.557.96 2.588c.118 1.004.118 2.274.118 3.876v.098c0 1.602 0 2.872-.119 3.876c-.122 1.03-.377 1.88-.96 2.588q-.296.361-.658.659c-.789.647-1.752.892-2.948.996a.75.75 0 1 1-.13-1.494c.776-.068 1.304-.192 1.704-.39l-6.086-4.681l-10.052-7.18l-.013.015c-.326.398-.525.924-.63 1.813c-.107.906-.108 2.087-.108 3.749s.001 2.843.108 3.749c.105.889.304 1.415.63 1.813q.203.247.45.45c.443.364 1.044.567 2.127.662a.75.75 0 1 1-.13 1.494c-1.196-.104-2.16-.349-2.948-.996a5 5 0 0 1-.659-.659c-.582-.709-.837-1.557-.96-2.588c-.118-1.005-.118-2.274-.118-3.876V9.45c0-1.602 0-2.872.119-3.876c.122-1.03.377-1.88.96-2.588a5 5 0 0 1 .658-.659c.709-.582 1.557-.837 2.588-.96C6.58 1.25 7.85 1.25 9.451 1.25M4.837 3.033l9.062 6.473l5.809-6.255c-.354-.19-.81-.316-1.46-.393c-.905-.107-2.086-.108-3.748-.108h-5c-1.662 0-2.843.001-3.749.108a5.6 5.6 0 0 0-.914.175M20.763 4.32l-5.653 6.088l5.624 4.327c.198-.357.329-.82.408-1.485c.107-.906.108-2.087.108-3.749s-.001-2.843-.108-3.749c-.075-.633-.197-1.082-.38-1.432m-8.79 10.448c-.05.036-.134.117-.258.295c-.255.365-.543.937-.976 1.803l-1.335 2.671c-.262.522-.439.878-.55 1.145c-.087.21-.1.293-.103.304a.33.33 0 0 0 .246.265c.012-.002.096-.01.311-.082c.273-.091.641-.243 1.18-.467q.03-.01.056-.023c.338-.14.596-.247.867-.303c.389-.08.79-.08 1.178 0c.271.056.53.163.867.303l.055.023c.54.224.908.376 1.18.467c.216.072.3.08.312.082a.33.33 0 0 0 .246-.265c-.003-.011-.016-.094-.103-.304a21 21 0 0 0-.55-1.145l-1.335-2.671c-.433-.866-.72-1.438-.976-1.803a1.3 1.3 0 0 0-.258-.295L12 14.75zM12 14.75h-.003zm-1.515-.547c.33-.473.798-.953 1.515-.953s1.185.48 1.515.953c.326.467.662 1.14 1.06 1.936l1.376 2.753c.245.49.447.892.58 1.213c.125.3.255.67.21 1.044a1.83 1.83 0 0 1-1.47 1.577c-.368.072-.747-.032-1.055-.135c-.33-.11-.746-.283-1.252-.493l-.027-.01c-.417-.174-.537-.22-.652-.244a1.4 1.4 0 0 0-.57 0c-.115.024-.235.07-.652.243l-.027.011c-.506.21-.922.383-1.252.493c-.308.103-.687.206-1.056.135A1.83 1.83 0 0 1 7.26 21.15c-.045-.373.085-.743.21-1.044c.133-.32.335-.724.58-1.213l1.376-2.753c.398-.796.734-1.469 1.06-1.936" clip-rule="evenodd"/></svg>

Как использовать иконку Streets Nav

React

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

<Icon icon="reicon:streets-nav" width="24" />

Vue

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

<template>
  <Icon icon="reicon:streets-nav" width="24" />
</template>

Svelte

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

<Icon icon="reicon:streets-nav" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--streets-nav]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:streets-nav"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:streets-nav"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/reicon/streets-nav.svg" alt="Иконка Streets Nav" width="24" height="24">

Вопросы и ответы: Иконка Streets Nav

Можно ли бесплатно использовать иконку Streets Nav в коммерческих проектах?

Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Streets Nav в React?

Установите @iconify/react и выведите <Icon icon="reicon:streets-nav" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Streets Nav на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/streets-nav.svg" alt="Иконка Streets Nav">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Reicon →