heroicons + sidekickicons
All icons

Anchor icon

anchor

A ship's anchor, for sailing, boats, marinas and anchor links.

Component
AnchorIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
ship, boat, sailing, marine, harbor, harbour, port, nautical, anchor link

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 5.25a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0Zm1.5 1.5v13.5M8.25 9.75h7.5M4.248 14.822a8.25 8.25 0 0 0 15.504 0M3.496 16.943l.752-2.121 2.12.751m11.264 0 2.12-.751.752 2.121" />
</svg>

Download

anchor icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Anchor icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Docked Docked

Badges · Micro

History

  1. Added in Sidekickicons 0.20.0 .

More Sidekickicons