Network Drive icon
icon-park:network-drive
The Network Drive icon (icon-park:network-drive) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Hardware
- Tags
- networkdrive
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M40.5178 36.3161C43.8044 34.005 45.2136 29.8302 44.0001 26C42.7866 22.1698 39.0705 20.0714 35.0527 20.0745H32.7317C31.2144 14.1613 26.2082 9.79572 20.1435 9.0972C14.0787 8.39868 8.21121 11.5118 5.38931 16.9253C2.56741 22.3388 3.37545 28.9317 7.42115 33.5035"/><rect width="20" height="6" x="14" y="35" fill="#2F88FF"/><path d="M34 28L22 28"/><path d="M16 28H14"/></g></svg>
How to use the Network Drive icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:network-drive" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:network-drive" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:network-drive" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--network-drive]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:network-drive"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:network-drive"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/network-drive.svg" alt="Network Drive icon" width="24" height="24">
Related icons in IconPark
Network Drive icon in other icon sets
Network Drive icon FAQ
Is the Network Drive icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Network Drive icon in React?
Install @iconify/react and render <Icon icon="icon-park:network-drive" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Network Drive icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/network-drive.svg" alt="Network Drive icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
