Back to Explorer
16 - 512
0.5 - 4.0
Save to
fileoutline
md attachment
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdAttachmentIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<path d="M0 0h24v24H0V0z" fill="none"/><path d="M18.5 16H7c-2.21 0-4-1.79-4-4s1.79-4 4-4h12.5c1.38 0 2.5 1.12 2.5 2.5S20.88 13 19.5 13H9c-.55 0-1-.45-1-1s.45-1 1-1h9.5V9.5H9c-1.38 0-2.5 1.12-2.5 2.5s1.12 2.5 2.5 2.5h10.5c2.21 0 4-1.79 4-4s-1.79-4-4-4H7c-3.04 0-5.5 2.46-5.5 5.5s2.46 5.5 5.5 5.5h11.5V16z"/>
</svg>
);SVG Optimizer
Before
0.49 KB
↓
After
0.48 KB
Tags
add fileattachattachmentclipcommunicationcomposeconnectconnect filedocumentdocument icondocument managementemailfileimageinsert documentinsert filelinkofficeoffice suppliespaperclippaperclip iconproductivitysendshareshare documentupload documentupload file
Compare Alternatives
See how other libraries approach this concept.