feather icon
feather from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- feather
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
featherFont Awesome 6 SolidfeatherFont Awesome SolidfeatherFeather IconsfeatherFluent EmojifeatherFluent Emoji FlatfeatherFluent Emoji High ContrastfeatherHuge IconsfeatherJam IconsfeatherLine AwesomefeatherLucidefeatherMaterial Design IconsfeatherNoto EmojifeatherOpenMojifeatherPhosphorfeatherPixelarticonsfeatherTabler IconsfeatherTwitter Emoji
Use the feather icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15.807.531c-.174-.177-.41-.289-.64-.363a3.8 3.8 0 0 0-.833-.15c-.62-.049-1.394 0-2.252.175C10.365.545 8.264 1.415 6.315 3.1S3.147 6.824 2.557 8.523c-.294.847-.44 1.634-.429 2.268c.005.316.05.62.154.88q.025.061.056.122A68 68 0 0 0 .08 15.198a.53.53 0 0 0 .157.72a.504.504 0 0 0 .705-.16a68 68 0 0 1 2.158-3.26c.285.141.616.195.958.182c.513-.02 1.098-.188 1.723-.49c1.25-.605 2.744-1.787 4.303-3.642l1.518-1.55a.53.53 0 0 0 0-.739l-.729-.744l1.311.209a.5.5 0 0 0 .443-.15l.663-.684c.663-.68 1.292-1.325 1.763-1.892c.314-.378.585-.752.754-1.107c.163-.345.278-.773.112-1.188a.5.5 0 0 0-.112-.172M3.733 11.62C5.385 9.374 7.24 7.215 9.309 5.394l1.21 1.234l-1.171 1.196l-.027.03c-1.5 1.789-2.891 2.867-3.977 3.393c-.544.263-.99.378-1.324.39a1.3 1.3 0 0 1-.287-.018Zm6.769-7.22c1.31-1.028 2.7-1.914 4.172-2.6a7 7 0 0 1-.4.523c-.442.533-1.028 1.134-1.681 1.804l-.51.524zm3.346-3.357C9.594 3.147 6.045 6.8 3.149 10.678c.007-.464.121-1.086.37-1.806c.533-1.535 1.65-3.415 3.455-4.976c1.807-1.561 3.746-2.36 5.31-2.68a8 8 0 0 1 1.564-.173"/></svg>
React
import type { SVGProps } from "react";
export function BiFeather(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15.807.531c-.174-.177-.41-.289-.64-.363a3.8 3.8 0 0 0-.833-.15c-.62-.049-1.394 0-2.252.175C10.365.545 8.264 1.415 6.315 3.1S3.147 6.824 2.557 8.523c-.294.847-.44 1.634-.429 2.268c.005.316.05.62.154.88q.025.061.056.122A68 68 0 0 0 .08 15.198a.53.53 0 0 0 .157.72a.504.504 0 0 0 .705-.16a68 68 0 0 1 2.158-3.26c.285.141.616.195.958.182c.513-.02 1.098-.188 1.723-.49c1.25-.605 2.744-1.787 4.303-3.642l1.518-1.55a.53.53 0 0 0 0-.739l-.729-.744l1.311.209a.5.5 0 0 0 .443-.15l.663-.684c.663-.68 1.292-1.325 1.763-1.892c.314-.378.585-.752.754-1.107c.163-.345.278-.773.112-1.188a.5.5 0 0 0-.112-.172M3.733 11.62C5.385 9.374 7.24 7.215 9.309 5.394l1.21 1.234l-1.171 1.196l-.027.03c-1.5 1.789-2.891 2.867-3.977 3.393c-.544.263-.99.378-1.324.39a1.3 1.3 0 0 1-.287-.018Zm6.769-7.22c1.31-1.028 2.7-1.914 4.172-2.6a7 7 0 0 1-.4.523c-.442.533-1.028 1.134-1.681 1.804l-.51.524zm3.346-3.357C9.594 3.147 6.045 6.8 3.149 10.678c.007-.464.121-1.086.37-1.806c.533-1.535 1.65-3.415 3.455-4.976c1.807-1.561 3.746-2.36 5.31-2.68a8 8 0 0 1 1.564-.173"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15.807.531c-.174-.177-.41-.289-.64-.363a3.8 3.8 0 0 0-.833-.15c-.62-.049-1.394 0-2.252.175C10.365.545 8.264 1.415 6.315 3.1S3.147 6.824 2.557 8.523c-.294.847-.44 1.634-.429 2.268c.005.316.05.62.154.88q.025.061.056.122A68 68 0 0 0 .08 15.198a.53.53 0 0 0 .157.72a.504.504 0 0 0 .705-.16a68 68 0 0 1 2.158-3.26c.285.141.616.195.958.182c.513-.02 1.098-.188 1.723-.49c1.25-.605 2.744-1.787 4.303-3.642l1.518-1.55a.53.53 0 0 0 0-.739l-.729-.744l1.311.209a.5.5 0 0 0 .443-.15l.663-.684c.663-.68 1.292-1.325 1.763-1.892c.314-.378.585-.752.754-1.107c.163-.345.278-.773.112-1.188a.5.5 0 0 0-.112-.172M3.733 11.62C5.385 9.374 7.24 7.215 9.309 5.394l1.21 1.234l-1.171 1.196l-.027.03c-1.5 1.789-2.891 2.867-3.977 3.393c-.544.263-.99.378-1.324.39a1.3 1.3 0 0 1-.287-.018Zm6.769-7.22c1.31-1.028 2.7-1.914 4.172-2.6a7 7 0 0 1-.4.523c-.442.533-1.028 1.134-1.681 1.804l-.51.524zm3.346-3.357C9.594 3.147 6.045 6.8 3.149 10.678c.007-.464.121-1.086.37-1.806c.533-1.535 1.65-3.415 3.455-4.976c1.807-1.561 3.746-2.36 5.31-2.68a8 8 0 0 1 1.564-.173"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.807.531c-.174-.177-.41-.289-.64-.363a3.8%203.8%200%200%200-.833-.15c-.62-.049-1.394%200-2.252.175C10.365.545%208.264%201.415%206.315%203.1S3.147%206.824%202.557%208.523c-.294.847-.44%201.634-.429%202.268c.005.316.05.62.154.88q.025.061.056.122A68%2068%200%200%200%20.08%2015.198a.53.53%200%200%200%20.157.72a.504.504%200%200%200%20.705-.16a68%2068%200%200%201%202.158-3.26c.285.141.616.195.958.182c.513-.02%201.098-.188%201.723-.49c1.25-.605%202.744-1.787%204.303-3.642l1.518-1.55a.53.53%200%200%200%200-.739l-.729-.744l1.311.209a.5.5%200%200%200%20.443-.15l.663-.684c.663-.68%201.292-1.325%201.763-1.892c.314-.378.585-.752.754-1.107c.163-.345.278-.773.112-1.188a.5.5%200%200%200-.112-.172M3.733%2011.62C5.385%209.374%207.24%207.215%209.309%205.394l1.21%201.234l-1.171%201.196l-.027.03c-1.5%201.789-2.891%202.867-3.977%203.393c-.544.263-.99.378-1.324.39a1.3%201.3%200%200%201-.287-.018Zm6.769-7.22c1.31-1.028%202.7-1.914%204.172-2.6a7%207%200%200%201-.4.523c-.442.533-1.028%201.134-1.681%201.804l-.51.524zm3.346-3.357C9.594%203.147%206.045%206.8%203.149%2010.678c.007-.464.121-1.086.37-1.806c.533-1.535%201.65-3.415%203.455-4.976c1.807-1.561%203.746-2.36%205.31-2.68a8%208%200%200%201%201.564-.173%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.807.531c-.174-.177-.41-.289-.64-.363a3.8%203.8%200%200%200-.833-.15c-.62-.049-1.394%200-2.252.175C10.365.545%208.264%201.415%206.315%203.1S3.147%206.824%202.557%208.523c-.294.847-.44%201.634-.429%202.268c.005.316.05.62.154.88q.025.061.056.122A68%2068%200%200%200%20.08%2015.198a.53.53%200%200%200%20.157.72a.504.504%200%200%200%20.705-.16a68%2068%200%200%201%202.158-3.26c.285.141.616.195.958.182c.513-.02%201.098-.188%201.723-.49c1.25-.605%202.744-1.787%204.303-3.642l1.518-1.55a.53.53%200%200%200%200-.739l-.729-.744l1.311.209a.5.5%200%200%200%20.443-.15l.663-.684c.663-.68%201.292-1.325%201.763-1.892c.314-.378.585-.752.754-1.107c.163-.345.278-.773.112-1.188a.5.5%200%200%200-.112-.172M3.733%2011.62C5.385%209.374%207.24%207.215%209.309%205.394l1.21%201.234l-1.171%201.196l-.027.03c-1.5%201.789-2.891%202.867-3.977%203.393c-.544.263-.99.378-1.324.39a1.3%201.3%200%200%201-.287-.018Zm6.769-7.22c1.31-1.028%202.7-1.914%204.172-2.6a7%207%200%200%201-.4.523c-.442.533-1.028%201.134-1.681%201.804l-.51.524zm3.346-3.357C9.594%203.147%206.045%206.8%203.149%2010.678c.007-.464.121-1.086.37-1.806c.533-1.535%201.65-3.415%203.455-4.976c1.807-1.561%203.746-2.36%205.31-2.68a8%208%200%200%201%201.564-.173%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/feather.svg?color=%231a73e8&size=48
