folder attachment open logo

folder-attachment-open from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
folder-attachment-open
Set
Material Icon Theme
Style
Color
Viewbox
1024×1024
License
MIT

Related icons in Material Icon Theme

folder-adminfolder-admin-openfolder-androidfolder-android-openfolder-angularfolder-angular-openfolder-animationfolder-animation-openfolder-ansiblefolder-ansible-openfolder-apifolder-api-openfolder-apollofolder-apollo-openfolder-appfolder-app-openfolder-appwritefolder-appwrite-openfolder-archivefolder-archive-openfolder-assemblyfolder-assembly-openfolder-astrofolder-astro-open

Use the folder attachment open logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="#9c27b0" d="M128 192a64 64 0 0 0-64 64v512a64 64 0 0 0 64 64h704l153.791-358.783A64 64 0 0 0 926.912 384H302.145a64 64 0 0 0-60.737 43.775L128 768V320h768a64 64 0 0 0-64-64H483.969a64 64 0 0 1-40.961-14.848l-41.215-34.304A64 64 0 0 0 360.832 192z"/><path fill="#e1bee7" d="M990.922 446.852c.156 8.69-1.383 17.621-5.131 26.365l-26.271 61.287c.306 3.125.48 6.29.48 9.496c0 53.02-42.98 96-96 96H544c-17.673 0-32-14.327-32-32s14.327-32 32-32h320v-64H544c-53.02 0-96 42.98-96 96s42.98 96 96 96h320c88.366 0 160-71.634 160-160c0-36.586-12.416-70.195-33.078-97.148"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeFolderAttachmentOpen(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="#9c27b0" d="M128 192a64 64 0 0 0-64 64v512a64 64 0 0 0 64 64h704l153.791-358.783A64 64 0 0 0 926.912 384H302.145a64 64 0 0 0-60.737 43.775L128 768V320h768a64 64 0 0 0-64-64H483.969a64 64 0 0 1-40.961-14.848l-41.215-34.304A64 64 0 0 0 360.832 192z"/><path fill="#e1bee7" d="M990.922 446.852c.156 8.69-1.383 17.621-5.131 26.365l-26.271 61.287c.306 3.125.48 6.29.48 9.496c0 53.02-42.98 96-96 96H544c-17.673 0-32-14.327-32-32s14.327-32 32-32h320v-64H544c-53.02 0-96 42.98-96 96s42.98 96 96 96h320c88.366 0 160-71.634 160-160c0-36.586-12.416-70.195-33.078-97.148"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="#9c27b0" d="M128 192a64 64 0 0 0-64 64v512a64 64 0 0 0 64 64h704l153.791-358.783A64 64 0 0 0 926.912 384H302.145a64 64 0 0 0-60.737 43.775L128 768V320h768a64 64 0 0 0-64-64H483.969a64 64 0 0 1-40.961-14.848l-41.215-34.304A64 64 0 0 0 360.832 192z"/><path fill="#e1bee7" d="M990.922 446.852c.156 8.69-1.383 17.621-5.131 26.365l-26.271 61.287c.306 3.125.48 6.29.48 9.496c0 53.02-42.98 96-96 96H544c-17.673 0-32-14.327-32-32s14.327-32 32-32h320v-64H544c-53.02 0-96 42.98-96 96s42.98 96 96 96h320c88.366 0 160-71.634 160-160c0-36.586-12.416-70.195-33.078-97.148"/></svg>
</template>

CSS

.icon-folder-attachment-open {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22%239c27b0%22%20d%3D%22M128%20192a64%2064%200%200%200-64%2064v512a64%2064%200%200%200%2064%2064h704l153.791-358.783A64%2064%200%200%200%20926.912%20384H302.145a64%2064%200%200%200-60.737%2043.775L128%20768V320h768a64%2064%200%200%200-64-64H483.969a64%2064%200%200%201-40.961-14.848l-41.215-34.304A64%2064%200%200%200%20360.832%20192z%22%2F%3E%3Cpath%20fill%3D%22%23e1bee7%22%20d%3D%22M990.922%20446.852c.156%208.69-1.383%2017.621-5.131%2026.365l-26.271%2061.287c.306%203.125.48%206.29.48%209.496c0%2053.02-42.98%2096-96%2096H544c-17.673%200-32-14.327-32-32s14.327-32%2032-32h320v-64H544c-53.02%200-96%2042.98-96%2096s42.98%2096%2096%2096h320c88.366%200%20160-71.634%20160-160c0-36.586-12.416-70.195-33.078-97.148%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%201024%201024%22%3E%3Cpath%20fill%3D%22%239c27b0%22%20d%3D%22M128%20192a64%2064%200%200%200-64%2064v512a64%2064%200%200%200%2064%2064h704l153.791-358.783A64%2064%200%200%200%20926.912%20384H302.145a64%2064%200%200%200-60.737%2043.775L128%20768V320h768a64%2064%200%200%200-64-64H483.969a64%2064%200%200%201-40.961-14.848l-41.215-34.304A64%2064%200%200%200%20360.832%20192z%22%2F%3E%3Cpath%20fill%3D%22%23e1bee7%22%20d%3D%22M990.922%20446.852c.156%208.69-1.383%2017.621-5.131%2026.365l-26.271%2061.287c.306%203.125.48%206.29.48%209.496c0%2053.02-42.98%2096-96%2096H544c-17.673%200-32-14.327-32-32s14.327-32%2032-32h320v-64H544c-53.02%200-96%2042.98-96%2096s42.98%2096%2096%2096h320c88.366%200%20160-71.634%20160-160c0-36.586-12.416-70.195-33.078-97.148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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