Color

Advanced editing in SVG Editor

Arcticons

Arc Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: arc

The Arc icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/336558.svg" alt="Arc icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/336558.svg" alt="Arc icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/336558.svg"
  alt="Arc icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-arc {
  background-image: url('https://proicons.com/icon/336558.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="b" d="m45.4734,22.9397c.4409,8.8239-4.6267,17.0077-12.7511,20.592-8.124,3.5836-17.6291,1.8293-23.9172-4.4141C2.5172,32.8738.743,23.4279,4.3408,15.3498,7.9388,7.2717,16.1671,2.2268,25.0449,2.6558"/><path class="b" d="m14.3438,34.573c-3.9096-4.1253-5.1002-10.3665-3.0139-15.7987,2.0863-5.4321,7.0361-8.9787,12.5296-8.9777,5.4935.0009,10.4422,3.5493,12.5269,8.9822,2.0845,5.4328.8919,11.6734-3.0189,15.7972"/><path class="b" d="m19.3398,29.11c-1.8845-1.927-2.4584-4.8424-1.4527-7.3798,1.0056-2.5375,3.3916-4.1942,6.0397-4.1937,2.648.0005,5.0334,1.658,6.0383,4.1957,1.0048,2.5378.43,5.4529-1.4552,7.3792"/></svg>

Arc in other icon packs

ProIcons (ProCode)

SVGL

Simple Icons

Copied!

Arc Icon

More from Arcticons

Arc in other icon packs