googlestreetview logo

googlestreetview from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
googlestreetview
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the googlestreetview logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.571 5.714a5.714 5.714 0 1 1 11.43 0a5.714 5.714 0 0 1-11.43 0m2.264 5.165l-3.502 3.502c2.015-1.488 4.48-2.31 6.953-2.31c1.155 0 2.307.182 3.428.53v-1.709a6.2 6.2 0 0 1-3.428 1.037a6.2 6.2 0 0 1-3.45-1.05zm6.88 11.407V13.12a11 11 0 0 0-3.43-.55a11.25 11.25 0 0 0-6.731 2.265c-.425.34-.697.863-.697 1.45V24H20a1.72 1.72 0 0 0 1.714-1.714zM13.12 9.165L.001 22.285V4a1.72 1.72 0 0 1 1.713-1.714h11.394a6.2 6.2 0 0 0-1.037 3.428c0 1.276.388 2.463 1.05 3.45zm-5.246-1.95a2.7 2.7 0 0 0-.077-.644h-2.94v1.142h1.69c.001.303-.228.755-.625 1.025c-.258.176-.606.298-1.066.298c-.818 0-1.512-.552-1.76-1.295a1.9 1.9 0 0 1 0-1.196c.248-.743.942-1.295 1.76-1.295c.6 0 .987.268 1.19.458l.913-.889A3.02 3.02 0 0 0 4.857 4a3.143 3.143 0 1 0 0 6.287c.848 0 1.563-.279 2.083-.759c.593-.547.935-1.356.935-2.313zm2.482 9.07c0-.511.17-.995.471-1.399L1.714 24h8.643v-7.714z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsGooglestreetview(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.571 5.714a5.714 5.714 0 1 1 11.43 0a5.714 5.714 0 0 1-11.43 0m2.264 5.165l-3.502 3.502c2.015-1.488 4.48-2.31 6.953-2.31c1.155 0 2.307.182 3.428.53v-1.709a6.2 6.2 0 0 1-3.428 1.037a6.2 6.2 0 0 1-3.45-1.05zm6.88 11.407V13.12a11 11 0 0 0-3.43-.55a11.25 11.25 0 0 0-6.731 2.265c-.425.34-.697.863-.697 1.45V24H20a1.72 1.72 0 0 0 1.714-1.714zM13.12 9.165L.001 22.285V4a1.72 1.72 0 0 1 1.713-1.714h11.394a6.2 6.2 0 0 0-1.037 3.428c0 1.276.388 2.463 1.05 3.45zm-5.246-1.95a2.7 2.7 0 0 0-.077-.644h-2.94v1.142h1.69c.001.303-.228.755-.625 1.025c-.258.176-.606.298-1.066.298c-.818 0-1.512-.552-1.76-1.295a1.9 1.9 0 0 1 0-1.196c.248-.743.942-1.295 1.76-1.295c.6 0 .987.268 1.19.458l.913-.889A3.02 3.02 0 0 0 4.857 4a3.143 3.143 0 1 0 0 6.287c.848 0 1.563-.279 2.083-.759c.593-.547.935-1.356.935-2.313zm2.482 9.07c0-.511.17-.995.471-1.399L1.714 24h8.643v-7.714z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.571 5.714a5.714 5.714 0 1 1 11.43 0a5.714 5.714 0 0 1-11.43 0m2.264 5.165l-3.502 3.502c2.015-1.488 4.48-2.31 6.953-2.31c1.155 0 2.307.182 3.428.53v-1.709a6.2 6.2 0 0 1-3.428 1.037a6.2 6.2 0 0 1-3.45-1.05zm6.88 11.407V13.12a11 11 0 0 0-3.43-.55a11.25 11.25 0 0 0-6.731 2.265c-.425.34-.697.863-.697 1.45V24H20a1.72 1.72 0 0 0 1.714-1.714zM13.12 9.165L.001 22.285V4a1.72 1.72 0 0 1 1.713-1.714h11.394a6.2 6.2 0 0 0-1.037 3.428c0 1.276.388 2.463 1.05 3.45zm-5.246-1.95a2.7 2.7 0 0 0-.077-.644h-2.94v1.142h1.69c.001.303-.228.755-.625 1.025c-.258.176-.606.298-1.066.298c-.818 0-1.512-.552-1.76-1.295a1.9 1.9 0 0 1 0-1.196c.248-.743.942-1.295 1.76-1.295c.6 0 .987.268 1.19.458l.913-.889A3.02 3.02 0 0 0 4.857 4a3.143 3.143 0 1 0 0 6.287c.848 0 1.563-.279 2.083-.759c.593-.547.935-1.356.935-2.313zm2.482 9.07c0-.511.17-.995.471-1.399L1.714 24h8.643v-7.714z"/></svg>
</template>

CSS

.icon-googlestreetview {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.571%205.714a5.714%205.714%200%201%201%2011.43%200a5.714%205.714%200%200%201-11.43%200m2.264%205.165l-3.502%203.502c2.015-1.488%204.48-2.31%206.953-2.31c1.155%200%202.307.182%203.428.53v-1.709a6.2%206.2%200%200%201-3.428%201.037a6.2%206.2%200%200%201-3.45-1.05zm6.88%2011.407V13.12a11%2011%200%200%200-3.43-.55a11.25%2011.25%200%200%200-6.731%202.265c-.425.34-.697.863-.697%201.45V24H20a1.72%201.72%200%200%200%201.714-1.714zM13.12%209.165L.001%2022.285V4a1.72%201.72%200%200%201%201.713-1.714h11.394a6.2%206.2%200%200%200-1.037%203.428c0%201.276.388%202.463%201.05%203.45zm-5.246-1.95a2.7%202.7%200%200%200-.077-.644h-2.94v1.142h1.69c.001.303-.228.755-.625%201.025c-.258.176-.606.298-1.066.298c-.818%200-1.512-.552-1.76-1.295a1.9%201.9%200%200%201%200-1.196c.248-.743.942-1.295%201.76-1.295c.6%200%20.987.268%201.19.458l.913-.889A3.02%203.02%200%200%200%204.857%204a3.143%203.143%200%201%200%200%206.287c.848%200%201.563-.279%202.083-.759c.593-.547.935-1.356.935-2.313zm2.482%209.07c0-.511.17-.995.471-1.399L1.714%2024h8.643v-7.714z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.571%205.714a5.714%205.714%200%201%201%2011.43%200a5.714%205.714%200%200%201-11.43%200m2.264%205.165l-3.502%203.502c2.015-1.488%204.48-2.31%206.953-2.31c1.155%200%202.307.182%203.428.53v-1.709a6.2%206.2%200%200%201-3.428%201.037a6.2%206.2%200%200%201-3.45-1.05zm6.88%2011.407V13.12a11%2011%200%200%200-3.43-.55a11.25%2011.25%200%200%200-6.731%202.265c-.425.34-.697.863-.697%201.45V24H20a1.72%201.72%200%200%200%201.714-1.714zM13.12%209.165L.001%2022.285V4a1.72%201.72%200%200%201%201.713-1.714h11.394a6.2%206.2%200%200%200-1.037%203.428c0%201.276.388%202.463%201.05%203.45zm-5.246-1.95a2.7%202.7%200%200%200-.077-.644h-2.94v1.142h1.69c.001.303-.228.755-.625%201.025c-.258.176-.606.298-1.066.298c-.818%200-1.512-.552-1.76-1.295a1.9%201.9%200%200%201%200-1.196c.248-.743.942-1.295%201.76-1.295c.6%200%20.987.268%201.19.458l.913-.889A3.02%203.02%200%200%200%204.857%204a3.143%203.143%200%201%200%200%206.287c.848%200%201.563-.279%202.083-.759c.593-.547.935-1.356.935-2.313zm2.482%209.07c0-.511.17-.995.471-1.399L1.714%2024h8.643v-7.714z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/googlestreetview.svg?color=%231a73e8&size=48