Systemfolder icon
whh:systemfolder
The Systemfolder icon (whh:systemfolder) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1025 × 896 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1025 × 896
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="896" viewBox="0 0 1025 896"><path fill="currentColor" d="M1024.38 192v576q0 53-37.5 90.5t-90.5 37.5h-768q-53 0-90.5-37.5T.38 768V256q0-26 19-45t45-19h480l46-84q7-19 28-31.5t44-12.5h240q24 0 45 12.5t29 31.5zm-325 213q7-12 3.5-25.5t-16.5-20.5l-62-34q-13-7-27-3.5t-22 15.5l-30 50q-17-3-33-3t-33 3l-30-50q-8-12-22-15.5t-27 3.5l-62 34q-13 7-16.5 20.5t3.5 25.5l34 56q-17 23-27 51h-44q-13 0-22.5 9t-9.5 23v64q0 14 9.5 23.5t22.5 9.5h44q10 27 27 50l-34 56q-7 13-3.5 26.5t16.5 20.5l62 33q13 7 27 3.5t22-15.5l30-50q17 3 33 3t33-3l30 50q8 12 22 15.5t27-3.5l62-33q13-7 16.5-20.5t-3.5-26.5l-34-56q17-23 27-50h44q13 0 22.5-9.5t9.5-23.5v-64q0-14-9.5-23t-22.5-9h-44q-10-28-27-51zm-187 299q-53 0-90.5-37.5t-37.5-90.5t37.5-90.5t90.5-37.5t90.5 37.5t37.5 90.5t-37.5 90.5t-90.5 37.5m-466-660q7-19 28-31.5t44-12.5h240q24 0 45 12.5t29 31.5l48 84H.38z"/></svg>How to use the Systemfolder icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:systemfolder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:systemfolder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:systemfolder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--systemfolder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:systemfolder"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:systemfolder"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/systemfolder.svg" alt="Systemfolder icon" width="24" height="24">Systemfolder icon FAQ
Is the Systemfolder icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Systemfolder icon in React?
Install @iconify/react and render <Icon icon="whh:systemfolder" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Systemfolder icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/systemfolder.svg" alt="Systemfolder icon">, or paste the SVG code inline to style it with CSS.