street view icon

street-view from Font Awesome Solid by Dave Gandy · Solid · Maps · CC-BY-4.0 Attribution required.

Name
street-view
Set
Font Awesome Solid
Style
Solid
Category
Maps
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

street-viewBoxIcons v2street-viewFont Awesome 6 Solidstreet-viewLine Awesome

More maps icons from Font Awesome Solid

anchorbombbookmarkdirectionsfighter-jetgavelhelicopterlife-ringmagnetmalemap-markermap-marker-altmap-pinnewspaperparkingplaneplane-slashrestroomroadrocketshipshopping-bagshopping-basketshopping-cart

Use the street view icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m-32 160h64c35.3 0 64 28.7 64 64v48c0 17.7-14.3 32-32 32h-1.8l-11.1 99.5c-1.8 16.2-15.5 28.5-31.8 28.5h-38.7c-16.3 0-30-12.3-31.8-28.5L257.7 368h-1.8c-17.7 0-32-14.3-32-32v-48c0-35.3 28.7-64 64-64zm188.4 240.2c-16.1-4.2-34.8-7.6-55.4-10.2l5.3-47.7c22.7 2.9 43.7 6.7 62.1 11.5c22.4 5.8 42.6 13.3 57.8 23.3c14.7 9.6 29.8 24.9 29.8 47s-15.1 37.4-29.8 47c-15.2 9.9-35.5 17.5-57.8 23.3c-45.1 11.7-105.3 17.8-168.4 17.8s-123.3-6.1-168.4-17.8c-22.4-6-42.6-13.5-57.8-23.4c-14.7-9.6-29.8-24.9-29.8-47s15.1-37.4 29.8-47c15.2-9.9 35.5-17.5 57.8-23.3c18.5-4.8 39.5-8.6 62.1-11.5L219 454c-20.6 2.6-39.3 6.1-55.4 10.2c-56.6 14.6-56.6 32.9 0 47.5c39.9 10.3 95.8 16.2 156.4 16.2s116.5-5.9 156.4-16.2c56.6-14.6 56.6-32.9 0-47.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidStreetView(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m-32 160h64c35.3 0 64 28.7 64 64v48c0 17.7-14.3 32-32 32h-1.8l-11.1 99.5c-1.8 16.2-15.5 28.5-31.8 28.5h-38.7c-16.3 0-30-12.3-31.8-28.5L257.7 368h-1.8c-17.7 0-32-14.3-32-32v-48c0-35.3 28.7-64 64-64zm188.4 240.2c-16.1-4.2-34.8-7.6-55.4-10.2l5.3-47.7c22.7 2.9 43.7 6.7 62.1 11.5c22.4 5.8 42.6 13.3 57.8 23.3c14.7 9.6 29.8 24.9 29.8 47s-15.1 37.4-29.8 47c-15.2 9.9-35.5 17.5-57.8 23.3c-45.1 11.7-105.3 17.8-168.4 17.8s-123.3-6.1-168.4-17.8c-22.4-6-42.6-13.5-57.8-23.4c-14.7-9.6-29.8-24.9-29.8-47s15.1-37.4 29.8-47c15.2-9.9 35.5-17.5 57.8-23.3c18.5-4.8 39.5-8.6 62.1-11.5L219 454c-20.6 2.6-39.3 6.1-55.4 10.2c-56.6 14.6-56.6 32.9 0 47.5c39.9 10.3 95.8 16.2 156.4 16.2s116.5-5.9 156.4-16.2c56.6-14.6 56.6-32.9 0-47.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m-32 160h64c35.3 0 64 28.7 64 64v48c0 17.7-14.3 32-32 32h-1.8l-11.1 99.5c-1.8 16.2-15.5 28.5-31.8 28.5h-38.7c-16.3 0-30-12.3-31.8-28.5L257.7 368h-1.8c-17.7 0-32-14.3-32-32v-48c0-35.3 28.7-64 64-64zm188.4 240.2c-16.1-4.2-34.8-7.6-55.4-10.2l5.3-47.7c22.7 2.9 43.7 6.7 62.1 11.5c22.4 5.8 42.6 13.3 57.8 23.3c14.7 9.6 29.8 24.9 29.8 47s-15.1 37.4-29.8 47c-15.2 9.9-35.5 17.5-57.8 23.3c-45.1 11.7-105.3 17.8-168.4 17.8s-123.3-6.1-168.4-17.8c-22.4-6-42.6-13.5-57.8-23.4c-14.7-9.6-29.8-24.9-29.8-47s15.1-37.4 29.8-47c15.2-9.9 35.5-17.5 57.8-23.3c18.5-4.8 39.5-8.6 62.1-11.5L219 454c-20.6 2.6-39.3 6.1-55.4 10.2c-56.6 14.6-56.6 32.9 0 47.5c39.9 10.3 95.8 16.2 156.4 16.2s116.5-5.9 156.4-16.2c56.6-14.6 56.6-32.9 0-47.5"/></svg>
</template>

CSS

.icon-street-view {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2064c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64s28.7-64%2064-64m-32%20160h64c35.3%200%2064%2028.7%2064%2064v48c0%2017.7-14.3%2032-32%2032h-1.8l-11.1%2099.5c-1.8%2016.2-15.5%2028.5-31.8%2028.5h-38.7c-16.3%200-30-12.3-31.8-28.5L257.7%20368h-1.8c-17.7%200-32-14.3-32-32v-48c0-35.3%2028.7-64%2064-64zm188.4%20240.2c-16.1-4.2-34.8-7.6-55.4-10.2l5.3-47.7c22.7%202.9%2043.7%206.7%2062.1%2011.5c22.4%205.8%2042.6%2013.3%2057.8%2023.3c14.7%209.6%2029.8%2024.9%2029.8%2047s-15.1%2037.4-29.8%2047c-15.2%209.9-35.5%2017.5-57.8%2023.3c-45.1%2011.7-105.3%2017.8-168.4%2017.8s-123.3-6.1-168.4-17.8c-22.4-6-42.6-13.5-57.8-23.4c-14.7-9.6-29.8-24.9-29.8-47s15.1-37.4%2029.8-47c15.2-9.9%2035.5-17.5%2057.8-23.3c18.5-4.8%2039.5-8.6%2062.1-11.5L219%20454c-20.6%202.6-39.3%206.1-55.4%2010.2c-56.6%2014.6-56.6%2032.9%200%2047.5c39.9%2010.3%2095.8%2016.2%20156.4%2016.2s116.5-5.9%20156.4-16.2c56.6-14.6%2056.6-32.9%200-47.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2064c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64s28.7-64%2064-64m-32%20160h64c35.3%200%2064%2028.7%2064%2064v48c0%2017.7-14.3%2032-32%2032h-1.8l-11.1%2099.5c-1.8%2016.2-15.5%2028.5-31.8%2028.5h-38.7c-16.3%200-30-12.3-31.8-28.5L257.7%20368h-1.8c-17.7%200-32-14.3-32-32v-48c0-35.3%2028.7-64%2064-64zm188.4%20240.2c-16.1-4.2-34.8-7.6-55.4-10.2l5.3-47.7c22.7%202.9%2043.7%206.7%2062.1%2011.5c22.4%205.8%2042.6%2013.3%2057.8%2023.3c14.7%209.6%2029.8%2024.9%2029.8%2047s-15.1%2037.4-29.8%2047c-15.2%209.9-35.5%2017.5-57.8%2023.3c-45.1%2011.7-105.3%2017.8-168.4%2017.8s-123.3-6.1-168.4-17.8c-22.4-6-42.6-13.5-57.8-23.4c-14.7-9.6-29.8-24.9-29.8-47s15.1-37.4%2029.8-47c15.2-9.9%2035.5-17.5%2057.8-23.3c18.5-4.8%2039.5-8.6%2062.1-11.5L219%20454c-20.6%202.6-39.3%206.1-55.4%2010.2c-56.6%2014.6-56.6%2032.9%200%2047.5c39.9%2010.3%2095.8%2016.2%20156.4%2016.2s116.5-5.9%20156.4-16.2c56.6-14.6%2056.6-32.9%200-47.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/street-view.svg?color=%231a73e8&size=48