Storage icon
flat-ui:storage
The Storage icon (flat-ui:storage) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 83 grid. Flat UI Icons are released under the MIT 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
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 100 × 83
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83"><path fill="#3B97D3" d="M86.786 28.939c.145-.945.243-1.904.243-2.888c0-10.47-8.489-18.958-18.957-18.958a18.83 18.83 0 0 0-10.046 2.904C53.465 3.99 46.256.108 38.138.108c-13.777 0-24.945 11.168-24.945 24.945c0 1.314.104 2.604.299 3.864C5.801 31.334.222 38.518.222 47.006c0 10.471 8.488 18.957 18.953 18.957h61.863c10.475 0 18.963-8.486 18.963-18.957c-.001-8.467-5.551-15.633-13.215-18.067"/><path fill="#66B5E4" d="M21.109 53h57.784v30H21.109z"/><path fill="#53A4DB" d="M34.035 69h32l-14 14H21.141l-.032-.968z"/><path fill="#6BC9F2" d="M67.993 41.99L78.893 53H21.109l10.887-10.992z"/><path fill="#EBECED" d="M29.003 26h41.955l.045 7.986V50h-42z"/><g fill="#2880BA"><circle cx="65.502" cy="68" r="3"/><circle cx="34.502" cy="68" r="3"/></g><path fill="#BDC2C7" d="M39.003 33v2h22v-2zm0 6h22v-2h-22zm0 4h22v-2h-22z"/><path fill="#DADADB" d="M29.003 50v-2h42v2z"/><path fill="#EBECED" d="M36.003 66h28a2 2 0 0 1 0 4h-28a2 2 0 0 1 0-4"/><path fill="#DADADB" d="M66.002 68h-32a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2"/></svg>
How to use the Storage icon
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:storage" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:storage" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:storage" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--storage]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:storage"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:storage"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/storage.svg" alt="Storage icon" width="24" height="24">
Storage icon in other icon sets
Storage icon FAQ
Is the Storage icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Storage icon in React?
Install @iconify/react and render <Icon icon="flat-ui:storage" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Storage icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/storage.svg" alt="Storage icon">, or paste the SVG code inline to style it with CSS.
Browse all Flat UI Icons →
ICONYZ
