Color

Advanced editing in SVG Editor

Arcticons

Phoenix 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: phoenix

The Phoenix 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/345738.svg" alt="Phoenix icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-phoenix {
  background-image: url('https://proicons.com/icon/345738.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="m8.8022,43.498h3.4882c1.8412,0,5.7853-2.7477,5.7853-5.4929v-5.1707"/><path class="b" d="m15.8786,6.7134c5.8864-3.3571,13.4581-2.8571,18.7601,1.2388,5.3019,4.0962,7.1297,10.858,4.5285,16.7532-2.6012,5.8952-9.0406,9.5849-15.9543,9.1418-6.9137-.4435-12.7313-4.9191-14.4139-11.089"/><g><path class="b" d="m15.7376,6.7786s-2.6043-1.8045-5.1066-1.9177c-.2977-.0135-1.9634-.1439-2.9694-.1028"/><path class="b" d="m8.7972,43.5V8.1271s-.0655-2.7625-1.1303-3.3611"/><path class="b" d="m18.4977,19.4908v-7.1497c0-2.4001-1.5939-4.5304-2.7613-5.5712"/></g><ellipse class="b" cx="24.4465" cy="19.104" rx="5.9591" ry="5.8718"/></svg>

Phoenix in other icon packs

Custom Brand Icons Brand

OpenMoji

IcoFont

Copied!

Phoenix Icon

More from Arcticons

Phoenix in other icon packs