attachment icon
attachment from Carbon by IBM · Outline · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- attachment
- Set
- Carbon
- Style
- Outline
- Category
- Actions
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
attachmentcss.ggattachmentHuge IconsattachmentIconoirattachmentJam IconsattachmentMage IconsattachmentMajesticonsattachmentMaterial SymbolsattachmentMaterial Symbols LightattachmentMaterial Design Iconsattachment-fillMingCute IconattachmentPixelarticonsattachment-fillRemix Iconattachment-outlineTeenyicons
More actions icons from Carbon
activity-taskadapter-notificationaddadd-altadd-commentadd-largealign-box-bottom-centeralign-box-bottom-leftalign-box-bottom-rightalign-box-middle-centeralign-box-middle-leftalign-box-middle-rightalign-box-top-centeralign-box-top-leftalign-box-top-rightalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-vertical-bottomalign-vertical-centeralign-vertical-topappsareaarea-custom
Use the attachment icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.1 18.9l-15-15c-2.5-2.6-6.6-2.6-9.2-.1s-2.6 6.7 0 9.2l.1.1L6.8 16l1.4-1.4l-2.9-2.9c-1.7-1.7-1.7-4.6 0-6.3s4.6-1.8 6.3-.1l.1.1l14.9 14.9c1.8 1.7 1.8 4.6.1 6.3c-1.7 1.8-4.6 1.8-6.3.1l-.1-.1l-7.4-7.4c-1-1-.9-2.6 0-3.5c1-.9 2.5-.9 3.5 0l4.1 4.1l1.4-1.4l-4.2-4.2c-1.8-1.7-4.6-1.6-6.3.2c-1.6 1.7-1.6 4.4 0 6.2l7.5 7.5c2.5 2.6 6.6 2.6 9.2.1s2.6-6.7 0-9.3c0 .1 0 0 0 0"/></svg>
React
import type { SVGProps } from "react";
export function CarbonAttachment(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.1 18.9l-15-15c-2.5-2.6-6.6-2.6-9.2-.1s-2.6 6.7 0 9.2l.1.1L6.8 16l1.4-1.4l-2.9-2.9c-1.7-1.7-1.7-4.6 0-6.3s4.6-1.8 6.3-.1l.1.1l14.9 14.9c1.8 1.7 1.8 4.6.1 6.3c-1.7 1.8-4.6 1.8-6.3.1l-.1-.1l-7.4-7.4c-1-1-.9-2.6 0-3.5c1-.9 2.5-.9 3.5 0l4.1 4.1l1.4-1.4l-4.2-4.2c-1.8-1.7-4.6-1.6-6.3.2c-1.6 1.7-1.6 4.4 0 6.2l7.5 7.5c2.5 2.6 6.6 2.6 9.2.1s2.6-6.7 0-9.3c0 .1 0 0 0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.1 18.9l-15-15c-2.5-2.6-6.6-2.6-9.2-.1s-2.6 6.7 0 9.2l.1.1L6.8 16l1.4-1.4l-2.9-2.9c-1.7-1.7-1.7-4.6 0-6.3s4.6-1.8 6.3-.1l.1.1l14.9 14.9c1.8 1.7 1.8 4.6.1 6.3c-1.7 1.8-4.6 1.8-6.3.1l-.1-.1l-7.4-7.4c-1-1-.9-2.6 0-3.5c1-.9 2.5-.9 3.5 0l4.1 4.1l1.4-1.4l-4.2-4.2c-1.8-1.7-4.6-1.6-6.3.2c-1.6 1.7-1.6 4.4 0 6.2l7.5 7.5c2.5 2.6 6.6 2.6 9.2.1s2.6-6.7 0-9.3c0 .1 0 0 0 0"/></svg> </template>
CSS
.icon-attachment {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m28.1%2018.9l-15-15c-2.5-2.6-6.6-2.6-9.2-.1s-2.6%206.7%200%209.2l.1.1L6.8%2016l1.4-1.4l-2.9-2.9c-1.7-1.7-1.7-4.6%200-6.3s4.6-1.8%206.3-.1l.1.1l14.9%2014.9c1.8%201.7%201.8%204.6.1%206.3c-1.7%201.8-4.6%201.8-6.3.1l-.1-.1l-7.4-7.4c-1-1-.9-2.6%200-3.5c1-.9%202.5-.9%203.5%200l4.1%204.1l1.4-1.4l-4.2-4.2c-1.8-1.7-4.6-1.6-6.3.2c-1.6%201.7-1.6%204.4%200%206.2l7.5%207.5c2.5%202.6%206.6%202.6%209.2.1s2.6-6.7%200-9.3c0%20.1%200%200%200%200%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m28.1%2018.9l-15-15c-2.5-2.6-6.6-2.6-9.2-.1s-2.6%206.7%200%209.2l.1.1L6.8%2016l1.4-1.4l-2.9-2.9c-1.7-1.7-1.7-4.6%200-6.3s4.6-1.8%206.3-.1l.1.1l14.9%2014.9c1.8%201.7%201.8%204.6.1%206.3c-1.7%201.8-4.6%201.8-6.3.1l-.1-.1l-7.4-7.4c-1-1-.9-2.6%200-3.5c1-.9%202.5-.9%203.5%200l4.1%204.1l1.4-1.4l-4.2-4.2c-1.8-1.7-4.6-1.6-6.3.2c-1.6%201.7-1.6%204.4%200%206.2l7.5%207.5c2.5%202.6%206.6%202.6%209.2.1s2.6-6.7%200-9.3c0%20.1%200%200%200%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/attachment.svg?color=%231a73e8&size=48
