Anchor icon

fa:anchor

The Anchor icon (fa:anchor) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1792 × 1792 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Font Awesome 4
Author: Dave Gandy
License: OFL-1.1
Size: 1792 × 1792

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" viewBox="0 0 1792 1792"><path fill="currentColor" d="M960 256q0-26-19-45t-45-19t-45 19t-19 45t19 45t45 19t45-19t19-45m832 928v352q0 22-20 30q-8 2-12 2q-12 0-23-9l-93-93q-119 143-318.5 226.5T896 1776t-429.5-83.5T148 1466l-93 93q-9 9-23 9q-4 0-12-2q-20-8-20-30v-352q0-14 9-23t23-9h352q22 0 30 20q8 19-7 35l-100 100q67 91 189.5 153.5T768 1543V896H576q-26 0-45-19t-19-45V704q0-26 19-45t45-19h192V477q-58-34-93-92.5T640 256q0-106 75-181T896 0t181 75t75 181q0 70-35 128.5t-93 92.5v163h192q26 0 45 19t19 45v128q0 26-19 45t-45 19h-192v647q149-20 271.5-82.5T1485 1307l-100-100q-15-16-7-35q8-20 30-20h352q14 0 23 9t9 23"/></svg>

How to use the Anchor icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa:anchor" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa:anchor" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa:anchor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--anchor]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:anchor"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:anchor"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/anchor.svg" alt="Anchor icon" width="24" height="24">

Anchor icon in other icon sets

Anchor icon FAQ

Is the Anchor icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Anchor icon in React?

Install @iconify/react and render <Icon icon="fa:anchor" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Anchor icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/anchor.svg" alt="Anchor icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →