paperclip emoji
paperclip from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- paperclip
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
paperclipBootstrap IconspaperclipBoxIcons v2paperclipElement PluspaperclipFramework7 IconspaperclipFont Awesome 6 SolidpaperclipFont Awesome SolidpaperclipFeather IconspaperclipFluent EmojipaperclipFluent Emoji FlatpaperclipFluent Emoji High ContrastpaperclipFirefox OS EmojipaperclipHuge IconspaperclipHumbleiconspaperclipIconParkpaperclipIconPark OutlinepaperclipIonIconspaperclipLine AwesomepaperclipLucidepaperclipMaterial Design IconspaperclipMyna UI IconspaperclipNoto Emojipaperclip-16OcticonspaperclipOpenMojipaperclipPhosphor
More objects icons from Emoji One (Colored)
Use the paperclip emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#94989b" d="M59.6 23.8c-.8-.8-2-.8-2.8 0L23.9 56.7l-.4.4c-3.8 3.8-10.1 3.8-13.9 0S5.8 47 9.6 43.2L47.2 5.7c2.3-2.3 6.1-2.3 8.4 0c2.2 2.2 2.3 5.8.2 8.2L22.9 46.7c-.8.8-2 .8-2.8 0s-.8-2-.1-2.8c0 0 28-28.1 28.5-28.5c.8-.8.8-2 0-2.8s-2-.7-2.7.1c-.6.6-28.1 28-28.4 28.4c-.7.7-1.2 1.6-1.6 2.5c-.4 1.1-.3 2.4 0 3.5c.5 1.4 1.3 2.5 2.6 3.2c2.3 1.4 5.4 1 7.3-.8l32.7-32.7c3.8-3.8 3.8-10.1 0-14c-3.8-3.8-10.1-3.8-14 0L6.8 40.5c-5.4 5.4-5.4 14.1 0 19.5s14.1 5.4 19.5 0l33.4-33.4c.7-.8.7-2-.1-2.8"/></svg>
React
import type { SVGProps } from "react";
export function EmojionePaperclip(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#94989b" d="M59.6 23.8c-.8-.8-2-.8-2.8 0L23.9 56.7l-.4.4c-3.8 3.8-10.1 3.8-13.9 0S5.8 47 9.6 43.2L47.2 5.7c2.3-2.3 6.1-2.3 8.4 0c2.2 2.2 2.3 5.8.2 8.2L22.9 46.7c-.8.8-2 .8-2.8 0s-.8-2-.1-2.8c0 0 28-28.1 28.5-28.5c.8-.8.8-2 0-2.8s-2-.7-2.7.1c-.6.6-28.1 28-28.4 28.4c-.7.7-1.2 1.6-1.6 2.5c-.4 1.1-.3 2.4 0 3.5c.5 1.4 1.3 2.5 2.6 3.2c2.3 1.4 5.4 1 7.3-.8l32.7-32.7c3.8-3.8 3.8-10.1 0-14c-3.8-3.8-10.1-3.8-14 0L6.8 40.5c-5.4 5.4-5.4 14.1 0 19.5s14.1 5.4 19.5 0l33.4-33.4c.7-.8.7-2-.1-2.8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#94989b" d="M59.6 23.8c-.8-.8-2-.8-2.8 0L23.9 56.7l-.4.4c-3.8 3.8-10.1 3.8-13.9 0S5.8 47 9.6 43.2L47.2 5.7c2.3-2.3 6.1-2.3 8.4 0c2.2 2.2 2.3 5.8.2 8.2L22.9 46.7c-.8.8-2 .8-2.8 0s-.8-2-.1-2.8c0 0 28-28.1 28.5-28.5c.8-.8.8-2 0-2.8s-2-.7-2.7.1c-.6.6-28.1 28-28.4 28.4c-.7.7-1.2 1.6-1.6 2.5c-.4 1.1-.3 2.4 0 3.5c.5 1.4 1.3 2.5 2.6 3.2c2.3 1.4 5.4 1 7.3-.8l32.7-32.7c3.8-3.8 3.8-10.1 0-14c-3.8-3.8-10.1-3.8-14 0L6.8 40.5c-5.4 5.4-5.4 14.1 0 19.5s14.1 5.4 19.5 0l33.4-33.4c.7-.8.7-2-.1-2.8"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M59.6%2023.8c-.8-.8-2-.8-2.8%200L23.9%2056.7l-.4.4c-3.8%203.8-10.1%203.8-13.9%200S5.8%2047%209.6%2043.2L47.2%205.7c2.3-2.3%206.1-2.3%208.4%200c2.2%202.2%202.3%205.8.2%208.2L22.9%2046.7c-.8.8-2%20.8-2.8%200s-.8-2-.1-2.8c0%200%2028-28.1%2028.5-28.5c.8-.8.8-2%200-2.8s-2-.7-2.7.1c-.6.6-28.1%2028-28.4%2028.4c-.7.7-1.2%201.6-1.6%202.5c-.4%201.1-.3%202.4%200%203.5c.5%201.4%201.3%202.5%202.6%203.2c2.3%201.4%205.4%201%207.3-.8l32.7-32.7c3.8-3.8%203.8-10.1%200-14c-3.8-3.8-10.1-3.8-14%200L6.8%2040.5c-5.4%205.4-5.4%2014.1%200%2019.5s14.1%205.4%2019.5%200l33.4-33.4c.7-.8.7-2-.1-2.8%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%2064%2064%22%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M59.6%2023.8c-.8-.8-2-.8-2.8%200L23.9%2056.7l-.4.4c-3.8%203.8-10.1%203.8-13.9%200S5.8%2047%209.6%2043.2L47.2%205.7c2.3-2.3%206.1-2.3%208.4%200c2.2%202.2%202.3%205.8.2%208.2L22.9%2046.7c-.8.8-2%20.8-2.8%200s-.8-2-.1-2.8c0%200%2028-28.1%2028.5-28.5c.8-.8.8-2%200-2.8s-2-.7-2.7.1c-.6.6-28.1%2028-28.4%2028.4c-.7.7-1.2%201.6-1.6%202.5c-.4%201.1-.3%202.4%200%203.5c.5%201.4%201.3%202.5%202.6%203.2c2.3%201.4%205.4%201%207.3-.8l32.7-32.7c3.8-3.8%203.8-10.1%200-14c-3.8-3.8-10.1-3.8-14%200L6.8%2040.5c-5.4%205.4-5.4%2014.1%200%2019.5s14.1%205.4%2019.5%200l33.4-33.4c.7-.8.7-2-.1-2.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/paperclip.svg?color=%231a73e8&size=48