Street View Bold icon
glyphs:street-view-bold
The Street View Bold icon (glyphs:street-view-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- streetview, viewbold, streetviewbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M44 50.04a.99.99 0 0 0-.96-.995a102 102 0 0 0-6.08 0a.99.99 0 0 0-.96.995v4c0 .57.474 1.023 1.042 1.005a96 96 0 0 1 5.916 0A1.01 1.01 0 0 0 44 54.04zm2.368 14.77q.111-.031.226-.04c4.828-.345 9.085-1.056 12.38-1.998c2.387-.681 4.1-1.437 5.146-2.144l.075-.051a.685.685 0 0 0 0-1.154l-.075-.051c-1.047-.707-2.76-1.463-5.145-2.144c-2.28-.652-5.019-1.193-8.088-1.578a1.01 1.01 0 0 1-.887-1v-4.032a.99.99 0 0 1 1.104-.987c3.55.422 6.778 1.043 9.52 1.827c2.68.766 5.068 1.734 6.855 2.941C69.16 55.536 71 57.373 71 60s-1.84 4.464-3.521 5.6c-1.787 1.207-4.175 2.175-6.856 2.941C55.22 70.085 47.93 71 40 71s-15.22-.915-20.623-2.459c-2.681-.766-5.07-1.734-6.856-2.941C10.84 64.464 9 62.627 9 60s1.84-4.464 3.521-5.6c1.787-1.207 4.174-2.175 6.856-2.941c2.742-.784 5.969-1.405 9.519-1.827a.99.99 0 0 1 1.104.987v4.032c0 .509-.382.935-.887.999c-3.07.386-5.808.926-8.088 1.578c-2.385.681-4.098 1.437-5.145 2.144l-.075.051a.685.685 0 0 0 0 1.154l.075.051c1.047.707 2.76 1.463 5.145 2.144c3.296.942 7.553 1.653 12.38 1.997q.116.01.227.041c.435.124.894.19 1.368.19h10c.474 0 .933-.066 1.368-.19m-31.396-4.614l.002-.005zm50.055-.001l.001.001l-.002-.005zm0-.39l-.001.005zm-50.053.005l-.002-.006z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M33 48h-3.833A2.167 2.167 0 0 1 27 45.833V37.54A7.54 7.54 0 0 1 34.54 30h10.92A7.54 7.54 0 0 1 53 37.54v8.293C53 47.03 52.03 48 50.833 48H47v12a2 2 0 0 1-2 2H35a2 2 0 0 1-2-2z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M35 17a7.071 7.071 0 1 1 10 10a7.071 7.071 0 0 1-10-10"/></g></svg>
How to use the Street View Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:street-view-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:street-view-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:street-view-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--street-view-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:street-view-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:street-view-bold"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/street-view-bold.svg" alt="Street View Bold icon" width="24" height="24">
Street View Bold icon FAQ
Is the Street View Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Street View Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:street-view-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Street View Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/street-view-bold.svg" alt="Street View Bold icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs icons →
ICONYZ
