anchor icon
anchor-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- anchor-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
anchorBoxIcons v2anchorCarbonanchorEmoji One (Colored)anchorFont Awesome 6 SolidanchorFont Awesome SolidanchorFeather IconsanchorFluent EmojianchorFluent Emoji FlatanchorFluent Emoji High ContrastanchorFirefox OS Emojianchorcss.gganchorHuge IconsanchorIconParkanchorIconPark OutlineanchorIconPark SolidanchorIconPark TwoToneanchorJam IconsanchorLine AwesomeanchorLucideanchorMaterial SymbolsanchorMaterial Symbols LightanchorMaterial Design IconsanchorMyna UI IconsanchorNoto Emoji
Use the anchor icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 12h1.5a1.5 1.5 0 0 0-1.5-1.5zM3 12v-1.5A1.5 1.5 0 0 0 1.5 12zm3 1.5a1.5 1.5 0 0 0 0-3zm12-3a1.5 1.5 0 0 0 0 3zm3 1.5h-1.5a7.5 7.5 0 0 1-7.5 7.5v3c5.799 0 10.5-4.701 10.5-10.5zm-9 9v-1.5A7.5 7.5 0 0 1 4.5 12h-3c0 5.799 4.701 10.5 10.5 10.5zm-9-9v1.5h3v-3H3zm18 0v-1.5h-3v3h3zm-6-6h-1.5A1.5 1.5 0 0 1 12 7.5v3A4.5 4.5 0 0 0 16.5 6zm-3 3V7.5A1.5 1.5 0 0 1 10.5 6h-3a4.5 4.5 0 0 0 4.5 4.5zM9 6h1.5A1.5 1.5 0 0 1 12 4.5v-3A4.5 4.5 0 0 0 7.5 6zm3-3v1.5A1.5 1.5 0 0 1 13.5 6h3A4.5 4.5 0 0 0 12 1.5zm0 6h-1.5v12h3V9z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteAnchorFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 12h1.5a1.5 1.5 0 0 0-1.5-1.5zM3 12v-1.5A1.5 1.5 0 0 0 1.5 12zm3 1.5a1.5 1.5 0 0 0 0-3zm12-3a1.5 1.5 0 0 0 0 3zm3 1.5h-1.5a7.5 7.5 0 0 1-7.5 7.5v3c5.799 0 10.5-4.701 10.5-10.5zm-9 9v-1.5A7.5 7.5 0 0 1 4.5 12h-3c0 5.799 4.701 10.5 10.5 10.5zm-9-9v1.5h3v-3H3zm18 0v-1.5h-3v3h3zm-6-6h-1.5A1.5 1.5 0 0 1 12 7.5v3A4.5 4.5 0 0 0 16.5 6zm-3 3V7.5A1.5 1.5 0 0 1 10.5 6h-3a4.5 4.5 0 0 0 4.5 4.5zM9 6h1.5A1.5 1.5 0 0 1 12 4.5v-3A4.5 4.5 0 0 0 7.5 6zm3-3v1.5A1.5 1.5 0 0 1 13.5 6h3A4.5 4.5 0 0 0 12 1.5zm0 6h-1.5v12h3V9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 12h1.5a1.5 1.5 0 0 0-1.5-1.5zM3 12v-1.5A1.5 1.5 0 0 0 1.5 12zm3 1.5a1.5 1.5 0 0 0 0-3zm12-3a1.5 1.5 0 0 0 0 3zm3 1.5h-1.5a7.5 7.5 0 0 1-7.5 7.5v3c5.799 0 10.5-4.701 10.5-10.5zm-9 9v-1.5A7.5 7.5 0 0 1 4.5 12h-3c0 5.799 4.701 10.5 10.5 10.5zm-9-9v1.5h3v-3H3zm18 0v-1.5h-3v3h3zm-6-6h-1.5A1.5 1.5 0 0 1 12 7.5v3A4.5 4.5 0 0 0 16.5 6zm-3 3V7.5A1.5 1.5 0 0 1 10.5 6h-3a4.5 4.5 0 0 0 4.5 4.5zM9 6h1.5A1.5 1.5 0 0 1 12 4.5v-3A4.5 4.5 0 0 0 7.5 6zm3-3v1.5A1.5 1.5 0 0 1 13.5 6h3A4.5 4.5 0 0 0 12 1.5zm0 6h-1.5v12h3V9z"/></svg> </template>
CSS
.icon-anchor-fill {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2012h1.5a1.5%201.5%200%200%200-1.5-1.5zM3%2012v-1.5A1.5%201.5%200%200%200%201.5%2012zm3%201.5a1.5%201.5%200%200%200%200-3zm12-3a1.5%201.5%200%200%200%200%203zm3%201.5h-1.5a7.5%207.5%200%200%201-7.5%207.5v3c5.799%200%2010.5-4.701%2010.5-10.5zm-9%209v-1.5A7.5%207.5%200%200%201%204.5%2012h-3c0%205.799%204.701%2010.5%2010.5%2010.5zm-9-9v1.5h3v-3H3zm18%200v-1.5h-3v3h3zm-6-6h-1.5A1.5%201.5%200%200%201%2012%207.5v3A4.5%204.5%200%200%200%2016.5%206zm-3%203V7.5A1.5%201.5%200%200%201%2010.5%206h-3a4.5%204.5%200%200%200%204.5%204.5zM9%206h1.5A1.5%201.5%200%200%201%2012%204.5v-3A4.5%204.5%200%200%200%207.5%206zm3-3v1.5A1.5%201.5%200%200%201%2013.5%206h3A4.5%204.5%200%200%200%2012%201.5zm0%206h-1.5v12h3V9z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2012h1.5a1.5%201.5%200%200%200-1.5-1.5zM3%2012v-1.5A1.5%201.5%200%200%200%201.5%2012zm3%201.5a1.5%201.5%200%200%200%200-3zm12-3a1.5%201.5%200%200%200%200%203zm3%201.5h-1.5a7.5%207.5%200%200%201-7.5%207.5v3c5.799%200%2010.5-4.701%2010.5-10.5zm-9%209v-1.5A7.5%207.5%200%200%201%204.5%2012h-3c0%205.799%204.701%2010.5%2010.5%2010.5zm-9-9v1.5h3v-3H3zm18%200v-1.5h-3v3h3zm-6-6h-1.5A1.5%201.5%200%200%201%2012%207.5v3A4.5%204.5%200%200%200%2016.5%206zm-3%203V7.5A1.5%201.5%200%200%201%2010.5%206h-3a4.5%204.5%200%200%200%204.5%204.5zM9%206h1.5A1.5%201.5%200%200%201%2012%204.5v-3A4.5%204.5%200%200%200%207.5%206zm3-3v1.5A1.5%201.5%200%200%201%2013.5%206h3A4.5%204.5%200%200%200%2012%201.5zm0%206h-1.5v12h3V9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/anchor-fill.svg?color=%231a73e8&size=48
