@navinc/base-react-components/src/icons/system/pencil.js

Nav's Pattern Library

import React from 'react'

const Pencil = (props) => (
  <svg fill="currentcolor" width="24" height="24" data-testid="icon:pencil" {...props}>
    <path
      fillRule="evenodd"
      d="M18.5848429,2.58919013 L21.4186228,5.42297004 C22.1996652,6.20401242 22.2006019,7.46939572 21.4199593,8.25003831 L8.02248471,21.6475134 C7.82781177,21.8421864 7.44772752,22 7.16682366,22 L3.00063001,22 C2.44799732,22 2,21.5551389 2,20.9994917 L2,16.8338049 C2,16.5559431 2.16010869,16.1707405 2.35266818,15.9783706 L15.7570466,2.58718993 C16.537753,1.80725223 17.8036836,1.80803078 18.5848429,2.58919013 Z M15.1706294,6.00340369 L18.0057457,8.83582478 L9.7994651,17.0421058 L6.95824809,14.2008888 C10.2673961,10.897359 15.1706294,6.00340369 15.1706294,6.00340369 Z M4.00050558,17.1536453 C4.00050558,17.1536453 4.60938804,16.5457795 5.54283702,15.6139048 L8.38525157,18.4563194 L6.83434447,20.0072266 L5.90612091,20.0048557 C6.08943535,19.4784673 5.97081256,18.8703075 5.55025253,18.4497475 C5.13151392,18.0310089 4.526797,17.9115978 4.00198809,18.0915143 L4.00050558,17.1536453 Z"
    />
  </svg>
)

export default Pencil