feather icon

feather from Font Awesome Solid by Dave Gandy · Solid · Animals · CC-BY-4.0 Attribution required.

Name: feather
Set: Font Awesome Solid
Style: Solid
Category: Animals
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

featherBootstrap Icons featherFont Awesome 6 Solid featherFeather Icons featherFluent Emoji featherFluent Emoji Flat featherFluent Emoji High Contrast featherHuge Icons featherJam Icons featherLine Awesome featherLucide featherMaterial Design Icons featherNoto Emoji featherOpenMoji featherPhosphor featherPixelarticons featherTabler Icons featherTwitter Emoji

More animals icons from Font Awesome Solid

cat crow dog dove dragon feather-alt fish frog hippo horse horse-head kiwi-bird otter paw spider feather-pointed

Use the feather icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M416 64c41 0 80.3 16.3 109.2 45.2l5.5 5.5c29 29 45.3 68.3 45.3 109.2c0 24.1-5.7 47.6-16.2 68.8c-1.9 3.7-5.3 6.5-9.3 7.7l-112 33.6c-3.9 1.2-6.5 4.7-6.5 8.8c0 5.1 4.1 9.2 9.2 9.2h32.2c14.3 0 21.4 17.2 11.3 27.3l-22.4 22.4c-1.9 1.9-4.2 3.2-6.7 4l-81 24.3c-3.9 1.2-6.5 4.7-6.5 8.8c0 5.1 4.1 9.2 9.2 9.2c13.2 0 18.9 15.7 7.8 22.9c-41.1 26.6-89.3 41.1-139 41.1h-86l-48 48c-8.8 8.8-23.2 8.8-32 0s-8.8-23.2 0-32L320 288c8.8-8.8 8.8-23.2 0-32s-23.2-8.8-32 0L143.5 400.5c-5.7 5.7-15.5 1.7-15.5-6.4c0-67.9 27-133 75-181l103.8-103.9C335.7 80.3 375 64 416 64"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidFeather(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M416 64c41 0 80.3 16.3 109.2 45.2l5.5 5.5c29 29 45.3 68.3 45.3 109.2c0 24.1-5.7 47.6-16.2 68.8c-1.9 3.7-5.3 6.5-9.3 7.7l-112 33.6c-3.9 1.2-6.5 4.7-6.5 8.8c0 5.1 4.1 9.2 9.2 9.2h32.2c14.3 0 21.4 17.2 11.3 27.3l-22.4 22.4c-1.9 1.9-4.2 3.2-6.7 4l-81 24.3c-3.9 1.2-6.5 4.7-6.5 8.8c0 5.1 4.1 9.2 9.2 9.2c13.2 0 18.9 15.7 7.8 22.9c-41.1 26.6-89.3 41.1-139 41.1h-86l-48 48c-8.8 8.8-23.2 8.8-32 0s-8.8-23.2 0-32L320 288c8.8-8.8 8.8-23.2 0-32s-23.2-8.8-32 0L143.5 400.5c-5.7 5.7-15.5 1.7-15.5-6.4c0-67.9 27-133 75-181l103.8-103.9C335.7 80.3 375 64 416 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M416 64c41 0 80.3 16.3 109.2 45.2l5.5 5.5c29 29 45.3 68.3 45.3 109.2c0 24.1-5.7 47.6-16.2 68.8c-1.9 3.7-5.3 6.5-9.3 7.7l-112 33.6c-3.9 1.2-6.5 4.7-6.5 8.8c0 5.1 4.1 9.2 9.2 9.2h32.2c14.3 0 21.4 17.2 11.3 27.3l-22.4 22.4c-1.9 1.9-4.2 3.2-6.7 4l-81 24.3c-3.9 1.2-6.5 4.7-6.5 8.8c0 5.1 4.1 9.2 9.2 9.2c13.2 0 18.9 15.7 7.8 22.9c-41.1 26.6-89.3 41.1-139 41.1h-86l-48 48c-8.8 8.8-23.2 8.8-32 0s-8.8-23.2 0-32L320 288c8.8-8.8 8.8-23.2 0-32s-23.2-8.8-32 0L143.5 400.5c-5.7 5.7-15.5 1.7-15.5-6.4c0-67.9 27-133 75-181l103.8-103.9C335.7 80.3 375 64 416 64"/></svg>
</template>

CSS

.icon-feather {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M416%2064c41%200%2080.3%2016.3%20109.2%2045.2l5.5%205.5c29%2029%2045.3%2068.3%2045.3%20109.2c0%2024.1-5.7%2047.6-16.2%2068.8c-1.9%203.7-5.3%206.5-9.3%207.7l-112%2033.6c-3.9%201.2-6.5%204.7-6.5%208.8c0%205.1%204.1%209.2%209.2%209.2h32.2c14.3%200%2021.4%2017.2%2011.3%2027.3l-22.4%2022.4c-1.9%201.9-4.2%203.2-6.7%204l-81%2024.3c-3.9%201.2-6.5%204.7-6.5%208.8c0%205.1%204.1%209.2%209.2%209.2c13.2%200%2018.9%2015.7%207.8%2022.9c-41.1%2026.6-89.3%2041.1-139%2041.1h-86l-48%2048c-8.8%208.8-23.2%208.8-32%200s-8.8-23.2%200-32L320%20288c8.8-8.8%208.8-23.2%200-32s-23.2-8.8-32%200L143.5%20400.5c-5.7%205.7-15.5%201.7-15.5-6.4c0-67.9%2027-133%2075-181l103.8-103.9C335.7%2080.3%20375%2064%20416%2064%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M416%2064c41%200%2080.3%2016.3%20109.2%2045.2l5.5%205.5c29%2029%2045.3%2068.3%2045.3%20109.2c0%2024.1-5.7%2047.6-16.2%2068.8c-1.9%203.7-5.3%206.5-9.3%207.7l-112%2033.6c-3.9%201.2-6.5%204.7-6.5%208.8c0%205.1%204.1%209.2%209.2%209.2h32.2c14.3%200%2021.4%2017.2%2011.3%2027.3l-22.4%2022.4c-1.9%201.9-4.2%203.2-6.7%204l-81%2024.3c-3.9%201.2-6.5%204.7-6.5%208.8c0%205.1%204.1%209.2%209.2%209.2c13.2%200%2018.9%2015.7%207.8%2022.9c-41.1%2026.6-89.3%2041.1-139%2041.1h-86l-48%2048c-8.8%208.8-23.2%208.8-32%200s-8.8-23.2%200-32L320%20288c8.8-8.8%208.8-23.2%200-32s-23.2-8.8-32%200L143.5%20400.5c-5.7%205.7-15.5%201.7-15.5-6.4c0-67.9%2027-133%2075-181l103.8-103.9C335.7%2080.3%20375%2064%20416%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/feather.svg?color=%231a73e8&size=48