Streets icon
reicon:streets
The Streets icon (reicon:streets) is a free SVG icon from the Reicon set. It is drawn on a 24 × 24 grid. Reicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Reicon
- Author
- REICON
- License
- MIT
- Size
- 24 × 24
- Category
- Map
- Tags
- street
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.386 2.926c-1.3-.174-3.008-.176-5.386-.176s-4.086.002-5.386.176c-1.279.172-2.05.5-2.62 1.069c-.569.57-.896 1.34-1.068 2.619c-.174 1.3-.176 3.008-.176 5.386s.002 4.086.176 5.386c.119.882.311 1.522.606 2.021L19.407 3.532c-.499-.295-1.139-.487-2.02-.606m3.082 1.667L13.061 12l7.407 7.407c.295-.499.487-1.139.606-2.02c.174-1.3.176-3.009.176-5.387s-.002-4.086-.176-5.386c-.119-.882-.311-1.522-.606-2.021m-1.06 15.875L12 13.061l-7.407 7.407c.499.295 1.139.487 2.02.606c1.3.174 3.009.176 5.387.176s4.086-.002 5.386-.176c.882-.119 1.522-.311 2.021-.606M17.586 1.44c1.445.194 2.585.6 3.48 1.494c.895.895 1.3 2.035 1.494 3.48c.19 1.411.19 3.22.19 5.529v.114c0 2.309 0 4.118-.19 5.53c-.194 1.444-.6 2.584-1.494 3.479c-.895.895-2.035 1.3-3.48 1.494c-1.411.19-3.22.19-5.529.19h-.114c-2.309 0-4.118 0-5.53-.19c-1.444-.194-2.584-.6-3.479-1.494c-.895-.895-1.3-2.035-1.494-3.48c-.19-1.411-.19-3.22-.19-5.529v-.114c0-2.309 0-4.118.19-5.53c.194-1.444.6-2.584 1.494-3.479c.895-.895 2.035-1.3 3.48-1.494c1.411-.19 3.22-.19 5.529-.19h.114c2.309 0 4.118 0 5.53.19" clip-rule="evenodd"/></svg>
How to use the Streets icon
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:streets" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:streets" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:streets" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--streets]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:streets"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:streets"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/reicon/streets.svg" alt="Streets icon" width="24" height="24">
Streets icon FAQ
Is the Streets icon free for commercial use?
Yes. Reicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Streets icon in React?
Install @iconify/react and render <Icon icon="reicon:streets" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Streets icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/reicon/streets.svg" alt="Streets icon">, or paste the SVG code inline to style it with CSS.
Browse all Reicon icons →
ICONYZ
