Skip to content
Ikions

Area icon

A polygon with corner points for measuring or drawing an area on a map.

Area icon, outline24px × 4
16
20
24
32
48
Size
px
Colour
1.75

Use it in your project

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
  <path d="m4 9.5 6.5-5.75L20 7l-1.75 11.25L7 19.75Z"/>
  <circle cx="4" cy="9.5" r="1.5" fill="currentColor" stroke="none"/>
  <circle cx="10.5" cy="3.75" r="1.5" fill="currentColor" stroke="none"/>
  <circle cx="20" cy="7" r="1.5" fill="currentColor" stroke="none"/>
  <circle cx="18.25" cy="18.25" r="1.5" fill="currentColor" stroke="none"/>
  <circle cx="7" cy="19.75" r="1.5" fill="currentColor" stroke="none"/>
</svg>

Icon details

Name
area
Component
AreaIcon
Category
Maps & Navigation
Variants
Outline, Filled
Added in
v0.2.0
Files
@ikions/icons/outline/area.svg
@ikions/icons/filled/area.svg

Also known as

  • map-area
  • polygon-area

Tags