attachment plus icon
attachment-plus from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- attachment-plus
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- attachment-add, paperclip-add
Related icons in Material Design Icons
Use the attachment plus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 16.5h6.05c-.21.47-.37.97-.46 1.5H7.5C4.46 18 2 15.54 2 12.5S4.46 7 7.5 7H18c2.21 0 4 1.79 4 4c0 .91-.31 1.74-.83 2.41c-.54-.21-1.12-.34-1.72-.38A2.495 2.495 0 0 0 18 8.5H7.5c-2.21 0-4 1.79-4 4s1.79 4 4 4m2-3c-.55 0-1-.45-1-1s.45-1 1-1H17V10H9.5a2.5 2.5 0 0 0 0 5h5.04a6 6 0 0 1 2.07-1.5zM20 18v-3h-2v3h-3v2h3v3h2v-3h3v-2z"/></svg>
React
import type { SVGProps } from "react";
export function MdiAttachmentPlus(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="M7.5 16.5h6.05c-.21.47-.37.97-.46 1.5H7.5C4.46 18 2 15.54 2 12.5S4.46 7 7.5 7H18c2.21 0 4 1.79 4 4c0 .91-.31 1.74-.83 2.41c-.54-.21-1.12-.34-1.72-.38A2.495 2.495 0 0 0 18 8.5H7.5c-2.21 0-4 1.79-4 4s1.79 4 4 4m2-3c-.55 0-1-.45-1-1s.45-1 1-1H17V10H9.5a2.5 2.5 0 0 0 0 5h5.04a6 6 0 0 1 2.07-1.5zM20 18v-3h-2v3h-3v2h3v3h2v-3h3v-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 16.5h6.05c-.21.47-.37.97-.46 1.5H7.5C4.46 18 2 15.54 2 12.5S4.46 7 7.5 7H18c2.21 0 4 1.79 4 4c0 .91-.31 1.74-.83 2.41c-.54-.21-1.12-.34-1.72-.38A2.495 2.495 0 0 0 18 8.5H7.5c-2.21 0-4 1.79-4 4s1.79 4 4 4m2-3c-.55 0-1-.45-1-1s.45-1 1-1H17V10H9.5a2.5 2.5 0 0 0 0 5h5.04a6 6 0 0 1 2.07-1.5zM20 18v-3h-2v3h-3v2h3v3h2v-3h3v-2z"/></svg> </template>
CSS
.icon-attachment-plus {
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%22M7.5%2016.5h6.05c-.21.47-.37.97-.46%201.5H7.5C4.46%2018%202%2015.54%202%2012.5S4.46%207%207.5%207H18c2.21%200%204%201.79%204%204c0%20.91-.31%201.74-.83%202.41c-.54-.21-1.12-.34-1.72-.38A2.495%202.495%200%200%200%2018%208.5H7.5c-2.21%200-4%201.79-4%204s1.79%204%204%204m2-3c-.55%200-1-.45-1-1s.45-1%201-1H17V10H9.5a2.5%202.5%200%200%200%200%205h5.04a6%206%200%200%201%202.07-1.5zM20%2018v-3h-2v3h-3v2h3v3h2v-3h3v-2z%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%22M7.5%2016.5h6.05c-.21.47-.37.97-.46%201.5H7.5C4.46%2018%202%2015.54%202%2012.5S4.46%207%207.5%207H18c2.21%200%204%201.79%204%204c0%20.91-.31%201.74-.83%202.41c-.54-.21-1.12-.34-1.72-.38A2.495%202.495%200%200%200%2018%208.5H7.5c-2.21%200-4%201.79-4%204s1.79%204%204%204m2-3c-.55%200-1-.45-1-1s.45-1%201-1H17V10H9.5a2.5%202.5%200%200%200%200%205h5.04a6%206%200%200%201%202.07-1.5zM20%2018v-3h-2v3h-3v2h3v3h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/attachment-plus.svg?color=%231a73e8&size=48
