pen nib straight icon

pen-nib-straight-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: pen-nib-straight-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

pen-nib-straight pen-nib-straight-bold pen-nib-straight-duotone pen-nib-straight-fill pen-nib-straight-thin

Related icons in Phosphor

Use the pen nib straight icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220.54 124.77a2 2 0 0 0-.15-.28L190 70.42V32a14 14 0 0 0-14-14H80a14 14 0 0 0-14 14v38.44l-30.4 54.05a2 2 0 0 0-.15.28a14 14 0 0 0 1.27 14.5a1 1 0 0 1 .08.11l86.44 112.28a6 6 0 0 0 9.51 0l86.43-112.28a1 1 0 0 1 .08-.11a14 14 0 0 0 1.28-14.5M80 30h96a2 2 0 0 1 2 2v34H78V32a2 2 0 0 1 2-2m48 116a14 14 0 1 1 14-14a14 14 0 0 1-14 14m81.63-13.88L134 230.38v-73.09a26 26 0 1 0-12 0v73.07l-75.63-98.24a2 2 0 0 1-.2-1.93L75.52 78h105l29.34 52.19a2 2 0 0 1-.23 1.93"/></svg>

React

import type { SVGProps } from "react";

export function PhPenNibStraightLight(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="M220.54 124.77a2 2 0 0 0-.15-.28L190 70.42V32a14 14 0 0 0-14-14H80a14 14 0 0 0-14 14v38.44l-30.4 54.05a2 2 0 0 0-.15.28a14 14 0 0 0 1.27 14.5a1 1 0 0 1 .08.11l86.44 112.28a6 6 0 0 0 9.51 0l86.43-112.28a1 1 0 0 1 .08-.11a14 14 0 0 0 1.28-14.5M80 30h96a2 2 0 0 1 2 2v34H78V32a2 2 0 0 1 2-2m48 116a14 14 0 1 1 14-14a14 14 0 0 1-14 14m81.63-13.88L134 230.38v-73.09a26 26 0 1 0-12 0v73.07l-75.63-98.24a2 2 0 0 1-.2-1.93L75.52 78h105l29.34 52.19a2 2 0 0 1-.23 1.93"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220.54 124.77a2 2 0 0 0-.15-.28L190 70.42V32a14 14 0 0 0-14-14H80a14 14 0 0 0-14 14v38.44l-30.4 54.05a2 2 0 0 0-.15.28a14 14 0 0 0 1.27 14.5a1 1 0 0 1 .08.11l86.44 112.28a6 6 0 0 0 9.51 0l86.43-112.28a1 1 0 0 1 .08-.11a14 14 0 0 0 1.28-14.5M80 30h96a2 2 0 0 1 2 2v34H78V32a2 2 0 0 1 2-2m48 116a14 14 0 1 1 14-14a14 14 0 0 1-14 14m81.63-13.88L134 230.38v-73.09a26 26 0 1 0-12 0v73.07l-75.63-98.24a2 2 0 0 1-.2-1.93L75.52 78h105l29.34 52.19a2 2 0 0 1-.23 1.93"/></svg>
</template>

CSS

.icon-pen-nib-straight-light {
  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%22M220.54%20124.77a2%202%200%200%200-.15-.28L190%2070.42V32a14%2014%200%200%200-14-14H80a14%2014%200%200%200-14%2014v38.44l-30.4%2054.05a2%202%200%200%200-.15.28a14%2014%200%200%200%201.27%2014.5a1%201%200%200%201%20.08.11l86.44%20112.28a6%206%200%200%200%209.51%200l86.43-112.28a1%201%200%200%201%20.08-.11a14%2014%200%200%200%201.28-14.5M80%2030h96a2%202%200%200%201%202%202v34H78V32a2%202%200%200%201%202-2m48%20116a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m81.63-13.88L134%20230.38v-73.09a26%2026%200%201%200-12%200v73.07l-75.63-98.24a2%202%200%200%201-.2-1.93L75.52%2078h105l29.34%2052.19a2%202%200%200%201-.23%201.93%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%22M220.54%20124.77a2%202%200%200%200-.15-.28L190%2070.42V32a14%2014%200%200%200-14-14H80a14%2014%200%200%200-14%2014v38.44l-30.4%2054.05a2%202%200%200%200-.15.28a14%2014%200%200%200%201.27%2014.5a1%201%200%200%201%20.08.11l86.44%20112.28a6%206%200%200%200%209.51%200l86.43-112.28a1%201%200%200%201%20.08-.11a14%2014%200%200%200%201.28-14.5M80%2030h96a2%202%200%200%201%202%202v34H78V32a2%202%200%200%201%202-2m48%20116a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m81.63-13.88L134%20230.38v-73.09a26%2026%200%201%200-12%200v73.07l-75.63-98.24a2%202%200%200%201-.2-1.93L75.52%2078h105l29.34%2052.19a2%202%200%200%201-.23%201.93%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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