paperclip icon
paperclip-line-duotone from Solar by 480 Design · Line Duotone · Messages · CC-BY-4.0 Attribution required.
- Name
- paperclip-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Messages
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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
More messages icons from Solar
chat-round-add-boldchat-round-boldchat-round-call-boldchat-round-check-boldchat-round-close-boldchat-round-code-boldchat-round-dots-boldchat-round-like-boldchat-round-line-boldchat-round-money-boldchat-round-off-boldchat-round-question-mark-boldchat-round-quote-boldchat-round-replay-boldchat-round-unread-boldchat-round-video-boldchat-round-warning-boldchat-square-add-boldchat-square-arrow-boldchat-square-boldchat-square-call-boldchat-square-check-boldchat-square-close-boldchat-square-code-bold
Use the paperclip icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M7.9175 17.8068L15.8084 10.2535C16.7558 9.34668 16.7558 7.87637 15.8084 6.96951M3 10.0346L9.40419 3.90441C12.0569 1.3652 16.3578 1.3652 19.0105 3.90441"/><path d="M15.8084 6.9694C14.861 6.06254 13.325 6.06253 12.3776 6.9694L4.54388 14.4679C2.74384 16.191 2.74384 18.9846 4.54388 20.7076C6.34393 22.4306 9.26239 22.4306 11.0624 20.7076L19.0105 13.0996C21.6632 10.5604 21.6632 6.44351 19.0105 3.9043" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPaperclipLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" d="M7.9175 17.8068L15.8084 10.2535C16.7558 9.34668 16.7558 7.87637 15.8084 6.96951M3 10.0346L9.40419 3.90441C12.0569 1.3652 16.3578 1.3652 19.0105 3.90441"/><path d="M15.8084 6.9694C14.861 6.06254 13.325 6.06253 12.3776 6.9694L4.54388 14.4679C2.74384 16.191 2.74384 18.9846 4.54388 20.7076C6.34393 22.4306 9.26239 22.4306 11.0624 20.7076L19.0105 13.0996C21.6632 10.5604 21.6632 6.44351 19.0105 3.9043" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M7.9175 17.8068L15.8084 10.2535C16.7558 9.34668 16.7558 7.87637 15.8084 6.96951M3 10.0346L9.40419 3.90441C12.0569 1.3652 16.3578 1.3652 19.0105 3.90441"/><path d="M15.8084 6.9694C14.861 6.06254 13.325 6.06253 12.3776 6.9694L4.54388 14.4679C2.74384 16.191 2.74384 18.9846 4.54388 20.7076C6.34393 22.4306 9.26239 22.4306 11.0624 20.7076L19.0105 13.0996C21.6632 10.5604 21.6632 6.44351 19.0105 3.9043" opacity=".5"/></g></svg> </template>
CSS
.icon-paperclip-line-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7.9175%2017.8068L15.8084%2010.2535C16.7558%209.34668%2016.7558%207.87637%2015.8084%206.96951M3%2010.0346L9.40419%203.90441C12.0569%201.3652%2016.3578%201.3652%2019.0105%203.90441%22%2F%3E%3Cpath%20d%3D%22M15.8084%206.9694C14.861%206.06254%2013.325%206.06253%2012.3776%206.9694L4.54388%2014.4679C2.74384%2016.191%202.74384%2018.9846%204.54388%2020.7076C6.34393%2022.4306%209.26239%2022.4306%2011.0624%2020.7076L19.0105%2013.0996C21.6632%2010.5604%2021.6632%206.44351%2019.0105%203.9043%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7.9175%2017.8068L15.8084%2010.2535C16.7558%209.34668%2016.7558%207.87637%2015.8084%206.96951M3%2010.0346L9.40419%203.90441C12.0569%201.3652%2016.3578%201.3652%2019.0105%203.90441%22%2F%3E%3Cpath%20d%3D%22M15.8084%206.9694C14.861%206.06254%2013.325%206.06253%2012.3776%206.9694L4.54388%2014.4679C2.74384%2016.191%202.74384%2018.9846%204.54388%2020.7076C6.34393%2022.4306%209.26239%2022.4306%2011.0624%2020.7076L19.0105%2013.0996C21.6632%2010.5604%2021.6632%206.44351%2019.0105%203.9043%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/paperclip-line-duotone.svg?color=%231a73e8&size=48
