folder trigger open logo

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

Name
folder-trigger-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 trigger open logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="#ffc107" d="M926.944 384h-624.8a64 64 0 0 0-60.736 43.776L128 768V320h768a64 64 0 0 0-64-64H483.968a64 64 0 0 1-40.96-14.848l-41.216-34.304A64 64 0 0 0 360.832 192H128a64 64 0 0 0-64 64v512a64 64 0 0 0 64 64h704l153.76-358.784A64 64 0 0 0 926.944 384"/><path fill="#ffecb3" d="m640 896l64-256h-64a28.252 32.205 0 0 1-20.876-53.906L832 320l-64 256h64a28.252 32.205 0 0 1 20.876 53.906z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeFolderTriggerOpen(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="#ffc107" d="M926.944 384h-624.8a64 64 0 0 0-60.736 43.776L128 768V320h768a64 64 0 0 0-64-64H483.968a64 64 0 0 1-40.96-14.848l-41.216-34.304A64 64 0 0 0 360.832 192H128a64 64 0 0 0-64 64v512a64 64 0 0 0 64 64h704l153.76-358.784A64 64 0 0 0 926.944 384"/><path fill="#ffecb3" d="m640 896l64-256h-64a28.252 32.205 0 0 1-20.876-53.906L832 320l-64 256h64a28.252 32.205 0 0 1 20.876 53.906z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="#ffc107" d="M926.944 384h-624.8a64 64 0 0 0-60.736 43.776L128 768V320h768a64 64 0 0 0-64-64H483.968a64 64 0 0 1-40.96-14.848l-41.216-34.304A64 64 0 0 0 360.832 192H128a64 64 0 0 0-64 64v512a64 64 0 0 0 64 64h704l153.76-358.784A64 64 0 0 0 926.944 384"/><path fill="#ffecb3" d="m640 896l64-256h-64a28.252 32.205 0 0 1-20.876-53.906L832 320l-64 256h64a28.252 32.205 0 0 1 20.876 53.906z"/></svg>
</template>

CSS

.icon-folder-trigger-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%23ffc107%22%20d%3D%22M926.944%20384h-624.8a64%2064%200%200%200-60.736%2043.776L128%20768V320h768a64%2064%200%200%200-64-64H483.968a64%2064%200%200%201-40.96-14.848l-41.216-34.304A64%2064%200%200%200%20360.832%20192H128a64%2064%200%200%200-64%2064v512a64%2064%200%200%200%2064%2064h704l153.76-358.784A64%2064%200%200%200%20926.944%20384%22%2F%3E%3Cpath%20fill%3D%22%23ffecb3%22%20d%3D%22m640%20896l64-256h-64a28.252%2032.205%200%200%201-20.876-53.906L832%20320l-64%20256h64a28.252%2032.205%200%200%201%2020.876%2053.906z%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%23ffc107%22%20d%3D%22M926.944%20384h-624.8a64%2064%200%200%200-60.736%2043.776L128%20768V320h768a64%2064%200%200%200-64-64H483.968a64%2064%200%200%201-40.96-14.848l-41.216-34.304A64%2064%200%200%200%20360.832%20192H128a64%2064%200%200%200-64%2064v512a64%2064%200%200%200%2064%2064h704l153.76-358.784A64%2064%200%200%200%20926.944%20384%22%2F%3E%3Cpath%20fill%3D%22%23ffecb3%22%20d%3D%22m640%20896l64-256h-64a28.252%2032.205%200%200%201-20.876-53.906L832%20320l-64%20256h64a28.252%2032.205%200%200%201%2020.876%2053.906z%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-trigger-open.svg?color=%231a73e8&size=48