anchor point icon

anchor-point from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
anchor-point
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Use the anchor point icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M19 12a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0ZM2 12a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M13.707 10.293C13.414 10 12.943 10 12 10s-1.414 0-1.707.293m3.414 0C14 10.586 14 11.057 14 12s0 1.414-.293 1.707m0-3.414q0 0 0 0m-3.414 0C10 10.586 10 11.057 10 12s0 1.414.293 1.707m0-3.414q0 0 0 0m0 3.414C10.586 14 11.057 14 12 14s1.414 0 1.707-.293m-3.414 0q0 0 0 0m3.414 0q0 0 0 0m7-11.414C20.414 2 19.943 2 19 2s-1.414 0-1.707.293m3.414 0C21 2.586 21 3.057 21 4s0 1.414-.293 1.707m0-3.414q0 0 0 0m-3.414 0C17 2.586 17 3.057 17 4s0 1.414.293 1.707m0-3.414q0 0 0 0m0 3.414C17.586 6 18.057 6 19 6s1.414 0 1.707-.293m-3.414 0q0 0 0 0m3.414 0q0 0 0 0m-14 12.586C6.414 18 5.943 18 5 18s-1.414 0-1.707.293m3.414 0C7 18.586 7 19.057 7 20s0 1.414-.293 1.707m0-3.414q0 0 0 0m-3.414 0C3 18.586 3 19.057 3 20s0 1.414.293 1.707m0-3.414q0 0 0 0m0 3.414C3.586 22 4.057 22 5 22s1.414 0 1.707-.293m-3.414 0q0 0 0 0m3.414 0q0 0 0 0M5 12h5m4 0h5m-7-2c0-2 .833-6 5-6m-5 10c0 2-.833 6-5 6"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsAnchorPoint(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M19 12a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0ZM2 12a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M13.707 10.293C13.414 10 12.943 10 12 10s-1.414 0-1.707.293m3.414 0C14 10.586 14 11.057 14 12s0 1.414-.293 1.707m0-3.414q0 0 0 0m-3.414 0C10 10.586 10 11.057 10 12s0 1.414.293 1.707m0-3.414q0 0 0 0m0 3.414C10.586 14 11.057 14 12 14s1.414 0 1.707-.293m-3.414 0q0 0 0 0m3.414 0q0 0 0 0m7-11.414C20.414 2 19.943 2 19 2s-1.414 0-1.707.293m3.414 0C21 2.586 21 3.057 21 4s0 1.414-.293 1.707m0-3.414q0 0 0 0m-3.414 0C17 2.586 17 3.057 17 4s0 1.414.293 1.707m0-3.414q0 0 0 0m0 3.414C17.586 6 18.057 6 19 6s1.414 0 1.707-.293m-3.414 0q0 0 0 0m3.414 0q0 0 0 0m-14 12.586C6.414 18 5.943 18 5 18s-1.414 0-1.707.293m3.414 0C7 18.586 7 19.057 7 20s0 1.414-.293 1.707m0-3.414q0 0 0 0m-3.414 0C3 18.586 3 19.057 3 20s0 1.414.293 1.707m0-3.414q0 0 0 0m0 3.414C3.586 22 4.057 22 5 22s1.414 0 1.707-.293m-3.414 0q0 0 0 0m3.414 0q0 0 0 0M5 12h5m4 0h5m-7-2c0-2 .833-6 5-6m-5 10c0 2-.833 6-5 6"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M19 12a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0ZM2 12a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M13.707 10.293C13.414 10 12.943 10 12 10s-1.414 0-1.707.293m3.414 0C14 10.586 14 11.057 14 12s0 1.414-.293 1.707m0-3.414q0 0 0 0m-3.414 0C10 10.586 10 11.057 10 12s0 1.414.293 1.707m0-3.414q0 0 0 0m0 3.414C10.586 14 11.057 14 12 14s1.414 0 1.707-.293m-3.414 0q0 0 0 0m3.414 0q0 0 0 0m7-11.414C20.414 2 19.943 2 19 2s-1.414 0-1.707.293m3.414 0C21 2.586 21 3.057 21 4s0 1.414-.293 1.707m0-3.414q0 0 0 0m-3.414 0C17 2.586 17 3.057 17 4s0 1.414.293 1.707m0-3.414q0 0 0 0m0 3.414C17.586 6 18.057 6 19 6s1.414 0 1.707-.293m-3.414 0q0 0 0 0m3.414 0q0 0 0 0m-14 12.586C6.414 18 5.943 18 5 18s-1.414 0-1.707.293m3.414 0C7 18.586 7 19.057 7 20s0 1.414-.293 1.707m0-3.414q0 0 0 0m-3.414 0C3 18.586 3 19.057 3 20s0 1.414.293 1.707m0-3.414q0 0 0 0m0 3.414C3.586 22 4.057 22 5 22s1.414 0 1.707-.293m-3.414 0q0 0 0 0m3.414 0q0 0 0 0M5 12h5m4 0h5m-7-2c0-2 .833-6 5-6m-5 10c0 2-.833 6-5 6"/></g></svg>
</template>

CSS

.icon-anchor-point {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M19%2012a1.5%201.5%200%201%201%203%200a1.5%201.5%200%200%201-3%200ZM2%2012a1.5%201.5%200%201%201%203%200a1.5%201.5%200%200%201-3%200Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.707%2010.293C13.414%2010%2012.943%2010%2012%2010s-1.414%200-1.707.293m3.414%200C14%2010.586%2014%2011.057%2014%2012s0%201.414-.293%201.707m0-3.414q0%200%200%200m-3.414%200C10%2010.586%2010%2011.057%2010%2012s0%201.414.293%201.707m0-3.414q0%200%200%200m0%203.414C10.586%2014%2011.057%2014%2012%2014s1.414%200%201.707-.293m-3.414%200q0%200%200%200m3.414%200q0%200%200%200m7-11.414C20.414%202%2019.943%202%2019%202s-1.414%200-1.707.293m3.414%200C21%202.586%2021%203.057%2021%204s0%201.414-.293%201.707m0-3.414q0%200%200%200m-3.414%200C17%202.586%2017%203.057%2017%204s0%201.414.293%201.707m0-3.414q0%200%200%200m0%203.414C17.586%206%2018.057%206%2019%206s1.414%200%201.707-.293m-3.414%200q0%200%200%200m3.414%200q0%200%200%200m-14%2012.586C6.414%2018%205.943%2018%205%2018s-1.414%200-1.707.293m3.414%200C7%2018.586%207%2019.057%207%2020s0%201.414-.293%201.707m0-3.414q0%200%200%200m-3.414%200C3%2018.586%203%2019.057%203%2020s0%201.414.293%201.707m0-3.414q0%200%200%200m0%203.414C3.586%2022%204.057%2022%205%2022s1.414%200%201.707-.293m-3.414%200q0%200%200%200m3.414%200q0%200%200%200M5%2012h5m4%200h5m-7-2c0-2%20.833-6%205-6m-5%2010c0%202-.833%206-5%206%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M19%2012a1.5%201.5%200%201%201%203%200a1.5%201.5%200%200%201-3%200ZM2%2012a1.5%201.5%200%201%201%203%200a1.5%201.5%200%200%201-3%200Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.707%2010.293C13.414%2010%2012.943%2010%2012%2010s-1.414%200-1.707.293m3.414%200C14%2010.586%2014%2011.057%2014%2012s0%201.414-.293%201.707m0-3.414q0%200%200%200m-3.414%200C10%2010.586%2010%2011.057%2010%2012s0%201.414.293%201.707m0-3.414q0%200%200%200m0%203.414C10.586%2014%2011.057%2014%2012%2014s1.414%200%201.707-.293m-3.414%200q0%200%200%200m3.414%200q0%200%200%200m7-11.414C20.414%202%2019.943%202%2019%202s-1.414%200-1.707.293m3.414%200C21%202.586%2021%203.057%2021%204s0%201.414-.293%201.707m0-3.414q0%200%200%200m-3.414%200C17%202.586%2017%203.057%2017%204s0%201.414.293%201.707m0-3.414q0%200%200%200m0%203.414C17.586%206%2018.057%206%2019%206s1.414%200%201.707-.293m-3.414%200q0%200%200%200m3.414%200q0%200%200%200m-14%2012.586C6.414%2018%205.943%2018%205%2018s-1.414%200-1.707.293m3.414%200C7%2018.586%207%2019.057%207%2020s0%201.414-.293%201.707m0-3.414q0%200%200%200m-3.414%200C3%2018.586%203%2019.057%203%2020s0%201.414.293%201.707m0-3.414q0%200%200%200m0%203.414C3.586%2022%204.057%2022%205%2022s1.414%200%201.707-.293m-3.414%200q0%200%200%200m3.414%200q0%200%200%200M5%2012h5m4%200h5m-7-2c0-2%20.833-6%205-6m-5%2010c0%202-.833%206-5%206%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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