paperclip icon
paperclip from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- paperclip
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
The same icon in other sets
paperclipBootstrap IconspaperclipBoxIcons v2paperclipEmoji One (Colored)paperclipElement PluspaperclipFramework7 IconspaperclipFont Awesome 6 SolidpaperclipFont Awesome SolidpaperclipFeather IconspaperclipFluent EmojipaperclipFluent Emoji FlatpaperclipFluent Emoji High ContrastpaperclipFirefox OS EmojipaperclipHuge IconspaperclipHumbleiconspaperclipIconParkpaperclipIconPark OutlinepaperclipLine AwesomepaperclipLucidepaperclipMaterial Design IconspaperclipMyna UI IconspaperclipNoto Emojipaperclip-16OcticonspaperclipOpenMojipaperclipPhosphor
Use the paperclip icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M324.6 154.9c-6.3-.1-11.4 5.1-11.4 11.6l-.2 194.8c-.1 43.8-29.7 63.4-57.2 63.2-27.5-.3-57.1-20.4-57-64.1 0-33.5.2-167.7.3-234.8 0-15.4 6-27.4 16.8-33.7 10.6-6.2 24.4-6.1 35 .3 10.8 6.5 16.7 18.6 16.7 34l-.3 224.5c0 7.3-1.7 13.3-4.7 17.1-1.9 2.4-4.4 3.8-6.9 3.8-5.6-.1-11.4-7.3-11.3-20.8 0 0 .2-166.3.3-172.7 0-6.5-5.1-11.8-11.4-11.8-6.3 0-11.4 5.2-11.4 11.7l-.3 172.7c0 29 17.2 44.3 34.2 44.5 9.4.1 18.3-4.4 24.6-12.4 6.3-8 9.7-19 9.7-31.8l.3-224.5c0-23.8-10.2-43.6-28.1-54.3-17.5-10.6-40.3-10.8-57.9-.5-17.9 10.5-28.2 30.1-28.3 53.9-.1 67-.2 201.2-.3 234.8-.1 57.2 40.1 87.4 79.8 87.8 20.5.2 41.1-7.7 56.3-23.1 14.2-14.5 23.7-35.7 23.7-63.4l.1-194.9c.3-6.6-4.8-11.9-11.1-11.9z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonPaperclip(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M324.6 154.9c-6.3-.1-11.4 5.1-11.4 11.6l-.2 194.8c-.1 43.8-29.7 63.4-57.2 63.2-27.5-.3-57.1-20.4-57-64.1 0-33.5.2-167.7.3-234.8 0-15.4 6-27.4 16.8-33.7 10.6-6.2 24.4-6.1 35 .3 10.8 6.5 16.7 18.6 16.7 34l-.3 224.5c0 7.3-1.7 13.3-4.7 17.1-1.9 2.4-4.4 3.8-6.9 3.8-5.6-.1-11.4-7.3-11.3-20.8 0 0 .2-166.3.3-172.7 0-6.5-5.1-11.8-11.4-11.8-6.3 0-11.4 5.2-11.4 11.7l-.3 172.7c0 29 17.2 44.3 34.2 44.5 9.4.1 18.3-4.4 24.6-12.4 6.3-8 9.7-19 9.7-31.8l.3-224.5c0-23.8-10.2-43.6-28.1-54.3-17.5-10.6-40.3-10.8-57.9-.5-17.9 10.5-28.2 30.1-28.3 53.9-.1 67-.2 201.2-.3 234.8-.1 57.2 40.1 87.4 79.8 87.8 20.5.2 41.1-7.7 56.3-23.1 14.2-14.5 23.7-35.7 23.7-63.4l.1-194.9c.3-6.6-4.8-11.9-11.1-11.9z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M324.6 154.9c-6.3-.1-11.4 5.1-11.4 11.6l-.2 194.8c-.1 43.8-29.7 63.4-57.2 63.2-27.5-.3-57.1-20.4-57-64.1 0-33.5.2-167.7.3-234.8 0-15.4 6-27.4 16.8-33.7 10.6-6.2 24.4-6.1 35 .3 10.8 6.5 16.7 18.6 16.7 34l-.3 224.5c0 7.3-1.7 13.3-4.7 17.1-1.9 2.4-4.4 3.8-6.9 3.8-5.6-.1-11.4-7.3-11.3-20.8 0 0 .2-166.3.3-172.7 0-6.5-5.1-11.8-11.4-11.8-6.3 0-11.4 5.2-11.4 11.7l-.3 172.7c0 29 17.2 44.3 34.2 44.5 9.4.1 18.3-4.4 24.6-12.4 6.3-8 9.7-19 9.7-31.8l.3-224.5c0-23.8-10.2-43.6-28.1-54.3-17.5-10.6-40.3-10.8-57.9-.5-17.9 10.5-28.2 30.1-28.3 53.9-.1 67-.2 201.2-.3 234.8-.1 57.2 40.1 87.4 79.8 87.8 20.5.2 41.1-7.7 56.3-23.1 14.2-14.5 23.7-35.7 23.7-63.4l.1-194.9c.3-6.6-4.8-11.9-11.1-11.9z" fill="currentColor"/></svg> </template>
CSS
.icon-paperclip {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M324.6%20154.9c-6.3-.1-11.4%205.1-11.4%2011.6l-.2%20194.8c-.1%2043.8-29.7%2063.4-57.2%2063.2-27.5-.3-57.1-20.4-57-64.1%200-33.5.2-167.7.3-234.8%200-15.4%206-27.4%2016.8-33.7%2010.6-6.2%2024.4-6.1%2035%20.3%2010.8%206.5%2016.7%2018.6%2016.7%2034l-.3%20224.5c0%207.3-1.7%2013.3-4.7%2017.1-1.9%202.4-4.4%203.8-6.9%203.8-5.6-.1-11.4-7.3-11.3-20.8%200%200%20.2-166.3.3-172.7%200-6.5-5.1-11.8-11.4-11.8-6.3%200-11.4%205.2-11.4%2011.7l-.3%20172.7c0%2029%2017.2%2044.3%2034.2%2044.5%209.4.1%2018.3-4.4%2024.6-12.4%206.3-8%209.7-19%209.7-31.8l.3-224.5c0-23.8-10.2-43.6-28.1-54.3-17.5-10.6-40.3-10.8-57.9-.5-17.9%2010.5-28.2%2030.1-28.3%2053.9-.1%2067-.2%20201.2-.3%20234.8-.1%2057.2%2040.1%2087.4%2079.8%2087.8%2020.5.2%2041.1-7.7%2056.3-23.1%2014.2-14.5%2023.7-35.7%2023.7-63.4l.1-194.9c.3-6.6-4.8-11.9-11.1-11.9z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M324.6%20154.9c-6.3-.1-11.4%205.1-11.4%2011.6l-.2%20194.8c-.1%2043.8-29.7%2063.4-57.2%2063.2-27.5-.3-57.1-20.4-57-64.1%200-33.5.2-167.7.3-234.8%200-15.4%206-27.4%2016.8-33.7%2010.6-6.2%2024.4-6.1%2035%20.3%2010.8%206.5%2016.7%2018.6%2016.7%2034l-.3%20224.5c0%207.3-1.7%2013.3-4.7%2017.1-1.9%202.4-4.4%203.8-6.9%203.8-5.6-.1-11.4-7.3-11.3-20.8%200%200%20.2-166.3.3-172.7%200-6.5-5.1-11.8-11.4-11.8-6.3%200-11.4%205.2-11.4%2011.7l-.3%20172.7c0%2029%2017.2%2044.3%2034.2%2044.5%209.4.1%2018.3-4.4%2024.6-12.4%206.3-8%209.7-19%209.7-31.8l.3-224.5c0-23.8-10.2-43.6-28.1-54.3-17.5-10.6-40.3-10.8-57.9-.5-17.9%2010.5-28.2%2030.1-28.3%2053.9-.1%2067-.2%20201.2-.3%20234.8-.1%2057.2%2040.1%2087.4%2079.8%2087.8%2020.5.2%2041.1-7.7%2056.3-23.1%2014.2-14.5%2023.7-35.7%2023.7-63.4l.1-194.9c.3-6.6-4.8-11.9-11.1-11.9z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/paperclip.svg?color=%231a73e8&size=48
