feather icon

feather-f from Jam Icons by Michael Amprimo · Filled · MIT Free for personal and commercial use.

Name: feather-f
Set: Jam Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in Jam Icons

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 featherLine Awesome featherLucide featherMaterial Design Icons featherNoto Emoji featherOpenMoji featherPhosphor featherPixelarticons featherTabler Icons featherTwitter Emoji

Use the feather icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1.5 -1.5 24 24"><path fill="currentColor" d="m16.393 12.029l-4.461-1.196l3.018-3.018a1 1 0 1 0-1.414-1.414l-.897.897l-1.195-4.462l.677-.677a5 5 0 0 1 7.071 7.07zm-1.633 1.633l-3.766 3.766l-5.318-.339l4.623-4.623zM4.343 15.594l1.414 1.414l-3.535 3.535A1 1 0 1 1 .808 19.13l3.45-3.45l-.326-5.331L9.811 4.47l1.195 4.462z"/></svg>

React

import type { SVGProps } from "react";

export function JamFeatherF(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1.5 -1.5 24 24"><path fill="currentColor" d="m16.393 12.029l-4.461-1.196l3.018-3.018a1 1 0 1 0-1.414-1.414l-.897.897l-1.195-4.462l.677-.677a5 5 0 0 1 7.071 7.07zm-1.633 1.633l-3.766 3.766l-5.318-.339l4.623-4.623zM4.343 15.594l1.414 1.414l-3.535 3.535A1 1 0 1 1 .808 19.13l3.45-3.45l-.326-5.331L9.811 4.47l1.195 4.462z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1.5 -1.5 24 24"><path fill="currentColor" d="m16.393 12.029l-4.461-1.196l3.018-3.018a1 1 0 1 0-1.414-1.414l-.897.897l-1.195-4.462l.677-.677a5 5 0 0 1 7.071 7.07zm-1.633 1.633l-3.766 3.766l-5.318-.339l4.623-4.623zM4.343 15.594l1.414 1.414l-3.535 3.535A1 1 0 1 1 .808 19.13l3.45-3.45l-.326-5.331L9.811 4.47l1.195 4.462z"/></svg>
</template>

CSS

.icon-feather-f {
  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%22-1.5%20-1.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.393%2012.029l-4.461-1.196l3.018-3.018a1%201%200%201%200-1.414-1.414l-.897.897l-1.195-4.462l.677-.677a5%205%200%200%201%207.071%207.07zm-1.633%201.633l-3.766%203.766l-5.318-.339l4.623-4.623zM4.343%2015.594l1.414%201.414l-3.535%203.535A1%201%200%201%201%20.808%2019.13l3.45-3.45l-.326-5.331L9.811%204.47l1.195%204.462z%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%22-1.5%20-1.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.393%2012.029l-4.461-1.196l3.018-3.018a1%201%200%201%200-1.414-1.414l-.897.897l-1.195-4.462l.677-.677a5%205%200%200%201%207.071%207.07zm-1.633%201.633l-3.766%203.766l-5.318-.339l4.623-4.623zM4.343%2015.594l1.414%201.414l-3.535%203.535A1%201%200%201%201%20.808%2019.13l3.45-3.45l-.326-5.331L9.811%204.47l1.195%204.462z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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