Home/Libraries/OpenMoji (Iconify)/phoenix

OpenMoji (Iconify)

Phoenix

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><g stroke-width="1.5"><path fill="#e27022" d="M44.956 34.023c2.512-1.04.235-3.95.235-3.95c5-7 4.97-10.12 4-14c-1-4-5-6-5-6s9 2 13 7c2.88 3.6 1.612 8.238.677 10.552a11.2 11.2 0 0 1-1.13 2.088c-.797 1.172-1.883 3.353-1.547 4.36c.5 1.5 4 2 8-3c0 0-3.459 7.458-6.5 10.5c-3 3-5.5 4.5-5.5 4.5s1.5 2.5 5.5.5c0 0-5 6-9 7c0 0-2 1-5 0c0 0-1.057 8.277-5.057 10.277c0 0 2.932-7.462-.455-14.182c-.536-1.064-1.505-1.049-2.068 0c-2.54 4.737-.477 14.182-.477 14.182c-4-2-5.068-10.463-5.068-10.463c-3 1-5 0-5 0c-4-1-9-7-9-7c4 2 5.5-.5 5.5-.5s-2.5-1.5-5.5-4.5c-3.041-3.041-6.5-10.5-6.5-10.5c4 5 7.5 4.5 8 3c.335-1.006-.75-3.187-1.547-4.36a11 11 0 0 1-1.13-2.088c-.935-2.314-2.203-6.951.677-10.552c4-5 13-7 13-7s-4 2-5 6c-.97 3.88-1 7 4 14c0 0-2.746 5.492 2.271 5.967c.725.069 1.479-.12 2.013-.614c.74-.686 1.327-2.075.216-4.853c-2-5 3-7 1-8s-2.707-3.707-2-3c1 1 7 0 9 1s4.789 5.894 3 5c-2.012-1.006-3.012-1-4.018.018c-1.359 1.375-1.236 3.728.13 5.095l2.712 2.71c.933.934 2.346 1.318 3.566.813"/><path fill="#d22f27" d="M41.39 33.21s1.738 1.659 1.738 4.659s-3 6-5 7s-3 1-2-1s3-3 2-5s-7.557-2.258-6.778-3.63c.498-.877 1.327-2.074.216-4.852c-2-5 3-7 1-8s-2.707-3.707-2-3c1 1 7 0 9 1s4.789 5.894 3 5c-2.012-1.006-3.012-1-4.018.018c-1.359 1.375-1.236 3.728.13 5.094z"/></g><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.066 45.887s-2.5-1.5-5.5-4.5c-2.795-2.795-5.941-9.319-6.434-10.359m20.434 22.359c-3 1-5 0-5 0c-4-1-9-7-9-7M37.634 63.85s2.932-7.462-.455-14.183c-.536-1.063-1.505-1.048-2.068.002c-2.54 4.735-.478 14.177-.477 14.181M56.69 46.573s-5 6-9 7c0 0-2 1-5 0m20.5-22.5s-3.458 7.458-6.5 10.5c-3 3-5.5 4.5-5.5 4.5m-7-36s9 2 13 7c2.881 3.6 1.613 8.238.678 10.552a11.2 11.2 0 0 1-1.13 2.088c-.797 1.172-1.883 3.353-1.547 4.36M32.566 22.387c-2-1-2.707-3.707-2-3c1 1 7 0 9 1s4.789 5.894 3 5c-2.012-1.006-3.012-1-4.018.018c-1.359 1.375-1.236 3.728.13 5.094l3.45 3.37m-25.062.018c.335-1.006-.75-3.187-1.547-4.36a11 11 0 0 1-1.13-2.088c-.936-2.314-2.203-6.951.677-10.552c4-5 13-7 13-7"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PhoenixIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.