Paper Clip icon
el:paper-clip
The Paper Clip icon (el:paper-clip) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
- Tags
- paperclip
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M471.701 1111.207C677.774 906.278 838.97 742.464 1018.27 566.612q88.793-92.739 112.472-181.532c27.626-111.707-14.849-208.44-88.793-284.137Q935.397-5.608 814.047.312c-121.35 5.92-160.812 44.726-239.74 122.337L71.146 627.78l82.874 80.899l503.16-503.158c51.63-49.087 113.07-95.365 183.505-88.793c107.317 15.066 202.091 146.416 177.587 238.754c-31.071 81.924-73.905 119.289-133.189 178.571c-180.341 179.88-320.956 318.983-496.253 494.279c-65.88 60.199-108.486 76.498-169.692 19.732q-47.356-47.357-41.437-92.739c4.379-35.301 24.363-59.717 47.355-82.873l459.748-459.75c21.003-21.04 68.836-61.425 88.793-43.409c15.311 35.521-24.12 69.425-43.408 88.793l-422.26 422.259l80.899 82.874L813.06 540.961c73.069-75.365 125.566-167.46 43.409-252.566c-90.862-77.988-186.583-25.923-254.539 41.437L142.182 789.58q-71.034 71.033-80.899 153.908c-5.188 77.454 29.733 139.628 76.953 187.451c44.385 44.143 92.336 68.594 151.936 69.061c71.656-2.869 142.112-50.066 181.529-88.793"/></svg>
How to use the Paper Clip icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:paper-clip" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:paper-clip" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:paper-clip" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--paper-clip]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:paper-clip"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:paper-clip"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/paper-clip.svg" alt="Paper Clip icon" width="24" height="24">
Related icons in Elusive Icons
Paper Clip icon in other icon sets
Paper Clip icon FAQ
Is the Paper Clip icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Paper Clip icon in React?
Install @iconify/react and render <Icon icon="el:paper-clip" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Paper Clip icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/paper-clip.svg" alt="Paper Clip icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
