google streetview icon
google-streetview-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.
- Name
- google-streetview-solid
- Set
- Teenyicons
- Style
- Solid
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
Related icons in Teenyicons
Use the google streetview icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M5 2.5a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0M7.5 6A3.5 3.5 0 0 0 4 9.5v2a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5v-2A3.5 3.5 0 0 0 7.5 6"/><path fill="currentColor" d="M1.394 10.695c-.283.292-.394.563-.394.805c0 .245.114.52.406.816c.294.299.745.59 1.341.846c1.191.51 2.871.838 4.753.838s3.562-.328 4.753-.838c.596-.256 1.047-.547 1.341-.846c.292-.296.406-.57.406-.816c0-.242-.11-.513-.395-.805c-.285-.294-.724-.582-1.305-.837l.4-.916c.656.287 1.218.64 1.622 1.056c.407.418.678.927.678 1.502c0 .583-.278 1.097-.694 1.519c-.414.42-.989.774-1.66 1.062c-1.342.575-3.162.919-5.146.919s-3.804-.344-5.147-.92c-.67-.287-1.245-.642-1.659-1.061c-.416-.422-.694-.936-.694-1.52c0-.575.27-1.083.678-1.501c.404-.416.966-.769 1.622-1.056l.4.916c-.581.255-1.02.543-1.306.837"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsGoogleStreetviewSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M5 2.5a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0M7.5 6A3.5 3.5 0 0 0 4 9.5v2a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5v-2A3.5 3.5 0 0 0 7.5 6"/><path fill="currentColor" d="M1.394 10.695c-.283.292-.394.563-.394.805c0 .245.114.52.406.816c.294.299.745.59 1.341.846c1.191.51 2.871.838 4.753.838s3.562-.328 4.753-.838c.596-.256 1.047-.547 1.341-.846c.292-.296.406-.57.406-.816c0-.242-.11-.513-.395-.805c-.285-.294-.724-.582-1.305-.837l.4-.916c.656.287 1.218.64 1.622 1.056c.407.418.678.927.678 1.502c0 .583-.278 1.097-.694 1.519c-.414.42-.989.774-1.66 1.062c-1.342.575-3.162.919-5.146.919s-3.804-.344-5.147-.92c-.67-.287-1.245-.642-1.659-1.061c-.416-.422-.694-.936-.694-1.52c0-.575.27-1.083.678-1.501c.404-.416.966-.769 1.622-1.056l.4.916c-.581.255-1.02.543-1.306.837"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M5 2.5a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0M7.5 6A3.5 3.5 0 0 0 4 9.5v2a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5v-2A3.5 3.5 0 0 0 7.5 6"/><path fill="currentColor" d="M1.394 10.695c-.283.292-.394.563-.394.805c0 .245.114.52.406.816c.294.299.745.59 1.341.846c1.191.51 2.871.838 4.753.838s3.562-.328 4.753-.838c.596-.256 1.047-.547 1.341-.846c.292-.296.406-.57.406-.816c0-.242-.11-.513-.395-.805c-.285-.294-.724-.582-1.305-.837l.4-.916c.656.287 1.218.64 1.622 1.056c.407.418.678.927.678 1.502c0 .583-.278 1.097-.694 1.519c-.414.42-.989.774-1.66 1.062c-1.342.575-3.162.919-5.146.919s-3.804-.344-5.147-.92c-.67-.287-1.245-.642-1.659-1.061c-.416-.422-.694-.936-.694-1.52c0-.575.27-1.083.678-1.501c.404-.416.966-.769 1.622-1.056l.4.916c-.581.255-1.02.543-1.306.837"/></svg> </template>
CSS
.icon-google-streetview-solid {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%202.5a2.5%202.5%200%201%201%205%200a2.5%202.5%200%200%201-5%200M7.5%206A3.5%203.5%200%200%200%204%209.5v2a.5.5%200%200%200%20.5.5h6a.5.5%200%200%200%20.5-.5v-2A3.5%203.5%200%200%200%207.5%206%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.394%2010.695c-.283.292-.394.563-.394.805c0%20.245.114.52.406.816c.294.299.745.59%201.341.846c1.191.51%202.871.838%204.753.838s3.562-.328%204.753-.838c.596-.256%201.047-.547%201.341-.846c.292-.296.406-.57.406-.816c0-.242-.11-.513-.395-.805c-.285-.294-.724-.582-1.305-.837l.4-.916c.656.287%201.218.64%201.622%201.056c.407.418.678.927.678%201.502c0%20.583-.278%201.097-.694%201.519c-.414.42-.989.774-1.66%201.062c-1.342.575-3.162.919-5.146.919s-3.804-.344-5.147-.92c-.67-.287-1.245-.642-1.659-1.061c-.416-.422-.694-.936-.694-1.52c0-.575.27-1.083.678-1.501c.404-.416.966-.769%201.622-1.056l.4.916c-.581.255-1.02.543-1.306.837%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%202.5a2.5%202.5%200%201%201%205%200a2.5%202.5%200%200%201-5%200M7.5%206A3.5%203.5%200%200%200%204%209.5v2a.5.5%200%200%200%20.5.5h6a.5.5%200%200%200%20.5-.5v-2A3.5%203.5%200%200%200%207.5%206%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.394%2010.695c-.283.292-.394.563-.394.805c0%20.245.114.52.406.816c.294.299.745.59%201.341.846c1.191.51%202.871.838%204.753.838s3.562-.328%204.753-.838c.596-.256%201.047-.547%201.341-.846c.292-.296.406-.57.406-.816c0-.242-.11-.513-.395-.805c-.285-.294-.724-.582-1.305-.837l.4-.916c.656.287%201.218.64%201.622%201.056c.407.418.678.927.678%201.502c0%20.583-.278%201.097-.694%201.519c-.414.42-.989.774-1.66%201.062c-1.342.575-3.162.919-5.146.919s-3.804-.344-5.147-.92c-.67-.287-1.245-.642-1.659-1.061c-.416-.422-.694-.936-.694-1.52c0-.575.27-1.083.678-1.501c.404-.416.966-.769%201.622-1.056l.4.916c-.581.255-1.02.543-1.306.837%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/google-streetview-solid.svg?color=%231a73e8&size=48
