Database X 48 icon
energy-icons:database-x-48
The Database X 48 icon (energy-icons:database-x-48) is a free SVG icon from the Energy Icons set by Sam Passmore. It is drawn on a 48 × 48 grid. Energy 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
- Energy Icons
- Author
- Sam Passmore
- License
- MIT
- Size
- 48 × 48
- Tags
- databasex
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M38 11c0-.252-.152-.652-.798-1.16c-.634-.5-1.614-.993-2.913-1.426C31.701 7.551 28.062 7 24 7s-7.7.551-10.29 1.414c-1.298.433-2.278.926-2.912 1.426c-.646.508-.798.908-.798 1.16s.152.652.798 1.16c.634.5 1.614.993 2.913 1.426C16.299 14.449 19.938 15 24 15s7.7-.551 10.29-1.414c1.298-.433 2.278-.926 2.912-1.426c.646-.508.798-.908.798-1.16m2 0c0 1.128-.687 2.044-1.56 2.731c-.885.697-2.103 1.28-3.52 1.752C32.08 16.431 28.219 17 24 17s-8.08-.57-10.92-1.517c-1.416-.472-2.635-1.055-3.52-1.752C8.688 13.044 8 12.128 8 11s.687-2.044 1.56-2.731c.885-.697 2.104-1.28 3.52-1.752C15.92 5.569 19.781 5 24 5s8.08.57 10.92 1.517c1.416.471 2.635 1.055 3.52 1.752C39.313 8.956 40 9.872 40 11"/><path fill="currentColor" d="M8 37V11h2v26c0 .252.152.652.798 1.16c.634.5 1.614.993 2.913 1.426C16.299 40.449 19.938 41 24 41c1.142 0 2.257-.048 3.327-.127a1 1 0 0 1 .147 1.994C26.364 42.95 25.198 43 24 43c-4.218 0-8.08-.57-10.92-1.517c-1.416-.471-2.635-1.055-3.52-1.752C8.688 39.044 8 38.128 8 37m30-10.4V11h2v15.6a1 1 0 1 1-2 0"/><path fill="currentColor" d="M10 19.7c0 .251.152.65.798 1.16c.634.499 1.614.992 2.913 1.425C16.299 23.148 19.938 23.7 24 23.7s7.7-.551 10.29-1.414c1.298-.433 2.278-.926 2.912-1.426c.646-.508.798-.908.798-1.16h2c0 1.128-.687 2.044-1.56 2.732c-.885.696-2.103 1.28-3.52 1.752c-2.84.947-6.702 1.516-10.92 1.516s-8.08-.57-10.92-1.516c-1.416-.472-2.635-1.056-3.52-1.752C8.688 21.743 8 20.827 8 19.699zm0 8.6c0 .253.152.652.798 1.16c.634.5 1.614.994 2.913 1.427C16.299 31.749 19.938 32.3 24 32.3a39 39 0 0 0 3.256-.127a1.001 1.001 0 0 1 .168 1.993A41 41 0 0 1 24 34.3c-4.218 0-8.08-.57-10.92-1.517c-1.416-.472-2.635-1.055-3.52-1.752C8.688 30.345 8 29.43 8 28.301zm34 9.2c0-3.588-2.912-6.5-6.5-6.5a6.503 6.503 0 0 0-6.5 6.5c0 3.588 2.912 6.5 6.5 6.5s6.5-2.912 6.5-6.5m2 0c0 4.692-3.808 8.5-8.5 8.5a8.503 8.503 0 0 1-8.5-8.5c0-4.692 3.808-8.5 8.5-8.5s8.5 3.808 8.5 8.5"/><path fill="currentColor" d="M34.293 34.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1-1.414 1.414l-5-5a1 1 0 0 1 0-1.414"/><path fill="currentColor" d="M39.293 34.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 1 1-1.414-1.414z"/></svg>How to use the Database X 48 icon
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:database-x-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:database-x-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:database-x-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--database-x-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:database-x-48"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:database-x-48"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/energy-icons/database-x-48.svg" alt="Database X 48 icon" width="24" height="24">Related icons in Energy Icons
Database X 48 icon FAQ
Is the Database X 48 icon free for commercial use?
Yes. Energy Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Database X 48 icon in React?
Install @iconify/react and render <Icon icon="energy-icons:database-x-48" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Database X 48 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/energy-icons/database-x-48.svg" alt="Database X 48 icon">, or paste the SVG code inline to style it with CSS.