paperclip icon

paperclip-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.

Name
paperclip-sharp
Set
Keyline Icons
Style
Sharp
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

paperclippaperclip-duotonepaperclip-fillpaperclip-sharp-duotonepaperclip-sharp-fillpaperclip-sharp-two-tonepaperclip-two-tone

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 KeylineIconsPaperclipSharp(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 {
  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.svg?color=%231a73e8&size=48