attachment icon

attachment-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.

Name: attachment-line
Set: MingCute Icon
Style: Line
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

attachmentCarbon attachmentcss.gg attachmentHuge Icons attachmentIconoir attachmentJam Icons attachmentMage Icons attachmentMajesticons attachmentMaterial Symbols attachmentMaterial Symbols Light attachmentMaterial Design Icons attachmentPixelarticons attachment-fillRemix Icon attachment-outlineTeenyicons

Related icons in MingCute Icon

attachment-2-fill attachment-3-fill

Use the attachment 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-linecap="round" stroke-width="2" d="m12.877 4.308l6.54 6.54a5.25 5.25 0 0 1-7.424 7.425l-7.954-7.954a3.501 3.501 0 1 1 4.952-4.952l7.953 7.953a1.751 1.751 0 1 1-2.477 2.477L7.22 8.55"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteAttachmentLine(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" strokeLinecap="round" strokeWidth="2" d="m12.877 4.308l6.54 6.54a5.25 5.25 0 0 1-7.424 7.425l-7.954-7.954a3.501 3.501 0 1 1 4.952-4.952l7.953 7.953a1.751 1.751 0 1 1-2.477 2.477L7.22 8.55"/></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-linecap="round" stroke-width="2" d="m12.877 4.308l6.54 6.54a5.25 5.25 0 0 1-7.424 7.425l-7.954-7.954a3.501 3.501 0 1 1 4.952-4.952l7.953 7.953a1.751 1.751 0 1 1-2.477 2.477L7.22 8.55"/></svg>
</template>

CSS

.icon-attachment-line {
  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-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m12.877%204.308l6.54%206.54a5.25%205.25%200%200%201-7.424%207.425l-7.954-7.954a3.501%203.501%200%201%201%204.952-4.952l7.953%207.953a1.751%201.751%200%201%201-2.477%202.477L7.22%208.55%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-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m12.877%204.308l6.54%206.54a5.25%205.25%200%200%201-7.424%207.425l-7.954-7.954a3.501%203.501%200%201%201%204.952-4.952l7.953%207.953a1.751%201.751%200%201%201-2.477%202.477L7.22%208.55%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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