paperclip icon

paperclip from Font Awesome Solid by Dave Gandy · Solid · Business · CC-BY-4.0 Attribution required.

Name
paperclip
Set
Font Awesome Solid
Style
Solid
Category
Business
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

paperclipBootstrap IconspaperclipBoxIcons v2paperclipEmoji One (Colored)paperclipElement PluspaperclipFramework7 IconspaperclipFont Awesome 6 SolidpaperclipFeather IconspaperclipFluent EmojipaperclipFluent Emoji FlatpaperclipFluent Emoji High ContrastpaperclipFirefox OS EmojipaperclipHuge IconspaperclipHumbleiconspaperclipIconParkpaperclipIconPark OutlinepaperclipIonIconspaperclipLine AwesomepaperclipLucidepaperclipMaterial Design IconspaperclipMyna UI IconspaperclipNoto Emojipaperclip-16OcticonspaperclipOpenMojipaperclipPhosphor

More business icons from Font Awesome Solid

address-bookaddress-cardarchivebalance-scalebalance-scale-leftbalance-scale-rightbirthday-cakebookbriefcasebullhornbullseyebusiness-timecalculatorcalendarcalendar-altcertificatechart-areachart-barchart-pieclipboardcolumnscompasscopycopyright

Use the paperclip icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288.6 76.8c56.2-56.2 147.4-56.2 203.6 0s56.2 147.4 0 203.6l-164 164c-34.4 34.4-90.1 34.4-124.5 0s-34.4-90.1 0-124.5l152.8-152.6c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L249 365.3c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l164-164c31.2-31.2 31.2-81.9 0-113.1s-81.9-31.2-113.1 0l-164 164c-53.1 53.1-53.1 139.2 0 192.3s139.2 53.1 192.3 0l130.2-130.1c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-130.2 130c-78.1 78.1-204.7 78.1-282.8 0s-78.1-204.7 0-282.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidPaperclip(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288.6 76.8c56.2-56.2 147.4-56.2 203.6 0s56.2 147.4 0 203.6l-164 164c-34.4 34.4-90.1 34.4-124.5 0s-34.4-90.1 0-124.5l152.8-152.6c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L249 365.3c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l164-164c31.2-31.2 31.2-81.9 0-113.1s-81.9-31.2-113.1 0l-164 164c-53.1 53.1-53.1 139.2 0 192.3s139.2 53.1 192.3 0l130.2-130.1c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-130.2 130c-78.1 78.1-204.7 78.1-282.8 0s-78.1-204.7 0-282.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288.6 76.8c56.2-56.2 147.4-56.2 203.6 0s56.2 147.4 0 203.6l-164 164c-34.4 34.4-90.1 34.4-124.5 0s-34.4-90.1 0-124.5l152.8-152.6c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L249 365.3c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l164-164c31.2-31.2 31.2-81.9 0-113.1s-81.9-31.2-113.1 0l-164 164c-53.1 53.1-53.1 139.2 0 192.3s139.2 53.1 192.3 0l130.2-130.1c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-130.2 130c-78.1 78.1-204.7 78.1-282.8 0s-78.1-204.7 0-282.8z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M288.6%2076.8c56.2-56.2%20147.4-56.2%20203.6%200s56.2%20147.4%200%20203.6l-164%20164c-34.4%2034.4-90.1%2034.4-124.5%200s-34.4-90.1%200-124.5l152.8-152.6c12.5-12.5%2032.8-12.5%2045.3%200s12.5%2032.8%200%2045.3L249%20365.3c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l164-164c31.2-31.2%2031.2-81.9%200-113.1s-81.9-31.2-113.1%200l-164%20164c-53.1%2053.1-53.1%20139.2%200%20192.3s139.2%2053.1%20192.3%200l130.2-130.1c12.5-12.5%2032.8-12.5%2045.3%200s12.5%2032.8%200%2045.3l-130.2%20130c-78.1%2078.1-204.7%2078.1-282.8%200s-78.1-204.7%200-282.8z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M288.6%2076.8c56.2-56.2%20147.4-56.2%20203.6%200s56.2%20147.4%200%20203.6l-164%20164c-34.4%2034.4-90.1%2034.4-124.5%200s-34.4-90.1%200-124.5l152.8-152.6c12.5-12.5%2032.8-12.5%2045.3%200s12.5%2032.8%200%2045.3L249%20365.3c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l164-164c31.2-31.2%2031.2-81.9%200-113.1s-81.9-31.2-113.1%200l-164%20164c-53.1%2053.1-53.1%20139.2%200%20192.3s139.2%2053.1%20192.3%200l130.2-130.1c12.5-12.5%2032.8-12.5%2045.3%200s12.5%2032.8%200%2045.3l-130.2%20130c-78.1%2078.1-204.7%2078.1-282.8%200s-78.1-204.7%200-282.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/paperclip.svg?color=%231a73e8&size=48