Eagle icon

file-icons:eagle

The Eagle icon (file-icons:eagle) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M188.412 455.847c.888.178 2.754-1.6 3.14-3.94c1.273 3.524.059 14.336 1.1 14.298s4.379-8.492 3.849-12.648c5.505 8.865-.55 34.37-.55 34.37C57.095 458.507-1.431 351.77.027 255.277c1.062-70.384 33.79-135.567 75.73-171.399c65.73-56.156 153.31-77.824 240.797-42.981c0 0-42.375 39.693-81.226 80.372c-34.905 36.548-42.707 45.993-42.83 75.385c-.171 41.32 39.44 57.488 36.765 80.215c-.921 7.833-1.57 14.146-9.749 12.754c-10.001-1.703-63.534-3.36-90.133 16.643c0 0-30.156 14.736-23.613 32.441c0 0-.951.71-6.271 4.753s-50.645 30.217-.851 65.754h2.553s.835-13.676 2.007-16.76c1.171-3.085 32.892-13.457 32.892-13.457s10.64-1.49 15.534 2.979s38.942 28.727 35.111 71.5zm78.536-324.038l82.403-75.286l-20.532-10.95l-66.065 82.405zM373.35 78.306c3.789-2.368 3.231-4.189 3.231-4.189l-9.105-7.23l-29.189 35.348s31.757-21.862 35.063-23.929m-17.572 248.036s6.627-22.645 21.54-30.93c-60.754-28.72-149.676-1.104-151.333 86.713s66.26 103.647 98.863 104.939c55.784 2.209 85.608-38.11 85.608-38.11l-35.933-17.573c-43.328 45.366-110.039 14.71-109.655-45.454c.324-50.706 47.988-83.95 90.91-59.585m36.007 153.697c18.616 8.487 118.267 20.806 120.183-52.016c2.01-76.394-91.985-44.897-104.03-82.13c-10.665-32.961 53.384-36.684 70.001-8.54l29.238-21.847c-21.764-42.708-127.081-48.542-138.388 19.3c-5.339 32.03 14.16 52.191 45.992 60.365c33.269 8.543 59.955 9.856 58.313 34.906c-1.774 27.047-51.742 22.175-51.742 22.175c-1.153 5.943-12.561 15.798-29.567 27.787"/></svg>

How to use the Eagle icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:eagle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:eagle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:eagle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--eagle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:eagle"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:eagle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/eagle.svg" alt="Eagle icon" width="24" height="24">

Eagle icon in other icon sets

Eagle icon FAQ

Is the Eagle 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 Eagle icon in React?

Install @iconify/react and render <Icon icon="file-icons:eagle" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Eagle icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/eagle.svg" alt="Eagle icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →