attach icon

attach-fill from Eva Icons by Akveo · Fill · MIT Free for personal and commercial use.

Name: attach-fill
Set: Eva Icons
Style: Fill
Viewbox: 24×24
License: MIT

1 other variant in Eva Icons

attach-outline

The same icon in other sets

attachAkar Icons attach-12-filledFluent UI System Icons attachIonIcons attach-outlineTeenyicons

Related icons in Eva Icons

attach-2-fill

Use the attach icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 21a6.23 6.23 0 0 1-4.43-1.88a6 6 0 0 1-.22-8.49L12 3.2A4.1 4.1 0 0 1 15 2a4.48 4.48 0 0 1 3.19 1.35a4.36 4.36 0 0 1 .15 6.13l-7.4 7.43a2.54 2.54 0 0 1-1.81.75a2.72 2.72 0 0 1-1.95-.82a2.68 2.68 0 0 1-.08-3.77l6.83-6.86a1 1 0 0 1 1.37 1.41l-6.83 6.86a.68.68 0 0 0 .08.95a.78.78 0 0 0 .53.23a.56.56 0 0 0 .4-.16l7.39-7.43a2.36 2.36 0 0 0-.15-3.31a2.38 2.38 0 0 0-3.27-.15L6.06 12a4 4 0 0 0 .22 5.67a4.22 4.22 0 0 0 3 1.29a3.67 3.67 0 0 0 2.61-1.06l7.39-7.43a1 1 0 1 1 1.42 1.41l-7.39 7.43A5.65 5.65 0 0 1 9.29 21"/></svg>

React

import type { SVGProps } from "react";

export function EvaAttachFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 21a6.23 6.23 0 0 1-4.43-1.88a6 6 0 0 1-.22-8.49L12 3.2A4.1 4.1 0 0 1 15 2a4.48 4.48 0 0 1 3.19 1.35a4.36 4.36 0 0 1 .15 6.13l-7.4 7.43a2.54 2.54 0 0 1-1.81.75a2.72 2.72 0 0 1-1.95-.82a2.68 2.68 0 0 1-.08-3.77l6.83-6.86a1 1 0 0 1 1.37 1.41l-6.83 6.86a.68.68 0 0 0 .08.95a.78.78 0 0 0 .53.23a.56.56 0 0 0 .4-.16l7.39-7.43a2.36 2.36 0 0 0-.15-3.31a2.38 2.38 0 0 0-3.27-.15L6.06 12a4 4 0 0 0 .22 5.67a4.22 4.22 0 0 0 3 1.29a3.67 3.67 0 0 0 2.61-1.06l7.39-7.43a1 1 0 1 1 1.42 1.41l-7.39 7.43A5.65 5.65 0 0 1 9.29 21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 21a6.23 6.23 0 0 1-4.43-1.88a6 6 0 0 1-.22-8.49L12 3.2A4.1 4.1 0 0 1 15 2a4.48 4.48 0 0 1 3.19 1.35a4.36 4.36 0 0 1 .15 6.13l-7.4 7.43a2.54 2.54 0 0 1-1.81.75a2.72 2.72 0 0 1-1.95-.82a2.68 2.68 0 0 1-.08-3.77l6.83-6.86a1 1 0 0 1 1.37 1.41l-6.83 6.86a.68.68 0 0 0 .08.95a.78.78 0 0 0 .53.23a.56.56 0 0 0 .4-.16l7.39-7.43a2.36 2.36 0 0 0-.15-3.31a2.38 2.38 0 0 0-3.27-.15L6.06 12a4 4 0 0 0 .22 5.67a4.22 4.22 0 0 0 3 1.29a3.67 3.67 0 0 0 2.61-1.06l7.39-7.43a1 1 0 1 1 1.42 1.41l-7.39 7.43A5.65 5.65 0 0 1 9.29 21"/></svg>
</template>

CSS

.icon-attach-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%22currentColor%22%20d%3D%22M9.29%2021a6.23%206.23%200%200%201-4.43-1.88a6%206%200%200%201-.22-8.49L12%203.2A4.1%204.1%200%200%201%2015%202a4.48%204.48%200%200%201%203.19%201.35a4.36%204.36%200%200%201%20.15%206.13l-7.4%207.43a2.54%202.54%200%200%201-1.81.75a2.72%202.72%200%200%201-1.95-.82a2.68%202.68%200%200%201-.08-3.77l6.83-6.86a1%201%200%200%201%201.37%201.41l-6.83%206.86a.68.68%200%200%200%20.08.95a.78.78%200%200%200%20.53.23a.56.56%200%200%200%20.4-.16l7.39-7.43a2.36%202.36%200%200%200-.15-3.31a2.38%202.38%200%200%200-3.27-.15L6.06%2012a4%204%200%200%200%20.22%205.67a4.22%204.22%200%200%200%203%201.29a3.67%203.67%200%200%200%202.61-1.06l7.39-7.43a1%201%200%201%201%201.42%201.41l-7.39%207.43A5.65%205.65%200%200%201%209.29%2021%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%22currentColor%22%20d%3D%22M9.29%2021a6.23%206.23%200%200%201-4.43-1.88a6%206%200%200%201-.22-8.49L12%203.2A4.1%204.1%200%200%201%2015%202a4.48%204.48%200%200%201%203.19%201.35a4.36%204.36%200%200%201%20.15%206.13l-7.4%207.43a2.54%202.54%200%200%201-1.81.75a2.72%202.72%200%200%201-1.95-.82a2.68%202.68%200%200%201-.08-3.77l6.83-6.86a1%201%200%200%201%201.37%201.41l-6.83%206.86a.68.68%200%200%200%20.08.95a.78.78%200%200%200%20.53.23a.56.56%200%200%200%20.4-.16l7.39-7.43a2.36%202.36%200%200%200-.15-3.31a2.38%202.38%200%200%200-3.27-.15L6.06%2012a4%204%200%200%200%20.22%205.67a4.22%204.22%200%200%200%203%201.29a3.67%203.67%200%200%200%202.61-1.06l7.39-7.43a1%201%200%201%201%201.42%201.41l-7.39%207.43A5.65%205.65%200%200%201%209.29%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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