Offline Storage icon
fluent-mdl2:offline-storage
The Offline Storage icon (fluent-mdl2:offline-storage) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 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
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- offlinestorage
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M960 128q70 0 158 8t176 28t168 53t132 85q31 30 50 65t20 81v1152q0 45-19 80t-51 66q-52 51-131 84t-168 54t-177 28t-158 8q-70 0-158-8t-176-28t-168-53t-132-85q-31-30-50-65t-20-81V448q0-45 19-80t51-66q52-51 131-84t168-54t177-28t158-8m0 128q-51 0-106 3t-111 12t-110 22t-102 33q-15 6-40 18t-49 29t-41 35t-17 40q0 8 3 15t8 14q21 32 60 56t89 42t106 30t112 20t107 11t91 4q40 0 91-3t107-11t112-20t105-31t89-42t61-56q5-7 8-14t3-15q0-20-17-39t-41-36t-49-28t-40-19q-48-19-102-32t-109-22t-111-12t-107-4m0 1536q51 0 106-3t112-12t110-22t101-33q15-6 40-18t49-29t41-35t17-40v-194q-57 38-129 63t-149 40t-154 21t-144 6t-144-6t-154-21t-149-40t-129-63v194q0 21 17 40t41 35t49 28t40 19q47 20 101 33t110 21t111 12t107 4m0-384q51 0 106-3t112-12t110-22t101-33q15-6 40-18t49-29t41-35t17-40v-194q-57 38-129 63t-149 40t-154 21t-144 6t-144-6t-154-21t-149-40t-129-63v194q0 21 17 40t41 35t49 28t40 19q47 20 101 33t110 21t111 12t107 4m0-384q52 0 107-3t110-12t110-22t102-33q15-6 40-18t49-29t41-35t17-40V638q-57 37-128 62t-149 40t-155 21t-144 7q-67 0-144-6t-154-22t-149-40t-129-62v194q0 20 17 39t41 36t49 28t40 19q48 20 102 33t109 21t111 12t107 4"/></svg>How to use the Offline Storage icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:offline-storage" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:offline-storage" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:offline-storage" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--offline-storage]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:offline-storage"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:offline-storage"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/offline-storage.svg" alt="Offline Storage icon" width="24" height="24">Related icons in Fluent UI MDL2
Offline Storage icon in other icon sets
Offline Storage icon FAQ
Is the Offline Storage icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Offline Storage icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:offline-storage" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Offline Storage icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/offline-storage.svg" alt="Offline Storage icon">, or paste the SVG code inline to style it with CSS.