feather icon

feather from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.

Name: feather
Set: Line Awesome
Style: Line
Category: Objects
Viewbox: 32×32
License: Apache 2.0
Aliases: feather-solid

The same icon in other sets

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

More objects icons from Line Awesome

ambulance anchor archive baby-carriage bath beer bicycle binoculars blender bomb book briefcase broadcast-tower building building-solid bullseye calculator candy-cane car carrot clipboard clipboard-solid coffee cogs

Use the feather icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.5 4a6.42 6.42 0 0 0-4.703 2.021l-8.16 8.155A8.94 8.94 0 0 0 6 20.539V22l2.027-2.027a6.95 6.95 0 0 1 2.024-4.383l8.18-8.176A4.46 4.46 0 0 1 21.5 6c2.481 0 4.5 2.019 4.5 4.5c0 1.246-.502 2.406-1.436 3.29l-2.03 2.032L19 17h2.355l-3.818 3.82L14 22h2.354a6.95 6.95 0 0 1-4.893 2H9.414l9.293-9.293l-1.414-1.414L4 26.586L5.414 28l2-2h4.047a8.93 8.93 0 0 0 6.363-2.637l8.133-8.14A6.44 6.44 0 0 0 28 10.5C28 6.916 25.084 4 21.5 4"/></svg>

React

import type { SVGProps } from "react";

export function LaFeather(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.5 4a6.42 6.42 0 0 0-4.703 2.021l-8.16 8.155A8.94 8.94 0 0 0 6 20.539V22l2.027-2.027a6.95 6.95 0 0 1 2.024-4.383l8.18-8.176A4.46 4.46 0 0 1 21.5 6c2.481 0 4.5 2.019 4.5 4.5c0 1.246-.502 2.406-1.436 3.29l-2.03 2.032L19 17h2.355l-3.818 3.82L14 22h2.354a6.95 6.95 0 0 1-4.893 2H9.414l9.293-9.293l-1.414-1.414L4 26.586L5.414 28l2-2h4.047a8.93 8.93 0 0 0 6.363-2.637l8.133-8.14A6.44 6.44 0 0 0 28 10.5C28 6.916 25.084 4 21.5 4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.5 4a6.42 6.42 0 0 0-4.703 2.021l-8.16 8.155A8.94 8.94 0 0 0 6 20.539V22l2.027-2.027a6.95 6.95 0 0 1 2.024-4.383l8.18-8.176A4.46 4.46 0 0 1 21.5 6c2.481 0 4.5 2.019 4.5 4.5c0 1.246-.502 2.406-1.436 3.29l-2.03 2.032L19 17h2.355l-3.818 3.82L14 22h2.354a6.95 6.95 0 0 1-4.893 2H9.414l9.293-9.293l-1.414-1.414L4 26.586L5.414 28l2-2h4.047a8.93 8.93 0 0 0 6.363-2.637l8.133-8.14A6.44 6.44 0 0 0 28 10.5C28 6.916 25.084 4 21.5 4"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.5%204a6.42%206.42%200%200%200-4.703%202.021l-8.16%208.155A8.94%208.94%200%200%200%206%2020.539V22l2.027-2.027a6.95%206.95%200%200%201%202.024-4.383l8.18-8.176A4.46%204.46%200%200%201%2021.5%206c2.481%200%204.5%202.019%204.5%204.5c0%201.246-.502%202.406-1.436%203.29l-2.03%202.032L19%2017h2.355l-3.818%203.82L14%2022h2.354a6.95%206.95%200%200%201-4.893%202H9.414l9.293-9.293l-1.414-1.414L4%2026.586L5.414%2028l2-2h4.047a8.93%208.93%200%200%200%206.363-2.637l8.133-8.14A6.44%206.44%200%200%200%2028%2010.5C28%206.916%2025.084%204%2021.5%204%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.5%204a6.42%206.42%200%200%200-4.703%202.021l-8.16%208.155A8.94%208.94%200%200%200%206%2020.539V22l2.027-2.027a6.95%206.95%200%200%201%202.024-4.383l8.18-8.176A4.46%204.46%200%200%201%2021.5%206c2.481%200%204.5%202.019%204.5%204.5c0%201.246-.502%202.406-1.436%203.29l-2.03%202.032L19%2017h2.355l-3.818%203.82L14%2022h2.354a6.95%206.95%200%200%201-4.893%202H9.414l9.293-9.293l-1.414-1.414L4%2026.586L5.414%2028l2-2h4.047a8.93%208.93%200%200%200%206.363-2.637l8.133-8.14A6.44%206.44%200%200%200%2028%2010.5C28%206.916%2025.084%204%2021.5%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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