Attachments icon

et:attachments

The Attachments icon (et:attachments) is a free SVG icon from the Elegant set by Kenny Sing. It is drawn on a 32 × 32 grid. Elegant icons are released under the GPL 3.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Elegant
Author: Kenny Sing
License: GPL-3.0-or-later
Size: 32 × 32
Tags: attachment

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M18.986 16.471a4.6 4.6 0 0 0 3.748-1.331l7.405-7.405a4.6 4.6 0 0 0 1.356-3.231a4.48 4.48 0 0 0-1.316-3.222a4.47 4.47 0 0 0-3.188-1.317h-.033a4.6 4.6 0 0 0-3.23 1.356l-7.405 7.405a4.6 4.6 0 0 0-1.269 4.157a.536.536 0 0 0 1.049-.209a3.53 3.53 0 0 1 .976-3.192l7.405-7.405a3.52 3.52 0 0 1 2.482-1.043c.975 0 1.805.35 2.458 1.003s1.01 1.527 1.004 2.458a3.53 3.53 0 0 1-1.044 2.482l-7.405 7.405a3.55 3.55 0 0 1-2.879 1.024a.54.54 0 0 0-.588.475a.534.534 0 0 0 .474.59m-3.846 6.802a4.57 4.57 0 0 0 1.229-4.334a.53.53 0 0 0-.646-.394a.534.534 0 0 0-.394.645a3.51 3.51 0 0 1-.946 3.328l-7.405 7.405a3.52 3.52 0 0 1-2.482 1.043a3.37 3.37 0 0 1-2.458-1.003a3.4 3.4 0 0 1-1.003-2.458a3.53 3.53 0 0 1 1.043-2.483l7.405-7.405a3.52 3.52 0 0 1 2.906-1.021a.546.546 0 0 0 .592-.471a.536.536 0 0 0-.471-.592a4.6 4.6 0 0 0-3.783 1.327l-7.405 7.405a4.6 4.6 0 0 0-1.356 3.231a4.48 4.48 0 0 0 1.316 3.222c.85.85 1.98 1.317 3.188 1.317h.033a4.6 4.6 0 0 0 3.23-1.356z"/><path d="M22.734 8.872a.534.534 0 0 0-.756 0l-13.5 13.5a.534.534 0 1 0 .756.756l13.5-13.5a.534.534 0 0 0 0-.756"/></g></svg>

How to use the Attachments icon

React

import { Icon } from "@iconify/react";

<Icon icon="et:attachments" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="et:attachments" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="et:attachments" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[et--attachments]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:attachments"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="et:attachments"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/et/attachments.svg" alt="Attachments icon" width="24" height="24">

Attachments icon FAQ

Is the Attachments icon free for commercial use?

Yes. Elegant icons are released under the GPL 3.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license.

How do I use the Attachments icon in React?

Install @iconify/react and render <Icon icon="et:attachments" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Attachments icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/et/attachments.svg" alt="Attachments icon">, or paste the SVG code inline to style it with CSS.

Browse all Elegant icons →