anchor icon
anchor-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- anchor-line
- Set
- MingCute Icon
- Style
- Line
- 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 12h1a1 1 0 0 0-1-1zM3 12v-1a1 1 0 0 0-1 1zm3 1a1 1 0 1 0 0-2zm12-2a1 1 0 1 0 0 2zm3 1h-1a8 8 0 0 1-8 8v2c5.523 0 10-4.477 10-10zm-9 9v-1a8 8 0 0 1-8-8H2c0 5.523 4.477 10 10 10zm-9-9v1h3v-2H3zm18 0v-1h-3v2h3zm-6-6h-1a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-3 3V8a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zM9 6h1a2 2 0 0 1 2-2V2a4 4 0 0 0-4 4zm3-3v1a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm0 6h-1v12h2V9z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteAnchorLine(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 12h1a1 1 0 0 0-1-1zM3 12v-1a1 1 0 0 0-1 1zm3 1a1 1 0 1 0 0-2zm12-2a1 1 0 1 0 0 2zm3 1h-1a8 8 0 0 1-8 8v2c5.523 0 10-4.477 10-10zm-9 9v-1a8 8 0 0 1-8-8H2c0 5.523 4.477 10 10 10zm-9-9v1h3v-2H3zm18 0v-1h-3v2h3zm-6-6h-1a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-3 3V8a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zM9 6h1a2 2 0 0 1 2-2V2a4 4 0 0 0-4 4zm3-3v1a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm0 6h-1v12h2V9z"/></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 12h1a1 1 0 0 0-1-1zM3 12v-1a1 1 0 0 0-1 1zm3 1a1 1 0 1 0 0-2zm12-2a1 1 0 1 0 0 2zm3 1h-1a8 8 0 0 1-8 8v2c5.523 0 10-4.477 10-10zm-9 9v-1a8 8 0 0 1-8-8H2c0 5.523 4.477 10 10 10zm-9-9v1h3v-2H3zm18 0v-1h-3v2h3zm-6-6h-1a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-3 3V8a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zM9 6h1a2 2 0 0 1 2-2V2a4 4 0 0 0-4 4zm3-3v1a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm0 6h-1v12h2V9z"/></svg> </template>
CSS
.icon-anchor-line {
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%2012h1a1%201%200%200%200-1-1zM3%2012v-1a1%201%200%200%200-1%201zm3%201a1%201%200%201%200%200-2zm12-2a1%201%200%201%200%200%202zm3%201h-1a8%208%200%200%201-8%208v2c5.523%200%2010-4.477%2010-10zm-9%209v-1a8%208%200%200%201-8-8H2c0%205.523%204.477%2010%2010%2010zm-9-9v1h3v-2H3zm18%200v-1h-3v2h3zm-6-6h-1a2%202%200%200%201-2%202v2a4%204%200%200%200%204-4zm-3%203V8a2%202%200%200%201-2-2H8a4%204%200%200%200%204%204zM9%206h1a2%202%200%200%201%202-2V2a4%204%200%200%200-4%204zm3-3v1a2%202%200%200%201%202%202h2a4%204%200%200%200-4-4zm0%206h-1v12h2V9z%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%2012h1a1%201%200%200%200-1-1zM3%2012v-1a1%201%200%200%200-1%201zm3%201a1%201%200%201%200%200-2zm12-2a1%201%200%201%200%200%202zm3%201h-1a8%208%200%200%201-8%208v2c5.523%200%2010-4.477%2010-10zm-9%209v-1a8%208%200%200%201-8-8H2c0%205.523%204.477%2010%2010%2010zm-9-9v1h3v-2H3zm18%200v-1h-3v2h3zm-6-6h-1a2%202%200%200%201-2%202v2a4%204%200%200%200%204-4zm-3%203V8a2%202%200%200%201-2-2H8a4%204%200%200%200%204%204zM9%206h1a2%202%200%200%201%202-2V2a4%204%200%200%200-4%204zm3-3v1a2%202%200%200%201%202%202h2a4%204%200%200%200-4-4zm0%206h-1v12h2V9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/anchor-line.svg?color=%231a73e8&size=48
