Paper And Pencil icon
pinhead:paper-and-pencil
The Paper And Pencil icon (pinhead:paper-and-pencil) is a free SVG icon from the Pinhead Map Icons set by Quincy Morgan. It is drawn on a 15 × 15 grid. Pinhead Map Icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Pinhead Map Icons
- Author
- Quincy Morgan
- License
- CC0-1.0
- Size
- 15 × 15
- Tags
- paperand, andpencil, paperandpencil
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10 0v15H0V0zM9 1H1v13h8zM2.5 4h5c.5 0 .5 1 0 1h-5C2 5 2 4 2.5 4m0 2h5c.5 0 .5 1 0 1h-5C2 7 2 6 2.5 6m0 2h5c.5 0 .5 1 0 1h-5C2 9 2 8 2.5 8m0 2h5c.5 0 .5 1 0 1h-5c-.5 0-.5-1 0-1m8.5 3c.5.5 2.5.5 3 0c0 0-1 2-1.5 2S11 13 11 13m0-10c0 .5 3 .5 3 0v9c0 .5-3 .5-3 0zm1.5-3C11 0 11 .5 11 1v1c0 .5 3 .5 3 0V1c0-.5 0-1-1.5-1"/></svg>How to use the Paper And Pencil icon
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:paper-and-pencil" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:paper-and-pencil" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:paper-and-pencil" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--paper-and-pencil]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:paper-and-pencil"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:paper-and-pencil"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/pinhead/paper-and-pencil.svg" alt="Paper And Pencil icon" width="24" height="24">Related icons in Pinhead Map Icons
Paper And Pencil icon FAQ
Is the Paper And Pencil icon free for commercial use?
Yes. Pinhead Map Icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Paper And Pencil icon in React?
Install @iconify/react and render <Icon icon="pinhead:paper-and-pencil" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Paper And Pencil icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/pinhead/paper-and-pencil.svg" alt="Paper And Pencil icon">, or paste the SVG code inline to style it with CSS.