Pen

Animated pen SVG icon for React and Next.js. Draws a writing stroke animation for edit actions, note-taking, and content authoring UI.

import Pen from "cssvg-icons/pen";

export default function App() {
  return (
    <Pen
      color="#ffffff"
      strokeWidth={2}
      size={120}
    />
  );
}

Details

AuthorHari

ReferenceSource Registry

Missing something?

Need a variant of Pen or a different style? Open a GitHub issue and we'll add it to the queue.

Request a variant