Circlepencil icon
whh:circlepencil
The Circlepencil icon (whh:circlepencil) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M960 760L556 356L356 556l404 404q-116 64-248 64q-139 0-257-68.5T68.5 769T0 512t68.5-257T255 68.5T512 0t257 68.5T955.5 255t68.5 257q0 133-64 248M256 256l34 112q57-21 78-78zm153 47q-12 38-40 66t-66 40l33 107l180-180z"/></svg>How to use the Circlepencil icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:circlepencil" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:circlepencil" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:circlepencil" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--circlepencil]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:circlepencil"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:circlepencil"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/circlepencil.svg" alt="Circlepencil icon" width="24" height="24">Circlepencil icon FAQ
Is the Circlepencil icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Circlepencil icon in React?
Install @iconify/react and render <Icon icon="whh:circlepencil" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Circlepencil icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/circlepencil.svg" alt="Circlepencil icon">, or paste the SVG code inline to style it with CSS.