Show all available icon sets
Show all icons from Phosphor
Phosphor
Author:
Phosphor Icons
License:
MIT
pencil-light
pencil-line-bold

256 x 256

Selected icon:
ph:pencil-line

Customize "pencil-line" icon:

Color

Size

Flip

Rotate

Mode

Code for "pencil-line" for developers:

HTMLReactVueSvelteEmberSVG
SVG FrameworkCSS

Iconify SVG framework makes using icons as easy as icon fonts. To use "pencil-line" in HTML, add this code to the document:

<span class="iconify" data-icon="ph:pencil-line"></span>

Iconify SVG framework will load icon data from Iconify API and replace that placeholder with SVG.

Make sure you import Iconify SVG framework:

<script src="https://code.iconify.design/2/2.0.3/iconify.min.js"></script>

Click here for more information about Iconify SVG framework.

Goal of Iconify is to make using icons as simple as possible, while offering huge number of icons.

Currently you can use icons in your projects as JavaScript library for browsers, React, Vue and Svelte components. Plug-ins for Sketch and Figma are available to make life of designers easier. Iconify Icon Finder will be available soon to help developers add icon piclers to their projects, such as website builders and website customisers.

See about Iconify page to learn more about Iconify project.