folder svelte logo

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

Name
folder-svelte
Set
Material Icon Theme
Style
Color
Viewbox
16×16
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 svelte logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#ff5722" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#ffccbc" d="M12.992 4a2.7 2.7 0 0 0-1.433.445L9.321 5.931a2.68 2.68 0 0 0-1.16 1.788a2.92 2.92 0 0 0 .265 1.81a2.8 2.8 0 0 0-.383.999a2.94 2.94 0 0 0 .467 2.156a2.865 2.865 0 0 0 3.93.879l2.24-1.48a2.7 2.7 0 0 0 1.16-1.787a2.92 2.92 0 0 0-.267-1.809a2.8 2.8 0 0 0 .385-1a2.95 2.95 0 0 0-.468-2.156v-.007a2.96 2.96 0 0 0-2.498-1.323Zm.196 1.142a1.803 1.803 0 0 1 1.661 2.092a2 2 0 0 1-.053.216l-.043.135l-.114-.09a2.9 2.9 0 0 0-.875-.456l-.086-.025l.008-.09a.54.54 0 0 0-.091-.346a.525.525 0 0 0-.572-.216a.5.5 0 0 0-.137.063l-2.24 1.482a.5.5 0 0 0-.211.326a.54.54 0 0 0 .086.39a.525.525 0 0 0 .57.222a.5.5 0 0 0 .138-.062l.859-.567a1.6 1.6 0 0 1 .455-.208a1.74 1.74 0 0 1 1.908.736a1.77 1.77 0 0 1 .281 1.297a1.6 1.6 0 0 1-.697 1.078l-2.24 1.485a1.6 1.6 0 0 1-.455.208a1.745 1.745 0 0 1-1.91-.737a1.77 1.77 0 0 1-.28-1.296a1.5 1.5 0 0 1 .053-.216l.043-.134l.115.09a2.9 2.9 0 0 0 .873.452l.086.025l-.008.09a.55.55 0 0 0 .094.344a.525.525 0 0 0 .575.222a.5.5 0 0 0 .137-.063l2.236-1.485a.5.5 0 0 0 .21-.326a.53.53 0 0 0-.086-.39a.525.525 0 0 0-.575-.222a.5.5 0 0 0-.138.063l-.858.567a1.6 1.6 0 0 1-.454.208a1.745 1.745 0 0 1-1.906-.737a1.77 1.77 0 0 1-.279-1.296a1.6 1.6 0 0 1 .698-1.078l2.242-1.486a1.6 1.6 0 0 1 .452-.207a1.7 1.7 0 0 1 .528-.057z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeFolderSvelte(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#ff5722" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#ffccbc" d="M12.992 4a2.7 2.7 0 0 0-1.433.445L9.321 5.931a2.68 2.68 0 0 0-1.16 1.788a2.92 2.92 0 0 0 .265 1.81a2.8 2.8 0 0 0-.383.999a2.94 2.94 0 0 0 .467 2.156a2.865 2.865 0 0 0 3.93.879l2.24-1.48a2.7 2.7 0 0 0 1.16-1.787a2.92 2.92 0 0 0-.267-1.809a2.8 2.8 0 0 0 .385-1a2.95 2.95 0 0 0-.468-2.156v-.007a2.96 2.96 0 0 0-2.498-1.323Zm.196 1.142a1.803 1.803 0 0 1 1.661 2.092a2 2 0 0 1-.053.216l-.043.135l-.114-.09a2.9 2.9 0 0 0-.875-.456l-.086-.025l.008-.09a.54.54 0 0 0-.091-.346a.525.525 0 0 0-.572-.216a.5.5 0 0 0-.137.063l-2.24 1.482a.5.5 0 0 0-.211.326a.54.54 0 0 0 .086.39a.525.525 0 0 0 .57.222a.5.5 0 0 0 .138-.062l.859-.567a1.6 1.6 0 0 1 .455-.208a1.74 1.74 0 0 1 1.908.736a1.77 1.77 0 0 1 .281 1.297a1.6 1.6 0 0 1-.697 1.078l-2.24 1.485a1.6 1.6 0 0 1-.455.208a1.745 1.745 0 0 1-1.91-.737a1.77 1.77 0 0 1-.28-1.296a1.5 1.5 0 0 1 .053-.216l.043-.134l.115.09a2.9 2.9 0 0 0 .873.452l.086.025l-.008.09a.55.55 0 0 0 .094.344a.525.525 0 0 0 .575.222a.5.5 0 0 0 .137-.063l2.236-1.485a.5.5 0 0 0 .21-.326a.53.53 0 0 0-.086-.39a.525.525 0 0 0-.575-.222a.5.5 0 0 0-.138.063l-.858.567a1.6 1.6 0 0 1-.454.208a1.745 1.745 0 0 1-1.906-.737a1.77 1.77 0 0 1-.279-1.296a1.6 1.6 0 0 1 .698-1.078l2.242-1.486a1.6 1.6 0 0 1 .452-.207a1.7 1.7 0 0 1 .528-.057z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#ff5722" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#ffccbc" d="M12.992 4a2.7 2.7 0 0 0-1.433.445L9.321 5.931a2.68 2.68 0 0 0-1.16 1.788a2.92 2.92 0 0 0 .265 1.81a2.8 2.8 0 0 0-.383.999a2.94 2.94 0 0 0 .467 2.156a2.865 2.865 0 0 0 3.93.879l2.24-1.48a2.7 2.7 0 0 0 1.16-1.787a2.92 2.92 0 0 0-.267-1.809a2.8 2.8 0 0 0 .385-1a2.95 2.95 0 0 0-.468-2.156v-.007a2.96 2.96 0 0 0-2.498-1.323Zm.196 1.142a1.803 1.803 0 0 1 1.661 2.092a2 2 0 0 1-.053.216l-.043.135l-.114-.09a2.9 2.9 0 0 0-.875-.456l-.086-.025l.008-.09a.54.54 0 0 0-.091-.346a.525.525 0 0 0-.572-.216a.5.5 0 0 0-.137.063l-2.24 1.482a.5.5 0 0 0-.211.326a.54.54 0 0 0 .086.39a.525.525 0 0 0 .57.222a.5.5 0 0 0 .138-.062l.859-.567a1.6 1.6 0 0 1 .455-.208a1.74 1.74 0 0 1 1.908.736a1.77 1.77 0 0 1 .281 1.297a1.6 1.6 0 0 1-.697 1.078l-2.24 1.485a1.6 1.6 0 0 1-.455.208a1.745 1.745 0 0 1-1.91-.737a1.77 1.77 0 0 1-.28-1.296a1.5 1.5 0 0 1 .053-.216l.043-.134l.115.09a2.9 2.9 0 0 0 .873.452l.086.025l-.008.09a.55.55 0 0 0 .094.344a.525.525 0 0 0 .575.222a.5.5 0 0 0 .137-.063l2.236-1.485a.5.5 0 0 0 .21-.326a.53.53 0 0 0-.086-.39a.525.525 0 0 0-.575-.222a.5.5 0 0 0-.138.063l-.858.567a1.6 1.6 0 0 1-.454.208a1.745 1.745 0 0 1-1.906-.737a1.77 1.77 0 0 1-.279-1.296a1.6 1.6 0 0 1 .698-1.078l2.242-1.486a1.6 1.6 0 0 1 .452-.207a1.7 1.7 0 0 1 .528-.057z"/></svg>
</template>

CSS

.icon-folder-svelte {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22%23ff5722%22%20d%3D%22m6.922%203.768l-.644-.536A1%201%200%200%200%205.638%203H2a1%201%200%200%200-1%201v8a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V5a1%201%200%200%200-1-1H7.562a1%201%200%200%201-.64-.232%22%2F%3E%3Cpath%20fill%3D%22%23ffccbc%22%20d%3D%22M12.992%204a2.7%202.7%200%200%200-1.433.445L9.321%205.931a2.68%202.68%200%200%200-1.16%201.788a2.92%202.92%200%200%200%20.265%201.81a2.8%202.8%200%200%200-.383.999a2.94%202.94%200%200%200%20.467%202.156a2.865%202.865%200%200%200%203.93.879l2.24-1.48a2.7%202.7%200%200%200%201.16-1.787a2.92%202.92%200%200%200-.267-1.809a2.8%202.8%200%200%200%20.385-1a2.95%202.95%200%200%200-.468-2.156v-.007a2.96%202.96%200%200%200-2.498-1.323Zm.196%201.142a1.803%201.803%200%200%201%201.661%202.092a2%202%200%200%201-.053.216l-.043.135l-.114-.09a2.9%202.9%200%200%200-.875-.456l-.086-.025l.008-.09a.54.54%200%200%200-.091-.346a.525.525%200%200%200-.572-.216a.5.5%200%200%200-.137.063l-2.24%201.482a.5.5%200%200%200-.211.326a.54.54%200%200%200%20.086.39a.525.525%200%200%200%20.57.222a.5.5%200%200%200%20.138-.062l.859-.567a1.6%201.6%200%200%201%20.455-.208a1.74%201.74%200%200%201%201.908.736a1.77%201.77%200%200%201%20.281%201.297a1.6%201.6%200%200%201-.697%201.078l-2.24%201.485a1.6%201.6%200%200%201-.455.208a1.745%201.745%200%200%201-1.91-.737a1.77%201.77%200%200%201-.28-1.296a1.5%201.5%200%200%201%20.053-.216l.043-.134l.115.09a2.9%202.9%200%200%200%20.873.452l.086.025l-.008.09a.55.55%200%200%200%20.094.344a.525.525%200%200%200%20.575.222a.5.5%200%200%200%20.137-.063l2.236-1.485a.5.5%200%200%200%20.21-.326a.53.53%200%200%200-.086-.39a.525.525%200%200%200-.575-.222a.5.5%200%200%200-.138.063l-.858.567a1.6%201.6%200%200%201-.454.208a1.745%201.745%200%200%201-1.906-.737a1.77%201.77%200%200%201-.279-1.296a1.6%201.6%200%200%201%20.698-1.078l2.242-1.486a1.6%201.6%200%200%201%20.452-.207a1.7%201.7%200%200%201%20.528-.057z%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%2016%2016%22%3E%3Cpath%20fill%3D%22%23ff5722%22%20d%3D%22m6.922%203.768l-.644-.536A1%201%200%200%200%205.638%203H2a1%201%200%200%200-1%201v8a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V5a1%201%200%200%200-1-1H7.562a1%201%200%200%201-.64-.232%22%2F%3E%3Cpath%20fill%3D%22%23ffccbc%22%20d%3D%22M12.992%204a2.7%202.7%200%200%200-1.433.445L9.321%205.931a2.68%202.68%200%200%200-1.16%201.788a2.92%202.92%200%200%200%20.265%201.81a2.8%202.8%200%200%200-.383.999a2.94%202.94%200%200%200%20.467%202.156a2.865%202.865%200%200%200%203.93.879l2.24-1.48a2.7%202.7%200%200%200%201.16-1.787a2.92%202.92%200%200%200-.267-1.809a2.8%202.8%200%200%200%20.385-1a2.95%202.95%200%200%200-.468-2.156v-.007a2.96%202.96%200%200%200-2.498-1.323Zm.196%201.142a1.803%201.803%200%200%201%201.661%202.092a2%202%200%200%201-.053.216l-.043.135l-.114-.09a2.9%202.9%200%200%200-.875-.456l-.086-.025l.008-.09a.54.54%200%200%200-.091-.346a.525.525%200%200%200-.572-.216a.5.5%200%200%200-.137.063l-2.24%201.482a.5.5%200%200%200-.211.326a.54.54%200%200%200%20.086.39a.525.525%200%200%200%20.57.222a.5.5%200%200%200%20.138-.062l.859-.567a1.6%201.6%200%200%201%20.455-.208a1.74%201.74%200%200%201%201.908.736a1.77%201.77%200%200%201%20.281%201.297a1.6%201.6%200%200%201-.697%201.078l-2.24%201.485a1.6%201.6%200%200%201-.455.208a1.745%201.745%200%200%201-1.91-.737a1.77%201.77%200%200%201-.28-1.296a1.5%201.5%200%200%201%20.053-.216l.043-.134l.115.09a2.9%202.9%200%200%200%20.873.452l.086.025l-.008.09a.55.55%200%200%200%20.094.344a.525.525%200%200%200%20.575.222a.5.5%200%200%200%20.137-.063l2.236-1.485a.5.5%200%200%200%20.21-.326a.53.53%200%200%200-.086-.39a.525.525%200%200%200-.575-.222a.5.5%200%200%200-.138.063l-.858.567a1.6%201.6%200%200%201-.454.208a1.745%201.745%200%200%201-1.906-.737a1.77%201.77%200%200%201-.279-1.296a1.6%201.6%200%200%201%20.698-1.078l2.242-1.486a1.6%201.6%200%200%201%20.452-.207a1.7%201.7%200%200%201%20.528-.057z%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-svelte.svg?color=%231a73e8&size=48