attachment icon

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

Name: attachment-fill
Set: MingCute Icon
Style: Fill
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="3" d="m12.707 4.221l7.071 7.072a6 6 0 1 1-8.485 8.485l-8.485-8.485a4 4 0 1 1 5.656-5.657l8.132 8.131a2 2 0 1 1-2.828 2.829L6.343 9.17"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteAttachmentFill(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="3" d="m12.707 4.221l7.071 7.072a6 6 0 1 1-8.485 8.485l-8.485-8.485a4 4 0 1 1 5.656-5.657l8.132 8.131a2 2 0 1 1-2.828 2.829L6.343 9.17"/></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="3" d="m12.707 4.221l7.071 7.072a6 6 0 1 1-8.485 8.485l-8.485-8.485a4 4 0 1 1 5.656-5.657l8.132 8.131a2 2 0 1 1-2.828 2.829L6.343 9.17"/></svg>
</template>

CSS

.icon-attachment-fill {
  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%223%22%20d%3D%22m12.707%204.221l7.071%207.072a6%206%200%201%201-8.485%208.485l-8.485-8.485a4%204%200%201%201%205.656-5.657l8.132%208.131a2%202%200%201%201-2.828%202.829L6.343%209.17%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%223%22%20d%3D%22m12.707%204.221l7.071%207.072a6%206%200%201%201-8.485%208.485l-8.485-8.485a4%204%200%201%201%205.656-5.657l8.132%208.131a2%202%200%201%201-2.828%202.829L6.343%209.17%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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