anchor icon

anchor from Font Awesome Solid by Dave Gandy · Solid · Maps · CC-BY-4.0 Attribution required.

Name
anchor
Set
Font Awesome Solid
Style
Solid
Category
Maps
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

anchorBoxIcons v2anchorCarbonanchorEmoji One (Colored)anchorFont Awesome 6 SolidanchorFeather IconsanchorFluent EmojianchorFluent Emoji FlatanchorFluent Emoji High ContrastanchorFirefox OS Emojianchorcss.gganchorHuge IconsanchorIconParkanchorIconPark OutlineanchorIconPark SolidanchorIconPark TwoToneanchorJam IconsanchorLine AwesomeanchorLucideanchorMaterial SymbolsanchorMaterial Symbols LightanchorMaterial Design Iconsanchor-fillMingCute IconanchorMyna UI IconsanchorNoto Emoji

More maps icons from Font Awesome Solid

bombbookmarkdirectionsfighter-jetgavelhelicopterlife-ringmagnetmalemap-markermap-marker-altmap-pinnewspaperparkingplaneplane-slashrestroomroadrocketshipshopping-bagshopping-basketshopping-cartsnowplow

Use the anchor icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 128c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32m-96 32c0-53 43-96 96-96s96 43 96 96c0 41.8-26.7 77.4-64 90.5v257.9c62.9-14.3 110.2-69.7 111.9-136.5L447.8 386c-10 8.7-25.1 7.7-33.9-2.3s-7.7-25.1 2.3-33.9l64-56c9-7.9 22.6-7.9 31.6 0l64 56c10 8.7 11 23.9 2.3 33.9s-23.9 11-33.9 2.3L528 371.9C525.9 485 433.6 576 320 576s-205.9-91-208-204.1l-16.2 14.2c-10 8.7-25.1 7.7-33.9-2.3s-7.7-25.1 2.3-33.9l64-56c9-7.9 22.6-7.9 31.6 0l64 56c10 8.7 11 23.9 2.3 33.9s-23.9 11-33.9 2.3L176.1 372c1.8 66.8 49.1 122.2 111.9 136.5V250.6c-37.3-13.2-64-48.7-64-90.5z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidAnchor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 128c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32m-96 32c0-53 43-96 96-96s96 43 96 96c0 41.8-26.7 77.4-64 90.5v257.9c62.9-14.3 110.2-69.7 111.9-136.5L447.8 386c-10 8.7-25.1 7.7-33.9-2.3s-7.7-25.1 2.3-33.9l64-56c9-7.9 22.6-7.9 31.6 0l64 56c10 8.7 11 23.9 2.3 33.9s-23.9 11-33.9 2.3L528 371.9C525.9 485 433.6 576 320 576s-205.9-91-208-204.1l-16.2 14.2c-10 8.7-25.1 7.7-33.9-2.3s-7.7-25.1 2.3-33.9l64-56c9-7.9 22.6-7.9 31.6 0l64 56c10 8.7 11 23.9 2.3 33.9s-23.9 11-33.9 2.3L176.1 372c1.8 66.8 49.1 122.2 111.9 136.5V250.6c-37.3-13.2-64-48.7-64-90.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 128c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32m-96 32c0-53 43-96 96-96s96 43 96 96c0 41.8-26.7 77.4-64 90.5v257.9c62.9-14.3 110.2-69.7 111.9-136.5L447.8 386c-10 8.7-25.1 7.7-33.9-2.3s-7.7-25.1 2.3-33.9l64-56c9-7.9 22.6-7.9 31.6 0l64 56c10 8.7 11 23.9 2.3 33.9s-23.9 11-33.9 2.3L528 371.9C525.9 485 433.6 576 320 576s-205.9-91-208-204.1l-16.2 14.2c-10 8.7-25.1 7.7-33.9-2.3s-7.7-25.1 2.3-33.9l64-56c9-7.9 22.6-7.9 31.6 0l64 56c10 8.7 11 23.9 2.3 33.9s-23.9 11-33.9 2.3L176.1 372c1.8 66.8 49.1 122.2 111.9 136.5V250.6c-37.3-13.2-64-48.7-64-90.5z"/></svg>
</template>

CSS

.icon-anchor {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20128c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32s-14.3-32-32-32m-96%2032c0-53%2043-96%2096-96s96%2043%2096%2096c0%2041.8-26.7%2077.4-64%2090.5v257.9c62.9-14.3%20110.2-69.7%20111.9-136.5L447.8%20386c-10%208.7-25.1%207.7-33.9-2.3s-7.7-25.1%202.3-33.9l64-56c9-7.9%2022.6-7.9%2031.6%200l64%2056c10%208.7%2011%2023.9%202.3%2033.9s-23.9%2011-33.9%202.3L528%20371.9C525.9%20485%20433.6%20576%20320%20576s-205.9-91-208-204.1l-16.2%2014.2c-10%208.7-25.1%207.7-33.9-2.3s-7.7-25.1%202.3-33.9l64-56c9-7.9%2022.6-7.9%2031.6%200l64%2056c10%208.7%2011%2023.9%202.3%2033.9s-23.9%2011-33.9%202.3L176.1%20372c1.8%2066.8%2049.1%20122.2%20111.9%20136.5V250.6c-37.3-13.2-64-48.7-64-90.5z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20128c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32s-14.3-32-32-32m-96%2032c0-53%2043-96%2096-96s96%2043%2096%2096c0%2041.8-26.7%2077.4-64%2090.5v257.9c62.9-14.3%20110.2-69.7%20111.9-136.5L447.8%20386c-10%208.7-25.1%207.7-33.9-2.3s-7.7-25.1%202.3-33.9l64-56c9-7.9%2022.6-7.9%2031.6%200l64%2056c10%208.7%2011%2023.9%202.3%2033.9s-23.9%2011-33.9%202.3L528%20371.9C525.9%20485%20433.6%20576%20320%20576s-205.9-91-208-204.1l-16.2%2014.2c-10%208.7-25.1%207.7-33.9-2.3s-7.7-25.1%202.3-33.9l64-56c9-7.9%2022.6-7.9%2031.6%200l64%2056c10%208.7%2011%2023.9%202.3%2033.9s-23.9%2011-33.9%202.3L176.1%20372c1.8%2066.8%2049.1%20122.2%20111.9%20136.5V250.6c-37.3-13.2-64-48.7-64-90.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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