Paperclip icon
whh:paperclip
The Paperclip icon (whh:paperclip) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 961 × 1025 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
- 961 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="961" height="1025" viewBox="0 0 961 1025"><path fill="currentColor" d="M513 832q8-7 160-157t178-177q19-18 45.5-18t45.5 18.5t19 45.5t-19 45q-22 22-173 174T610 922q-68 67-159.5 91t-183-1T107 919T13 760t-1-181.5T104 420L452 76Q528 0 636 0t184.5 75.5T897 258t-76 182L535 723q-47 45-115 45t-115.5-45.5t-47.5-108T304 506q17-17 115-117.5T531 274q19-19 45.5-19t45 19t18.5 45.5t-18 45.5q-11 10-112.5 113T398 591q-9 9-9 22t9.5 22t22.5 9t23-9l285-286q92-91-.5-182.5T544 167L193 512q-69 69-68.5 161.5t68 159t159.5 67T513 832"/></svg>
How to use the Paperclip icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:paperclip" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:paperclip" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:paperclip" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--paperclip]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:paperclip"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:paperclip"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/paperclip.svg" alt="Paperclip icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Paperclip icon in other icon sets
Paperclip icon FAQ
Is the Paperclip 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 Paperclip icon in React?
Install @iconify/react and render <Icon icon="whh:paperclip" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Paperclip icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/paperclip.svg" alt="Paperclip icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
