Color

Advanced editing in SVG Editor

IcoFont

Phoenix Icon

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

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 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/306231.svg" alt="Phoenix icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M182 698c-68-9-98-53-116-117 82 69 169 92 267 50-97 19-186 6-270-63h258c-31-9-62-14-92-27-60-27-82-71-64-135 25-85 83-150 142-214-52 132-25 244 79 339-57-71-102-147-90-242 11-93 67-160 141-224v38l-3 399c0 8-6 20 5 24 9 4 20-2 28-8 14-13 29-24 27-48s19-42 42-42c22 1 40 19 40 41 0 24-18 43-42 42-17-1-28 6-39 17-10 11-22 24-16 38 5 11 22 5 33 5 137-1 273-2 410-3 3 0 6 0 16 1-62 73-130 129-223 140-95 12-171-33-241-90 42 49 92 83 155 98s124 2 184-19c-60 55-121 109-200 137-78 28-131 1-156-78-8-24-13-48-18-73v251c-55-33-79-134-64-263-43 68-28 157 44 262-55-4-95-43-114-111-27 15-54 28-85 16-30-11-32-15-9-37 48-49 98-98 146-147 6-6 15-10 15-21-13-2-17 8-22 14-51 50-102 100-151 151-16 17-23 11-30-7-13-28-10-48 13-94zm358-281c30-17 56-29 86-39-6 32-23 56-36 85-11-21-20-40-50-46z"/></svg>

Phoenix in other icon packs

Custom Brand Icons Brand

OpenMoji

Copied!

Phoenix Icon

More from IcoFont

Phoenix in other icon packs