Phoenix icon
file-icons:phoenix
The Phoenix icon (file-icons:phoenix) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M59.718 102.683c10.042-2.502 18.898-3.472 28.414-3.846c-1.945 13.67-19.225 15.283-28.414 3.846m181 234.846c-23.471-15.348-34.34 3.618-64.24 3.927c-17.94.185-42.272-5.887-72.09-24.846c24.113 34.58 52.476 54.464 82.562 63.115c57.8 16.62 69.05-12.63 124.758 6.472c-8.344-13.406-25.153-19.696-42.037-23.08c-17.052-3.416-28.868.701-42.767-5.458c-11.87-5.405-11.102-17.477 13.814-20.13m-1.155-176.372c12.577 17.442 26.929 30.518 51.171 41.158c31.746 12.882 63.966 15.086 96.92 3.718c25.584-8.824 43.982-.202 53.536 24.638c1.56-30.075-15.226-43.197-29.307-50.029c-30.167-14.634-63.067 11.206-99.748 8.055c-24.367-2.094-46.27-7.158-72.572-27.54m103.27 159.439c-5.78 5.034-14.833 10-20.167 10.46c.316.569.398.853.486.853c28.377.01 60.637-4.184 85.403-30.87c16.234-17.493 18.38-27.694 49.475-22.27c-21.124-16.911-56.697-13.84-82.03 8.993c-10.305 9.289-18.5 20.5-33.167 32.834m-77.318-48.802c30.985 15.552 69.86 15.302 102.497-5.835c30.647-20.768 60.091-5.23 62.44-8.94c-23.205-16.305-46.13-16.51-67.857-10.873c-42.345 9.95-44.072 40.114-97.08 25.648m72.655-105.727c-5.295.091-17.295 4.154-32.613-.996c-24.875-9.465-36.106-38.199-91.063-37.39c14.34 20.748 76.84 64.081 123.676 38.386M512 320.94c-28-7.515-36.125-49.22-81.502-21.796c35.877-1.424 35.877 44.95 81.502 21.796m-182.22-98.88c-54.447 1.535-95.74-46.89-126.886-88.208C163 80.929 81.334 56.929 0 111.863c0 0 54.894-10.844 62 69.137c3.994 44.953-.028 59.137 16 87.262c43.5 76.334 114.27 57.427 114.27 57.427c-39.792-5.673-55.603-33.26-60.27-55.093c-2.333-12.334 5.796-26.287 26.27-25.534c20.821.765 36.591 25.568 63.142 55.973c36.617 45.903 91.286 26.504 130.228-7.874c-1.982-5.852-20.641 3.477-39.395 3.258c-29.69-.347-57.285-7.144-78.074-21.854c-41.338-32.136-44.907-74.29-9.865-71.388c15.527.919 28.89 20.798 42.86 27.085c20 9 40.205 6.293 62.614-8.201m14.036 209.086c-18.15-8.385-15.15-43.718-74.226-40.212c35.44 8.657 39.725 43.55 74.226 40.212"/></svg>How to use the Phoenix icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:phoenix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:phoenix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:phoenix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--phoenix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:phoenix"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:phoenix"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/phoenix.svg" alt="Phoenix icon" width="24" height="24">Phoenix icon in other icon sets
Phoenix icon FAQ
Is the Phoenix icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Phoenix icon in React?
Install @iconify/react and render <Icon icon="file-icons:phoenix" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Phoenix icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/phoenix.svg" alt="Phoenix icon">, or paste the SVG code inline to style it with CSS.