Paperclipalt icon
whh:paperclipalt
The Paperclipalt icon (whh:paperclipalt) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 895 × 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
- 895 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="895" height="1025" viewBox="0 0 895 1025"><path fill="currentColor" d="M879 368q-3 3-6.5 9.5T864 385L512 737q-32 32-64 32H320q-27 0-45.5-19T256 705V577q0-10 5-20t10-15t15-14t12-12l179-179q17-17 41-17t41 17t17 41t-17 41L384 594v47h46l320-320l-175-175l-447 448v303h302l367-367q17-17 41-17t40.5 17t16.5 40.5t-16 40.5L508 982q-5 5-14 15.5t-14 14.5t-13.5 8.5t-18.5 4.5H64q-27 0-45.5-19T0 961V577q0-10 6-20.5t11.5-17t15-14.5t10.5-9L512 33l16-16q19-19 47-16q29-3 48 16l17 16l224 224q7 9 15 16q18 19 15 48q3 28-15 47"/></svg>How to use the Paperclipalt icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:paperclipalt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:paperclipalt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:paperclipalt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--paperclipalt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:paperclipalt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:paperclipalt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/paperclipalt.svg" alt="Paperclipalt icon" width="24" height="24">Paperclipalt icon FAQ
Is the Paperclipalt 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 Paperclipalt icon in React?
Install @iconify/react and render <Icon icon="whh:paperclipalt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Paperclipalt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/paperclipalt.svg" alt="Paperclipalt icon">, or paste the SVG code inline to style it with CSS.