Phoenix Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
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
Copied!