location selected icon

location-selected-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: location-selected-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

Related icons in Myna UI Icons

location-check location-edit location-home location-minus location-plus location-slash location-snooze location-user location-x

Use the location selected icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.835 16.33a.75.75 0 0 1 .336 1.005L5.714 20.25h12.573l-1.458-2.915a.75.75 0 1 1 1.342-.67l2 4a.75.75 0 0 1-.671 1.085h-15a.75.75 0 0 1-.67-1.085l2-4a.75.75 0 0 1 1.005-.336M10.75 9a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0"/><path d="M12 2.25a6.65 6.65 0 0 0-4.675 1.913c-1.12 1.107-1.71 2.35-1.866 3.647c-.154 1.283.123 2.564.642 3.756c1.032 2.368 3.076 4.513 5.028 5.905a1.5 1.5 0 0 0 1.742 0c1.953-1.392 3.996-3.537 5.028-5.905c.52-1.192.796-2.473.642-3.756c-.156-1.296-.745-2.54-1.866-3.647A6.66 6.66 0 0 0 12 2.25m0 4a2.75 2.75 0 1 1 0 5.5a2.75 2.75 0 0 1 0-5.5"/></g></svg>

React

import type { SVGProps } from "react";

export function MynauiLocationSelectedSolid(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="M6.835 16.33a.75.75 0 0 1 .336 1.005L5.714 20.25h12.573l-1.458-2.915a.75.75 0 1 1 1.342-.67l2 4a.75.75 0 0 1-.671 1.085h-15a.75.75 0 0 1-.67-1.085l2-4a.75.75 0 0 1 1.005-.336M10.75 9a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0"/><path d="M12 2.25a6.65 6.65 0 0 0-4.675 1.913c-1.12 1.107-1.71 2.35-1.866 3.647c-.154 1.283.123 2.564.642 3.756c1.032 2.368 3.076 4.513 5.028 5.905a1.5 1.5 0 0 0 1.742 0c1.953-1.392 3.996-3.537 5.028-5.905c.52-1.192.796-2.473.642-3.756c-.156-1.296-.745-2.54-1.866-3.647A6.66 6.66 0 0 0 12 2.25m0 4a2.75 2.75 0 1 1 0 5.5a2.75 2.75 0 0 1 0-5.5"/></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="M6.835 16.33a.75.75 0 0 1 .336 1.005L5.714 20.25h12.573l-1.458-2.915a.75.75 0 1 1 1.342-.67l2 4a.75.75 0 0 1-.671 1.085h-15a.75.75 0 0 1-.67-1.085l2-4a.75.75 0 0 1 1.005-.336M10.75 9a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0"/><path d="M12 2.25a6.65 6.65 0 0 0-4.675 1.913c-1.12 1.107-1.71 2.35-1.866 3.647c-.154 1.283.123 2.564.642 3.756c1.032 2.368 3.076 4.513 5.028 5.905a1.5 1.5 0 0 0 1.742 0c1.953-1.392 3.996-3.537 5.028-5.905c.52-1.192.796-2.473.642-3.756c-.156-1.296-.745-2.54-1.866-3.647A6.66 6.66 0 0 0 12 2.25m0 4a2.75 2.75 0 1 1 0 5.5a2.75 2.75 0 0 1 0-5.5"/></g></svg>
</template>

CSS

.icon-location-selected-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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.835%2016.33a.75.75%200%200%201%20.336%201.005L5.714%2020.25h12.573l-1.458-2.915a.75.75%200%201%201%201.342-.67l2%204a.75.75%200%200%201-.671%201.085h-15a.75.75%200%200%201-.67-1.085l2-4a.75.75%200%200%201%201.005-.336M10.75%209a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200%22%2F%3E%3Cpath%20d%3D%22M12%202.25a6.65%206.65%200%200%200-4.675%201.913c-1.12%201.107-1.71%202.35-1.866%203.647c-.154%201.283.123%202.564.642%203.756c1.032%202.368%203.076%204.513%205.028%205.905a1.5%201.5%200%200%200%201.742%200c1.953-1.392%203.996-3.537%205.028-5.905c.52-1.192.796-2.473.642-3.756c-.156-1.296-.745-2.54-1.866-3.647A6.66%206.66%200%200%200%2012%202.25m0%204a2.75%202.75%200%201%201%200%205.5a2.75%202.75%200%200%201%200-5.5%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%22M6.835%2016.33a.75.75%200%200%201%20.336%201.005L5.714%2020.25h12.573l-1.458-2.915a.75.75%200%201%201%201.342-.67l2%204a.75.75%200%200%201-.671%201.085h-15a.75.75%200%200%201-.67-1.085l2-4a.75.75%200%200%201%201.005-.336M10.75%209a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200%22%2F%3E%3Cpath%20d%3D%22M12%202.25a6.65%206.65%200%200%200-4.675%201.913c-1.12%201.107-1.71%202.35-1.866%203.647c-.154%201.283.123%202.564.642%203.756c1.032%202.368%203.076%204.513%205.028%205.905a1.5%201.5%200%200%200%201.742%200c1.953-1.392%203.996-3.537%205.028-5.905c.52-1.192.796-2.473.642-3.756c-.156-1.296-.745-2.54-1.866-3.647A6.66%206.66%200%200%200%2012%202.25m0%204a2.75%202.75%200%201%201%200%205.5a2.75%202.75%200%200%201%200-5.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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