anchor from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
anchor
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

The same logo in other sets

Use the anchor logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.214 8.166S22.209 7.69 21.164 8c-.782.23-1.638.824-2.125 2.055c-.939 2.363-.126 6.484-.444 6.484s-1.319-3.797-2.658-7.752c-1.34-3.954-2.497-8.061-4.588-7.73c-1.854.293-1.279 4.976-.553 9.362c.658 3.976 1.419 7.698.984 7.698c-.777.001-3.326-10.988-5.939-10.57c-2.613.416.753 12.525.046 12.548c-.581.019-2.006-7.37-4.121-7.031c-1.602.257-.175 6.006-.109 7.61c.016.402.141 1.157-.461 1.157H0v1.118h1.958c.402-.02.72-.174.881-.57c.544-1.342-.884-7.042-.55-7.084c.23-.028.725 1.707 1.416 3.67c.69 1.963 1.383 3.995 2.696 3.995c2.83 0-.057-11.121.504-11.121c.297 0 1.106 2.26 1.995 4.738c1.089 3.028 2.416 6.387 4.018 6.387c1.912 0 1.29-4.338.698-8.495c-.513-3.598-1.114-6.978-.793-6.978c.721 0 3.447 15.467 6.72 15.467c1.64 0 1.658-3.233 1.658-6.72c0-2.448-.204-4.68 1.331-5.217c.73-.254 1.468.198 1.468.198Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsAnchor(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="M23.214 8.166S22.209 7.69 21.164 8c-.782.23-1.638.824-2.125 2.055c-.939 2.363-.126 6.484-.444 6.484s-1.319-3.797-2.658-7.752c-1.34-3.954-2.497-8.061-4.588-7.73c-1.854.293-1.279 4.976-.553 9.362c.658 3.976 1.419 7.698.984 7.698c-.777.001-3.326-10.988-5.939-10.57c-2.613.416.753 12.525.046 12.548c-.581.019-2.006-7.37-4.121-7.031c-1.602.257-.175 6.006-.109 7.61c.016.402.141 1.157-.461 1.157H0v1.118h1.958c.402-.02.72-.174.881-.57c.544-1.342-.884-7.042-.55-7.084c.23-.028.725 1.707 1.416 3.67c.69 1.963 1.383 3.995 2.696 3.995c2.83 0-.057-11.121.504-11.121c.297 0 1.106 2.26 1.995 4.738c1.089 3.028 2.416 6.387 4.018 6.387c1.912 0 1.29-4.338.698-8.495c-.513-3.598-1.114-6.978-.793-6.978c.721 0 3.447 15.467 6.72 15.467c1.64 0 1.658-3.233 1.658-6.72c0-2.448-.204-4.68 1.331-5.217c.73-.254 1.468.198 1.468.198Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.214 8.166S22.209 7.69 21.164 8c-.782.23-1.638.824-2.125 2.055c-.939 2.363-.126 6.484-.444 6.484s-1.319-3.797-2.658-7.752c-1.34-3.954-2.497-8.061-4.588-7.73c-1.854.293-1.279 4.976-.553 9.362c.658 3.976 1.419 7.698.984 7.698c-.777.001-3.326-10.988-5.939-10.57c-2.613.416.753 12.525.046 12.548c-.581.019-2.006-7.37-4.121-7.031c-1.602.257-.175 6.006-.109 7.61c.016.402.141 1.157-.461 1.157H0v1.118h1.958c.402-.02.72-.174.881-.57c.544-1.342-.884-7.042-.55-7.084c.23-.028.725 1.707 1.416 3.67c.69 1.963 1.383 3.995 2.696 3.995c2.83 0-.057-11.121.504-11.121c.297 0 1.106 2.26 1.995 4.738c1.089 3.028 2.416 6.387 4.018 6.387c1.912 0 1.29-4.338.698-8.495c-.513-3.598-1.114-6.978-.793-6.978c.721 0 3.447 15.467 6.72 15.467c1.64 0 1.658-3.233 1.658-6.72c0-2.448-.204-4.68 1.331-5.217c.73-.254 1.468.198 1.468.198Z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.214%208.166S22.209%207.69%2021.164%208c-.782.23-1.638.824-2.125%202.055c-.939%202.363-.126%206.484-.444%206.484s-1.319-3.797-2.658-7.752c-1.34-3.954-2.497-8.061-4.588-7.73c-1.854.293-1.279%204.976-.553%209.362c.658%203.976%201.419%207.698.984%207.698c-.777.001-3.326-10.988-5.939-10.57c-2.613.416.753%2012.525.046%2012.548c-.581.019-2.006-7.37-4.121-7.031c-1.602.257-.175%206.006-.109%207.61c.016.402.141%201.157-.461%201.157H0v1.118h1.958c.402-.02.72-.174.881-.57c.544-1.342-.884-7.042-.55-7.084c.23-.028.725%201.707%201.416%203.67c.69%201.963%201.383%203.995%202.696%203.995c2.83%200-.057-11.121.504-11.121c.297%200%201.106%202.26%201.995%204.738c1.089%203.028%202.416%206.387%204.018%206.387c1.912%200%201.29-4.338.698-8.495c-.513-3.598-1.114-6.978-.793-6.978c.721%200%203.447%2015.467%206.72%2015.467c1.64%200%201.658-3.233%201.658-6.72c0-2.448-.204-4.68%201.331-5.217c.73-.254%201.468.198%201.468.198Z%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%22M23.214%208.166S22.209%207.69%2021.164%208c-.782.23-1.638.824-2.125%202.055c-.939%202.363-.126%206.484-.444%206.484s-1.319-3.797-2.658-7.752c-1.34-3.954-2.497-8.061-4.588-7.73c-1.854.293-1.279%204.976-.553%209.362c.658%203.976%201.419%207.698.984%207.698c-.777.001-3.326-10.988-5.939-10.57c-2.613.416.753%2012.525.046%2012.548c-.581.019-2.006-7.37-4.121-7.031c-1.602.257-.175%206.006-.109%207.61c.016.402.141%201.157-.461%201.157H0v1.118h1.958c.402-.02.72-.174.881-.57c.544-1.342-.884-7.042-.55-7.084c.23-.028.725%201.707%201.416%203.67c.69%201.963%201.383%203.995%202.696%203.995c2.83%200-.057-11.121.504-11.121c.297%200%201.106%202.26%201.995%204.738c1.089%203.028%202.416%206.387%204.018%206.387c1.912%200%201.29-4.338.698-8.495c-.513-3.598-1.114-6.978-.793-6.978c.721%200%203.447%2015.467%206.72%2015.467c1.64%200%201.658-3.233%201.658-6.72c0-2.448-.204-4.68%201.331-5.217c.73-.254%201.468.198%201.468.198Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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