map point wave icon

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

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

5 other variants in Solar

map-point-wave-bold-duotonemap-point-wave-brokenmap-point-wave-line-duotonemap-point-wave-linearmap-point-wave-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-boldpeople-nearby-boldpoint-on-map-bold

Use the map point wave icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22.0003C17.5228 22.0003 22 19.9856 22 17.5003C22 16.2337 20.837 15.0892 18.9654 14.2715C17.8233 16.3673 16.0817 18.1738 13.8695 19.1192C12.6804 19.6274 11.3196 19.6274 10.1305 19.1192C7.91828 18.1738 6.17666 16.3673 5.03458 14.2715C3.16295 15.0892 2 16.2337 2 17.5003C2 19.9856 6.47715 22.0003 12 22.0003Z"/><path fill-rule="evenodd" d="M5 8.51464C5 4.9167 8.13401 2 12 2C15.866 2 19 4.9167 19 8.51464C19 12.0844 16.7658 16.2499 13.2801 17.7396C12.4675 18.0868 11.5325 18.0868 10.7199 17.7396C7.23416 16.2499 5 12.0844 5 8.51464ZM12 11C13.1046 11 14 10.1046 14 9C14 7.89543 13.1046 7 12 7C10.8954 7 10 7.89543 10 9C10 10.1046 10.8954 11 12 11Z" clip-rule="evenodd"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarMapPointWaveBold(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="M12 22.0003C17.5228 22.0003 22 19.9856 22 17.5003C22 16.2337 20.837 15.0892 18.9654 14.2715C17.8233 16.3673 16.0817 18.1738 13.8695 19.1192C12.6804 19.6274 11.3196 19.6274 10.1305 19.1192C7.91828 18.1738 6.17666 16.3673 5.03458 14.2715C3.16295 15.0892 2 16.2337 2 17.5003C2 19.9856 6.47715 22.0003 12 22.0003Z"/><path fillRule="evenodd" d="M5 8.51464C5 4.9167 8.13401 2 12 2C15.866 2 19 4.9167 19 8.51464C19 12.0844 16.7658 16.2499 13.2801 17.7396C12.4675 18.0868 11.5325 18.0868 10.7199 17.7396C7.23416 16.2499 5 12.0844 5 8.51464ZM12 11C13.1046 11 14 10.1046 14 9C14 7.89543 13.1046 7 12 7C10.8954 7 10 7.89543 10 9C10 10.1046 10.8954 11 12 11Z" clipRule="evenodd"/></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="M12 22.0003C17.5228 22.0003 22 19.9856 22 17.5003C22 16.2337 20.837 15.0892 18.9654 14.2715C17.8233 16.3673 16.0817 18.1738 13.8695 19.1192C12.6804 19.6274 11.3196 19.6274 10.1305 19.1192C7.91828 18.1738 6.17666 16.3673 5.03458 14.2715C3.16295 15.0892 2 16.2337 2 17.5003C2 19.9856 6.47715 22.0003 12 22.0003Z"/><path fill-rule="evenodd" d="M5 8.51464C5 4.9167 8.13401 2 12 2C15.866 2 19 4.9167 19 8.51464C19 12.0844 16.7658 16.2499 13.2801 17.7396C12.4675 18.0868 11.5325 18.0868 10.7199 17.7396C7.23416 16.2499 5 12.0844 5 8.51464ZM12 11C13.1046 11 14 10.1046 14 9C14 7.89543 13.1046 7 12 7C10.8954 7 10 7.89543 10 9C10 10.1046 10.8954 11 12 11Z" clip-rule="evenodd"/></g></svg>
</template>

CSS

.icon-map-point-wave-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%22M12%2022.0003C17.5228%2022.0003%2022%2019.9856%2022%2017.5003C22%2016.2337%2020.837%2015.0892%2018.9654%2014.2715C17.8233%2016.3673%2016.0817%2018.1738%2013.8695%2019.1192C12.6804%2019.6274%2011.3196%2019.6274%2010.1305%2019.1192C7.91828%2018.1738%206.17666%2016.3673%205.03458%2014.2715C3.16295%2015.0892%202%2016.2337%202%2017.5003C2%2019.9856%206.47715%2022.0003%2012%2022.0003Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%208.51464C5%204.9167%208.13401%202%2012%202C15.866%202%2019%204.9167%2019%208.51464C19%2012.0844%2016.7658%2016.2499%2013.2801%2017.7396C12.4675%2018.0868%2011.5325%2018.0868%2010.7199%2017.7396C7.23416%2016.2499%205%2012.0844%205%208.51464ZM12%2011C13.1046%2011%2014%2010.1046%2014%209C14%207.89543%2013.1046%207%2012%207C10.8954%207%2010%207.89543%2010%209C10%2010.1046%2010.8954%2011%2012%2011Z%22%20clip-rule%3D%22evenodd%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%22M12%2022.0003C17.5228%2022.0003%2022%2019.9856%2022%2017.5003C22%2016.2337%2020.837%2015.0892%2018.9654%2014.2715C17.8233%2016.3673%2016.0817%2018.1738%2013.8695%2019.1192C12.6804%2019.6274%2011.3196%2019.6274%2010.1305%2019.1192C7.91828%2018.1738%206.17666%2016.3673%205.03458%2014.2715C3.16295%2015.0892%202%2016.2337%202%2017.5003C2%2019.9856%206.47715%2022.0003%2012%2022.0003Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%208.51464C5%204.9167%208.13401%202%2012%202C15.866%202%2019%204.9167%2019%208.51464C19%2012.0844%2016.7658%2016.2499%2013.2801%2017.7396C12.4675%2018.0868%2011.5325%2018.0868%2010.7199%2017.7396C7.23416%2016.2499%205%2012.0844%205%208.51464ZM12%2011C13.1046%2011%2014%2010.1046%2014%209C14%207.89543%2013.1046%207%2012%207C10.8954%207%2010%207.89543%2010%209C10%2010.1046%2010.8954%2011%2012%2011Z%22%20clip-rule%3D%22evenodd%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/map-point-wave-bold.svg?color=%231a73e8&size=48