pen nib straight icon

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

Name: pen-nib-straight-duotone
Set: Phosphor
Style: Duotone
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

pen-nib-straight pen-nib-straight-bold pen-nib-straight-fill pen-nib-straight-light 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"><g fill="currentColor"><path d="M215.17 127.43L184 72H72l-31.17 55.43a8 8 0 0 0 .73 8.29L128 248l86.43-112.28a8 8 0 0 0 .74-8.29M128 152a20 20 0 1 1 20-20a20 20 0 0 1-20 20" opacity=".2"/><path d="M222.33 123.89c-.06-.13-.12-.26-.19-.38L192 69.9V32a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v37.92l-30.14 53.59c-.07.12-.13.25-.2.38a15.94 15.94 0 0 0 1.46 16.57l.11.14l86.44 112.28a8 8 0 0 0 12.67 0l86.43-112.28l.11-.14a15.92 15.92 0 0 0 1.45-16.57M176 32v32H80V32Zm-48 112a12 12 0 1 1 12-12a12 12 0 0 1-12 12m8 80.5v-65.67a28 28 0 1 0-16 0v65.66L48 131l28.69-51h102.63L208 131Z"/></g></svg>

React

import type { SVGProps } from "react";

export function PhPenNibStraightDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M215.17 127.43L184 72H72l-31.17 55.43a8 8 0 0 0 .73 8.29L128 248l86.43-112.28a8 8 0 0 0 .74-8.29M128 152a20 20 0 1 1 20-20a20 20 0 0 1-20 20" opacity=".2"/><path d="M222.33 123.89c-.06-.13-.12-.26-.19-.38L192 69.9V32a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v37.92l-30.14 53.59c-.07.12-.13.25-.2.38a15.94 15.94 0 0 0 1.46 16.57l.11.14l86.44 112.28a8 8 0 0 0 12.67 0l86.43-112.28l.11-.14a15.92 15.92 0 0 0 1.45-16.57M176 32v32H80V32Zm-48 112a12 12 0 1 1 12-12a12 12 0 0 1-12 12m8 80.5v-65.67a28 28 0 1 0-16 0v65.66L48 131l28.69-51h102.63L208 131Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M215.17 127.43L184 72H72l-31.17 55.43a8 8 0 0 0 .73 8.29L128 248l86.43-112.28a8 8 0 0 0 .74-8.29M128 152a20 20 0 1 1 20-20a20 20 0 0 1-20 20" opacity=".2"/><path d="M222.33 123.89c-.06-.13-.12-.26-.19-.38L192 69.9V32a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v37.92l-30.14 53.59c-.07.12-.13.25-.2.38a15.94 15.94 0 0 0 1.46 16.57l.11.14l86.44 112.28a8 8 0 0 0 12.67 0l86.43-112.28l.11-.14a15.92 15.92 0 0 0 1.45-16.57M176 32v32H80V32Zm-48 112a12 12 0 1 1 12-12a12 12 0 0 1-12 12m8 80.5v-65.67a28 28 0 1 0-16 0v65.66L48 131l28.69-51h102.63L208 131Z"/></g></svg>
</template>

CSS

.icon-pen-nib-straight-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M215.17%20127.43L184%2072H72l-31.17%2055.43a8%208%200%200%200%20.73%208.29L128%20248l86.43-112.28a8%208%200%200%200%20.74-8.29M128%20152a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M222.33%20123.89c-.06-.13-.12-.26-.19-.38L192%2069.9V32a16%2016%200%200%200-16-16H80a16%2016%200%200%200-16%2016v37.92l-30.14%2053.59c-.07.12-.13.25-.2.38a15.94%2015.94%200%200%200%201.46%2016.57l.11.14l86.44%20112.28a8%208%200%200%200%2012.67%200l86.43-112.28l.11-.14a15.92%2015.92%200%200%200%201.45-16.57M176%2032v32H80V32Zm-48%20112a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012m8%2080.5v-65.67a28%2028%200%201%200-16%200v65.66L48%20131l28.69-51h102.63L208%20131Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M215.17%20127.43L184%2072H72l-31.17%2055.43a8%208%200%200%200%20.73%208.29L128%20248l86.43-112.28a8%208%200%200%200%20.74-8.29M128%20152a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M222.33%20123.89c-.06-.13-.12-.26-.19-.38L192%2069.9V32a16%2016%200%200%200-16-16H80a16%2016%200%200%200-16%2016v37.92l-30.14%2053.59c-.07.12-.13.25-.2.38a15.94%2015.94%200%200%200%201.46%2016.57l.11.14l86.44%20112.28a8%208%200%200%200%2012.67%200l86.43-112.28l.11-.14a15.92%2015.92%200%200%200%201.45-16.57M176%2032v32H80V32Zm-48%20112a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012m8%2080.5v-65.67a28%2028%200%201%200-16%200v65.66L48%20131l28.69-51h102.63L208%20131Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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