feather icon

feather-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
feather-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

featherfeather-boldfeather-duotonefeather-lightfeather-thin

The same icon in other sets

featherBootstrap IconsfeatherFont Awesome 6 SolidfeatherFont Awesome SolidfeatherFeather IconsfeatherFluent EmojifeatherFluent Emoji FlatfeatherFluent Emoji High ContrastfeatherHuge IconsfeatherJam IconsfeatherLine AwesomefeatherLucidefeatherMaterial Design IconsfeatherNoto EmojifeatherOpenMojifeatherPixelarticonsfeatherTabler IconsfeatherTwitter Emoji

Use the feather icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m211.84 134.81l-59.79 60.47a15.75 15.75 0 0 1-11.2 4.68H75.32l-29.66 29.7a8 8 0 0 1-11.32-11.32l22.59-22.58L124.7 128H209a4 4 0 0 1 2.84 6.81m4.86-104.24a64 64 0 0 0-85.9 4.14l-9.6 9.48A4 4 0 0 0 120 47v63l55-55a8 8 0 0 1 11.31 11.31L140.71 112h88.38a4 4 0 0 0 3.56-2.16a64.08 64.08 0 0 0-15.95-79.27M62.83 167.23L104 126.06v-55.3a4 4 0 0 0-6.81-2.84L60.69 104A15.9 15.9 0 0 0 56 115.31v49.09a4 4 0 0 0 6.83 2.83"/></svg>

React

import type { SVGProps } from "react";

export function PhFeatherFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m211.84 134.81l-59.79 60.47a15.75 15.75 0 0 1-11.2 4.68H75.32l-29.66 29.7a8 8 0 0 1-11.32-11.32l22.59-22.58L124.7 128H209a4 4 0 0 1 2.84 6.81m4.86-104.24a64 64 0 0 0-85.9 4.14l-9.6 9.48A4 4 0 0 0 120 47v63l55-55a8 8 0 0 1 11.31 11.31L140.71 112h88.38a4 4 0 0 0 3.56-2.16a64.08 64.08 0 0 0-15.95-79.27M62.83 167.23L104 126.06v-55.3a4 4 0 0 0-6.81-2.84L60.69 104A15.9 15.9 0 0 0 56 115.31v49.09a4 4 0 0 0 6.83 2.83"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m211.84 134.81l-59.79 60.47a15.75 15.75 0 0 1-11.2 4.68H75.32l-29.66 29.7a8 8 0 0 1-11.32-11.32l22.59-22.58L124.7 128H209a4 4 0 0 1 2.84 6.81m4.86-104.24a64 64 0 0 0-85.9 4.14l-9.6 9.48A4 4 0 0 0 120 47v63l55-55a8 8 0 0 1 11.31 11.31L140.71 112h88.38a4 4 0 0 0 3.56-2.16a64.08 64.08 0 0 0-15.95-79.27M62.83 167.23L104 126.06v-55.3a4 4 0 0 0-6.81-2.84L60.69 104A15.9 15.9 0 0 0 56 115.31v49.09a4 4 0 0 0 6.83 2.83"/></svg>
</template>

CSS

.icon-feather-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m211.84%20134.81l-59.79%2060.47a15.75%2015.75%200%200%201-11.2%204.68H75.32l-29.66%2029.7a8%208%200%200%201-11.32-11.32l22.59-22.58L124.7%20128H209a4%204%200%200%201%202.84%206.81m4.86-104.24a64%2064%200%200%200-85.9%204.14l-9.6%209.48A4%204%200%200%200%20120%2047v63l55-55a8%208%200%200%201%2011.31%2011.31L140.71%20112h88.38a4%204%200%200%200%203.56-2.16a64.08%2064.08%200%200%200-15.95-79.27M62.83%20167.23L104%20126.06v-55.3a4%204%200%200%200-6.81-2.84L60.69%20104A15.9%2015.9%200%200%200%2056%20115.31v49.09a4%204%200%200%200%206.83%202.83%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m211.84%20134.81l-59.79%2060.47a15.75%2015.75%200%200%201-11.2%204.68H75.32l-29.66%2029.7a8%208%200%200%201-11.32-11.32l22.59-22.58L124.7%20128H209a4%204%200%200%201%202.84%206.81m4.86-104.24a64%2064%200%200%200-85.9%204.14l-9.6%209.48A4%204%200%200%200%20120%2047v63l55-55a8%208%200%200%201%2011.31%2011.31L140.71%20112h88.38a4%204%200%200%200%203.56-2.16a64.08%2064.08%200%200%200-15.95-79.27M62.83%20167.23L104%20126.06v-55.3a4%204%200%200%200-6.81-2.84L60.69%20104A15.9%2015.9%200%200%200%2056%20115.31v49.09a4%204%200%200%200%206.83%202.83%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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