streets icon

streets-bold from Solar by 480 Design · Bold · Map · CC-BY-4.0 Attribution required.

Name
streets-bold
Set
Solar
Style
Bold
Category
Map
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

streets-bold-duotonestreets-brokenstreets-line-duotonestreets-linearstreets-outline

More map icons from Solar

branching-paths-down-boldbranching-paths-up-boldcompass-big-boldcompass-boldcompass-square-boldglobal-boldglobe-boldgps-boldmap-arrow-down-boldmap-arrow-left-boldmap-arrow-right-boldmap-arrow-square-boldmap-arrow-up-boldmap-boldmap-point-add-boldmap-point-boldmap-point-favorite-boldmap-point-hospital-boldmap-point-remove-boldmap-point-rotate-boldmap-point-school-boldmap-point-search-boldmap-point-wave-boldpeople-nearby-bold

Use the streets icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.46447 3.46447C2 4.92893 2 7.28596 2 12C2 16.134 2 18.4553 2.98767 19.9517L19.9517 2.98766C18.4553 2 16.134 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447Z"/><path d="M21.0123 4.04833L13.0607 12L21.0123 19.9517C22 18.4553 22 16.134 22 12C22 7.866 22 5.54466 21.0123 4.04833Z"/><path d="M12 13.0607L4.04833 21.0123C5.54466 22 7.866 22 12 22C16.134 22 18.4553 22 19.9517 21.0123L12 13.0607Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarStreetsBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.46447 3.46447C2 4.92893 2 7.28596 2 12C2 16.134 2 18.4553 2.98767 19.9517L19.9517 2.98766C18.4553 2 16.134 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447Z"/><path d="M21.0123 4.04833L13.0607 12L21.0123 19.9517C22 18.4553 22 16.134 22 12C22 7.866 22 5.54466 21.0123 4.04833Z"/><path d="M12 13.0607L4.04833 21.0123C5.54466 22 7.866 22 12 22C16.134 22 18.4553 22 19.9517 21.0123L12 13.0607Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.46447 3.46447C2 4.92893 2 7.28596 2 12C2 16.134 2 18.4553 2.98767 19.9517L19.9517 2.98766C18.4553 2 16.134 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447Z"/><path d="M21.0123 4.04833L13.0607 12L21.0123 19.9517C22 18.4553 22 16.134 22 12C22 7.866 22 5.54466 21.0123 4.04833Z"/><path d="M12 13.0607L4.04833 21.0123C5.54466 22 7.866 22 12 22C16.134 22 18.4553 22 19.9517 21.0123L12 13.0607Z"/></g></svg>
</template>

CSS

.icon-streets-bold {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3.46447%203.46447C2%204.92893%202%207.28596%202%2012C2%2016.134%202%2018.4553%202.98767%2019.9517L19.9517%202.98766C18.4553%202%2016.134%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447Z%22%2F%3E%3Cpath%20d%3D%22M21.0123%204.04833L13.0607%2012L21.0123%2019.9517C22%2018.4553%2022%2016.134%2022%2012C22%207.866%2022%205.54466%2021.0123%204.04833Z%22%2F%3E%3Cpath%20d%3D%22M12%2013.0607L4.04833%2021.0123C5.54466%2022%207.866%2022%2012%2022C16.134%2022%2018.4553%2022%2019.9517%2021.0123L12%2013.0607Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3.46447%203.46447C2%204.92893%202%207.28596%202%2012C2%2016.134%202%2018.4553%202.98767%2019.9517L19.9517%202.98766C18.4553%202%2016.134%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447Z%22%2F%3E%3Cpath%20d%3D%22M21.0123%204.04833L13.0607%2012L21.0123%2019.9517C22%2018.4553%2022%2016.134%2022%2012C22%207.866%2022%205.54466%2021.0123%204.04833Z%22%2F%3E%3Cpath%20d%3D%22M12%2013.0607L4.04833%2021.0123C5.54466%2022%207.866%2022%2012%2022C16.134%2022%2018.4553%2022%2019.9517%2021.0123L12%2013.0607Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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