Server Path icon
reicon:server-path
The Server Path icon (reicon:server-path) is a free SVG icon from the Reicon set. It is drawn on a 24 × 24 grid. Reicon 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.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M1.25 5A3.75 3.75 0 0 1 5 1.25h14A3.75 3.75 0 0 1 21.25 8A3.75 3.75 0 0 1 19 14.75h-6.25v1.604c.916.259 1.637.98 1.896 1.896H22a.75.75 0 0 1 0 1.5h-7.353a2.751 2.751 0 0 1-5.293 0H2a.75.75 0 0 1 0-1.5h7.354a2.76 2.76 0 0 1 1.896-1.896V14.75H5A3.75 3.75 0 0 1 2.75 8a3.74 3.74 0 0 1-1.5-3M5 7.25a2.25 2.25 0 0 1 0-4.5h14a2.25 2.25 0 0 1 0 4.5zm14 1.5H5a2.25 2.25 0 0 0 0 4.5h14a2.25 2.25 0 0 0 0-4.5M12.25 5a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75m0 6a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75M12 17.75a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5" clip-rule="evenodd"/><path d="M7 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0 6a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></g></svg>How to use the Server Path icon
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:server-path" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:server-path" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:server-path" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--server-path]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:server-path"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:server-path"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/reicon/server-path.svg" alt="Server Path icon" width="24" height="24">Related icons in Reicon
server
server-cloud
server-cloud-duotone
server-cloud-filled
server-duotone
server-filled
server-path-duotone
server-path-filled
server-square
server-square-duotone
server-square-filled
server-update
server-update-duotone
server-update-filled
server2
server2-duotone
server2-filled
server3
server3-duotone
server3-filled
server4
server4-filled
Server Path icon FAQ
Is the Server Path icon free for commercial use?
Yes. Reicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Server Path icon in React?
Install @iconify/react and render <Icon icon="reicon:server-path" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Server Path icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/reicon/server-path.svg" alt="Server Path icon">, or paste the SVG code inline to style it with CSS.