eagle logo
eagle from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- eagle
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the eagle logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m.04 3.858c1.32.019 2.634.335 3.78.989c.549.31.957.642 1.238.895a6.9 6.9 0 0 0-2.25 3.04c-.06.165-.123.354-.183.546a7 7 0 0 0-.252 1.605c-.003.162.002.374.003.578c.012.242.05.519.08.789a7 7 0 0 0 1.753 3.586a6.9 6.9 0 0 0 1.87 1.42a7.8 7.8 0 0 1-2.629 2.166a7.7 7.7 0 0 1-3.846.808l-.22-.013a7.7 7.7 0 0 1-1.504-.247a8.2 8.2 0 0 1-2.83-1.354a7.1 7.1 0 0 1-1.894-2.1c-.22-.38-1.49-2.644-.769-5.452A7.26 7.26 0 0 1 5.93 8.18a5.5 5.5 0 0 0-2.105 1.082C4.12 8.573 5.306 6 8.217 4.66a8.9 8.9 0 0 1 3.823-.8zm5.702 2.508c.202.126.464.309.736.572c.108.103.478.468.82 1.054c.413.703.549 1.327.62 1.65a5.5 5.5 0 0 1 .013 2.302a7.1 7.1 0 0 0-2.044-1.688a7.2 7.2 0 0 0-1.551.3a7 7 0 0 0-1.05.422a6 6 0 0 1 .267-1.563a6 6 0 0 1 .806-1.643a6.3 6.3 0 0 1 1.383-1.406"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsEagle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m.04 3.858c1.32.019 2.634.335 3.78.989c.549.31.957.642 1.238.895a6.9 6.9 0 0 0-2.25 3.04c-.06.165-.123.354-.183.546a7 7 0 0 0-.252 1.605c-.003.162.002.374.003.578c.012.242.05.519.08.789a7 7 0 0 0 1.753 3.586a6.9 6.9 0 0 0 1.87 1.42a7.8 7.8 0 0 1-2.629 2.166a7.7 7.7 0 0 1-3.846.808l-.22-.013a7.7 7.7 0 0 1-1.504-.247a8.2 8.2 0 0 1-2.83-1.354a7.1 7.1 0 0 1-1.894-2.1c-.22-.38-1.49-2.644-.769-5.452A7.26 7.26 0 0 1 5.93 8.18a5.5 5.5 0 0 0-2.105 1.082C4.12 8.573 5.306 6 8.217 4.66a8.9 8.9 0 0 1 3.823-.8zm5.702 2.508c.202.126.464.309.736.572c.108.103.478.468.82 1.054c.413.703.549 1.327.62 1.65a5.5 5.5 0 0 1 .013 2.302a7.1 7.1 0 0 0-2.044-1.688a7.2 7.2 0 0 0-1.551.3a7 7 0 0 0-1.05.422a6 6 0 0 1 .267-1.563a6 6 0 0 1 .806-1.643a6.3 6.3 0 0 1 1.383-1.406"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m.04 3.858c1.32.019 2.634.335 3.78.989c.549.31.957.642 1.238.895a6.9 6.9 0 0 0-2.25 3.04c-.06.165-.123.354-.183.546a7 7 0 0 0-.252 1.605c-.003.162.002.374.003.578c.012.242.05.519.08.789a7 7 0 0 0 1.753 3.586a6.9 6.9 0 0 0 1.87 1.42a7.8 7.8 0 0 1-2.629 2.166a7.7 7.7 0 0 1-3.846.808l-.22-.013a7.7 7.7 0 0 1-1.504-.247a8.2 8.2 0 0 1-2.83-1.354a7.1 7.1 0 0 1-1.894-2.1c-.22-.38-1.49-2.644-.769-5.452A7.26 7.26 0 0 1 5.93 8.18a5.5 5.5 0 0 0-2.105 1.082C4.12 8.573 5.306 6 8.217 4.66a8.9 8.9 0 0 1 3.823-.8zm5.702 2.508c.202.126.464.309.736.572c.108.103.478.468.82 1.054c.413.703.549 1.327.62 1.65a5.5 5.5 0 0 1 .013 2.302a7.1 7.1 0 0 0-2.044-1.688a7.2 7.2 0 0 0-1.551.3a7 7 0 0 0-1.05.422a6 6 0 0 1 .267-1.563a6 6 0 0 1 .806-1.643a6.3 6.3 0 0 1 1.383-1.406"/></svg> </template>
CSS
.icon-eagle {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012s12-5.373%2012-12S18.627%200%2012%200m.04%203.858c1.32.019%202.634.335%203.78.989c.549.31.957.642%201.238.895a6.9%206.9%200%200%200-2.25%203.04c-.06.165-.123.354-.183.546a7%207%200%200%200-.252%201.605c-.003.162.002.374.003.578c.012.242.05.519.08.789a7%207%200%200%200%201.753%203.586a6.9%206.9%200%200%200%201.87%201.42a7.8%207.8%200%200%201-2.629%202.166a7.7%207.7%200%200%201-3.846.808l-.22-.013a7.7%207.7%200%200%201-1.504-.247a8.2%208.2%200%200%201-2.83-1.354a7.1%207.1%200%200%201-1.894-2.1c-.22-.38-1.49-2.644-.769-5.452A7.26%207.26%200%200%201%205.93%208.18a5.5%205.5%200%200%200-2.105%201.082C4.12%208.573%205.306%206%208.217%204.66a8.9%208.9%200%200%201%203.823-.8zm5.702%202.508c.202.126.464.309.736.572c.108.103.478.468.82%201.054c.413.703.549%201.327.62%201.65a5.5%205.5%200%200%201%20.013%202.302a7.1%207.1%200%200%200-2.044-1.688a7.2%207.2%200%200%200-1.551.3a7%207%200%200%200-1.05.422a6%206%200%200%201%20.267-1.563a6%206%200%200%201%20.806-1.643a6.3%206.3%200%200%201%201.383-1.406%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012s12-5.373%2012-12S18.627%200%2012%200m.04%203.858c1.32.019%202.634.335%203.78.989c.549.31.957.642%201.238.895a6.9%206.9%200%200%200-2.25%203.04c-.06.165-.123.354-.183.546a7%207%200%200%200-.252%201.605c-.003.162.002.374.003.578c.012.242.05.519.08.789a7%207%200%200%200%201.753%203.586a6.9%206.9%200%200%200%201.87%201.42a7.8%207.8%200%200%201-2.629%202.166a7.7%207.7%200%200%201-3.846.808l-.22-.013a7.7%207.7%200%200%201-1.504-.247a8.2%208.2%200%200%201-2.83-1.354a7.1%207.1%200%200%201-1.894-2.1c-.22-.38-1.49-2.644-.769-5.452A7.26%207.26%200%200%201%205.93%208.18a5.5%205.5%200%200%200-2.105%201.082C4.12%208.573%205.306%206%208.217%204.66a8.9%208.9%200%200%201%203.823-.8zm5.702%202.508c.202.126.464.309.736.572c.108.103.478.468.82%201.054c.413.703.549%201.327.62%201.65a5.5%205.5%200%200%201%20.013%202.302a7.1%207.1%200%200%200-2.044-1.688a7.2%207.2%200%200%200-1.551.3a7%207%200%200%200-1.05.422a6%206%200%200%201%20.267-1.563a6%206%200%200%201%20.806-1.643a6.3%206.3%200%200%201%201.383-1.406%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/eagle.svg?color=%231a73e8&size=48
