feather icon

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

Name
feather
Set
Font Awesome 6 Solid
Style
Regular
Category
Animals
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

featherBootstrap IconsfeatherFeather IconsfeatherFluent EmojifeatherFluent Emoji FlatfeatherFluent Emoji High ContrastfeatherHuge IconsfeatherJam IconsfeatherLine AwesomefeatherLucidefeatherMaterial Design IconsfeatherNoto EmojifeatherOpenMojifeatherPhosphorfeatherPixelarticonsfeatherTabler IconsfeatherTwitter Emoji

More animals icons from Font Awesome 6 Solid

catcrowdogdovedragonfishfroghippohorsehorse-headkiwi-birdotterpawspiderfeather-pointed

Use the feather icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M278.5 215.6L23 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57-57h68c49.7 0 97.9-14.4 139-41c11.1-7.2 5.5-23-7.8-23c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l81-24.3c2.5-.8 4.8-2.1 6.7-4l22.4-22.4c10.1-10.1 2.9-27.3-11.3-27.3H377c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l112-33.6c4-1.2 7.4-3.9 9.3-7.7c10.8-21 16.4-44.5 16.4-68.6c0-41-16.3-80.3-45.3-109.3l-5.5-5.5C432.3 16.3 393 0 352 0s-80.3 16.3-109.3 45.3L139 149c-48 48-75 113.1-75 181v55.3l189.6-189.5c6.2-6.2 16.4-6.2 22.6 0c5.4 5.4 6.1 13.6 2.2 19.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidFeather(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M278.5 215.6L23 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57-57h68c49.7 0 97.9-14.4 139-41c11.1-7.2 5.5-23-7.8-23c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l81-24.3c2.5-.8 4.8-2.1 6.7-4l22.4-22.4c10.1-10.1 2.9-27.3-11.3-27.3H377c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l112-33.6c4-1.2 7.4-3.9 9.3-7.7c10.8-21 16.4-44.5 16.4-68.6c0-41-16.3-80.3-45.3-109.3l-5.5-5.5C432.3 16.3 393 0 352 0s-80.3 16.3-109.3 45.3L139 149c-48 48-75 113.1-75 181v55.3l189.6-189.5c6.2-6.2 16.4-6.2 22.6 0c5.4 5.4 6.1 13.6 2.2 19.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M278.5 215.6L23 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57-57h68c49.7 0 97.9-14.4 139-41c11.1-7.2 5.5-23-7.8-23c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l81-24.3c2.5-.8 4.8-2.1 6.7-4l22.4-22.4c10.1-10.1 2.9-27.3-11.3-27.3H377c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l112-33.6c4-1.2 7.4-3.9 9.3-7.7c10.8-21 16.4-44.5 16.4-68.6c0-41-16.3-80.3-45.3-109.3l-5.5-5.5C432.3 16.3 393 0 352 0s-80.3 16.3-109.3 45.3L139 149c-48 48-75 113.1-75 181v55.3l189.6-189.5c6.2-6.2 16.4-6.2 22.6 0c5.4 5.4 6.1 13.6 2.2 19.8z"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M278.5%20215.6L23%20471c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l57-57h68c49.7%200%2097.9-14.4%20139-41c11.1-7.2%205.5-23-7.8-23c-5.1%200-9.2-4.1-9.2-9.2c0-4.1%202.7-7.6%206.5-8.8l81-24.3c2.5-.8%204.8-2.1%206.7-4l22.4-22.4c10.1-10.1%202.9-27.3-11.3-27.3H377c-5.1%200-9.2-4.1-9.2-9.2c0-4.1%202.7-7.6%206.5-8.8l112-33.6c4-1.2%207.4-3.9%209.3-7.7c10.8-21%2016.4-44.5%2016.4-68.6c0-41-16.3-80.3-45.3-109.3l-5.5-5.5C432.3%2016.3%20393%200%20352%200s-80.3%2016.3-109.3%2045.3L139%20149c-48%2048-75%20113.1-75%20181v55.3l189.6-189.5c6.2-6.2%2016.4-6.2%2022.6%200c5.4%205.4%206.1%2013.6%202.2%2019.8z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M278.5%20215.6L23%20471c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l57-57h68c49.7%200%2097.9-14.4%20139-41c11.1-7.2%205.5-23-7.8-23c-5.1%200-9.2-4.1-9.2-9.2c0-4.1%202.7-7.6%206.5-8.8l81-24.3c2.5-.8%204.8-2.1%206.7-4l22.4-22.4c10.1-10.1%202.9-27.3-11.3-27.3H377c-5.1%200-9.2-4.1-9.2-9.2c0-4.1%202.7-7.6%206.5-8.8l112-33.6c4-1.2%207.4-3.9%209.3-7.7c10.8-21%2016.4-44.5%2016.4-68.6c0-41-16.3-80.3-45.3-109.3l-5.5-5.5C432.3%2016.3%20393%200%20352%200s-80.3%2016.3-109.3%2045.3L139%20149c-48%2048-75%20113.1-75%20181v55.3l189.6-189.5c6.2-6.2%2016.4-6.2%2022.6%200c5.4%205.4%206.1%2013.6%202.2%2019.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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