Home/Libraries/VSCode Icons (Iconify)/folder-type-sso

VSCode Icons (Iconify)

FolderTypeSso

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><path fill="#818cf8" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#818cf8" d="M30.338 16.364c-.006 2.381-.018 4.762 0 7.143a3.8 3.8 0 0 1-.728 2.293a11 11 0 0 1-2.652 2.522a24 24 0 0 1-3.32 1.97a.26.26 0 0 1-.259.013a20.1 20.1 0 0 1-4.944-3.3a6 6 0 0 1-1.61-2.266a2.8 2.8 0 0 1-.163-.95v-7.436a.24.24 0 0 1 .194-.267q3.24-1.2 6.475-2.418a.42.42 0 0 1 .326 0q3.237 1.214 6.477 2.415a.253.253 0 0 1 .204.281"/><path fill="#818cf8" d="M30.843 15.716q-3.606-1.336-7.207-2.687a.36.36 0 0 0-.274 0q-3.592 1.346-7.188 2.681a.227.227 0 0 0-.172.261v7.748a3.5 3.5 0 0 0 .235 1.275a6.74 6.74 0 0 0 1.773 2.483a20.6 20.6 0 0 0 5.373 3.5a.28.28 0 0 0 .266-.021a23.6 23.6 0 0 0 2.985-1.656a13.3 13.3 0 0 0 3.229-2.782A4.5 4.5 0 0 0 31 23.675v-7.727a.2.2 0 0 0-.157-.232m-1.524 9.9a10.5 10.5 0 0 1-2.526 2.4a22.6 22.6 0 0 1-3.161 1.876a.25.25 0 0 1-.248.013a19.2 19.2 0 0 1-4.708-3.139a5.7 5.7 0 0 1-1.533-2.158a2.6 2.6 0 0 1-.156-.905v-7.084a.23.23 0 0 1 .185-.255q3.087-1.145 6.167-2.3a.4.4 0 0 1 .311 0q3.081 1.155 6.168 2.3a.24.24 0 0 1 .193.269c-.006 2.267-.016 4.535 0 6.8a3.62 3.62 0 0 1-.692 2.181Z"/><path fill="#818cf8" d="M24.642 18a2.6 2.6 0 0 0-.2.938c0 .036-.038.077-.068.108a.641.641 0 0 0 .56 1.079a2.3 2.3 0 0 1 1.466-3.4a2.35 2.35 0 0 1 2.887 1.817a2.27 2.27 0 0 1-1.653 2.612l-.075-.383a1.89 1.89 0 0 0 1.057-2.809a1.97 1.97 0 0 0-2.745-.561a1.84 1.84 0 0 0-.548 2.53a.61.61 0 0 0-.038-.915a.18.18 0 0 1-.076-.182l.079-.451l.042-.014c.114.12.237.232.34.36a2.223 2.223 0 0 1-2.837 3.291a.15.15 0 0 0-.187 0A.253.253 0 0 1 22.3 22a1 1 0 0 0-.077-.049a.222.222 0 0 0-.343.112c-.052.137-.1.275-.155.412a.18.18 0 0 1-.25.119q-.256-.09-.513-.176a.335.335 0 0 0-.356.218l-.044.278c-.019.135-.091.187-.234.184a1 1 0 0 0-.256.022c-.147.036-.189.167-.23.287c-.066.191-.176.224-.353.21a.5.5 0 0 0-.226.049c-.125.058-.239.137-.363.2a.22.22 0 0 1-.148.015c-.3-.09-.595-.187-.892-.282c-.169-.054-.206-.106-.176-.274c.04-.229.086-.457.128-.686a.43.43 0 0 1 .229-.307q1.764-.993 3.525-1.989a.16.16 0 0 0 .1-.175a2.23 2.23 0 0 1 2.859-2.216c.033.012.075.028.117.048m-2.825 2.9l-.116.062l-1.16.657L18.46 22.8c-.116.065-.132.111-.08.206c.063.112.113.125.234.057L21 21.715l.955-.539Z"/><path fill="#818cf8" d="M23.23 22.474a2.59 2.59 0 0 0 2.464-.62a2.44 2.44 0 0 0 .739-2.344a2.19 2.19 0 0 1-.975 3.994a.6.6 0 0 1-.127.01a.29.29 0 0 0-.327.18c-.018.042-.1.069-.159.084a.7.7 0 0 1-.173 0a.22.22 0 0 0-.249.282l.07.4c.025.148-.028.219-.176.245l-.512.092a.34.34 0 0 0-.2.351l.112.283c.049.123.015.2-.1.265a1 1 0 0 0-.224.162c-.125.125-.05.278-.036.419a.2.2 0 0 1-.119.231a.55.55 0 0 0-.334.333a.56.56 0 0 1-.517.368a6 6 0 0 0-.645.131c-.192.041-.249.01-.314-.17c-.074-.2-.143-.412-.221-.616a.43.43 0 0 1 .039-.407c.673-1.139 1.341-2.28 2.014-3.418c.04-.087.082-.16-.03-.255m.552.589l-.018.014q-.972 1.648-1.943 3.3a.122.122 0 0 0 .05.19c.111.067.166.051.239-.073l1.867-3.174l.049-.09Z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FolderTypeSsoIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.