paperclip icon
paperclip-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.
- Name
- paperclip-sharp-two-tone
- Set
- Keyline Icons
- Style
- Sharp Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
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 OutlinepaperclipIonIconspaperclipLine AwesomepaperclipLucidepaperclipMaterial Design IconspaperclipMyna UI IconspaperclipNoto Emojipaperclip-16OcticonspaperclipOpenMoji
Use the paperclip icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M15.9645 6.5607L8.0126 14.5125C7.3292 15.1959 7.3292 16.304 8.0126 16.9874C8.696 17.6708 9.8041 17.6708 10.4875 16.9874L18.5 8.9749C19.8668 7.608 19.8668 5.392 18.5 4.0251C17.1332 2.6583 14.9171 2.6583 13.5503 4.0251L5.5377 12.0377C3.4875 14.0879 3.4874 17.4119 5.5377 19.4623C7.5881 21.5126 10.9121 21.5125 12.9623 19.4623L20.2929 12.1317"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsPaperclipSharpTwoTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M15.9645 6.5607L8.0126 14.5125C7.3292 15.1959 7.3292 16.304 8.0126 16.9874C8.696 17.6708 9.8041 17.6708 10.4875 16.9874L18.5 8.9749C19.8668 7.608 19.8668 5.392 18.5 4.0251C17.1332 2.6583 14.9171 2.6583 13.5503 4.0251L5.5377 12.0377C3.4875 14.0879 3.4874 17.4119 5.5377 19.4623C7.5881 21.5126 10.9121 21.5125 12.9623 19.4623L20.2929 12.1317"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M15.9645 6.5607L8.0126 14.5125C7.3292 15.1959 7.3292 16.304 8.0126 16.9874C8.696 17.6708 9.8041 17.6708 10.4875 16.9874L18.5 8.9749C19.8668 7.608 19.8668 5.392 18.5 4.0251C17.1332 2.6583 14.9171 2.6583 13.5503 4.0251L5.5377 12.0377C3.4875 14.0879 3.4874 17.4119 5.5377 19.4623C7.5881 21.5126 10.9121 21.5125 12.9623 19.4623L20.2929 12.1317"/></svg> </template>
CSS
.icon-paperclip-sharp-two-tone {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15.9645%206.5607L8.0126%2014.5125C7.3292%2015.1959%207.3292%2016.304%208.0126%2016.9874C8.696%2017.6708%209.8041%2017.6708%2010.4875%2016.9874L18.5%208.9749C19.8668%207.608%2019.8668%205.392%2018.5%204.0251C17.1332%202.6583%2014.9171%202.6583%2013.5503%204.0251L5.5377%2012.0377C3.4875%2014.0879%203.4874%2017.4119%205.5377%2019.4623C7.5881%2021.5126%2010.9121%2021.5125%2012.9623%2019.4623L20.2929%2012.1317%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15.9645%206.5607L8.0126%2014.5125C7.3292%2015.1959%207.3292%2016.304%208.0126%2016.9874C8.696%2017.6708%209.8041%2017.6708%2010.4875%2016.9874L18.5%208.9749C19.8668%207.608%2019.8668%205.392%2018.5%204.0251C17.1332%202.6583%2014.9171%202.6583%2013.5503%204.0251L5.5377%2012.0377C3.4875%2014.0879%203.4874%2017.4119%205.5377%2019.4623C7.5881%2021.5126%2010.9121%2021.5125%2012.9623%2019.4623L20.2929%2012.1317%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/paperclip-sharp-two-tone.svg?color=%231a73e8&size=48
