Databasement icon

selfhst:databasement

The Databasement icon (selfhst:databasement) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: selfh.st/icons
Author: selfh.st
License: CC-BY-4.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGXu33He4I" x1="-689.514" x2="-689.514" y1="786.73" y2="779.668" gradientTransform="matrix(70 0 0 -40 48522 31644)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#045"/><stop offset=".5" stop-color="#4c1d95"/><stop offset="1" stop-color="#080812"/></linearGradient><path fill="url(#SVGXu33He4I)" d="M256 174.8L8.8 316L256 457.3L503.2 316z"/><linearGradient id="SVGoMLp7bvO" x1="-679.56" x2="-679.56" y1="777.295" y2="770.233" gradientTransform="matrix(35 0 0 -27 23917 21303)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#003040"/><stop offset=".5" stop-color="#2e1065"/><stop offset="1" stop-color="#05050a"/></linearGradient><path fill="url(#SVGoMLp7bvO)" d="M8.8 316v49.4L256 506.7v-49.4z"/><linearGradient id="SVGMmPKLd3r" x1="-673.498" x2="-673.498" y1="777.295" y2="770.233" gradientTransform="matrix(35 0 0 -27 23952 21303)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#002530"/><stop offset=".5" stop-color="#1e0a50"/><stop offset="1" stop-color="#030308"/></linearGradient><path fill="url(#SVGMmPKLd3r)" d="M503.2 316v49.4L256 506.7v-49.4z"/><linearGradient id="SVGsdGWSczu" x1="-689.514" x2="-689.514" y1="788.549" y2="781.487" gradientTransform="matrix(70 0 0 -40 48522 31632)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#007a99"/><stop offset=".5" stop-color="#6b21a8"/><stop offset="1" stop-color="#0f0f1a"/></linearGradient><path fill="url(#SVGsdGWSczu)" d="M256 90L8.8 231.3L256 372.5l247.2-141.2z"/><linearGradient id="SVG3isUYVTF" x1="-679.56" x2="-679.56" y1="779.99" y2="772.927" gradientTransform="matrix(35 0 0 -27 23917 21291)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#005c73"/><stop offset=".5" stop-color="#4c1d95"/><stop offset="1" stop-color="#0a0a14"/></linearGradient><path fill="url(#SVG3isUYVTF)" d="M8.8 231.3v49.4L256 422v-49.4z"/><linearGradient id="SVG41U6Bype" x1="-673.498" x2="-673.498" y1="779.99" y2="772.927" gradientTransform="matrix(35 0 0 -27 23952 21291)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#004d60"/><stop offset=".5" stop-color="#3b1580"/><stop offset="1" stop-color="#08080f"/></linearGradient><path fill="url(#SVG41U6Bype)" d="M503.2 231.3v49.4L256 422v-49.4z"/><linearGradient id="SVGbRSYFb0q" x1="-689.514" x2="-689.514" y1="790.368" y2="783.306" gradientTransform="matrix(70 0 0 -40 48522 31620)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00d4ff"/><stop offset=".5" stop-color="#a855f7"/><stop offset="1" stop-color="#1a1a2e"/></linearGradient><path fill="url(#SVGbRSYFb0q)" d="M256 5.3L8.8 146.5L256 287.8l247.2-141.2z"/><linearGradient id="SVGOHrvQeAH" x1="-679.56" x2="-679.56" y1="782.684" y2="775.622" gradientTransform="matrix(35 0 0 -27 23917 21279)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00a8cc"/><stop offset=".5" stop-color="#7c3aed"/><stop offset="1" stop-color="#15152a"/></linearGradient><path fill="url(#SVGOHrvQeAH)" d="M8.8 146.5V196L256 337.2v-49.4z"/><linearGradient id="SVGrZVQ7d0O" x1="-673.498" x2="-673.498" y1="782.684" y2="775.622" gradientTransform="matrix(35 0 0 -27 23952 21279)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0090b0"/><stop offset=".5" stop-color="#6d28d9"/><stop offset="1" stop-color="#0f0f1a"/></linearGradient><path fill="url(#SVGrZVQ7d0O)" d="M503.2 146.5V196L256 337.2v-49.4z"/><path fill="#06b6d4" d="M508.5 196v-49.4c0-1.9-1-3.7-2.7-4.6L258.6.7c-1.6-.9-3.6-.9-5.3 0L6.2 141.9c-1.7.9-2.7 2.7-2.7 4.6V196c0 1.9 1 3.7 2.7 4.6l22.8 13l-22.8 13.1c-1.7.9-2.7 2.7-2.7 4.6v49.4c0 1.9 1 3.7 2.7 4.6L29 298.4l-22.8 13c-1.7.9-2.7 2.7-2.7 4.6v49.4c0 1.9 1 3.7 2.7 4.6l247.2 141.2c.8.5 1.7.7 2.6.7s1.8-.2 2.6-.7L505.8 370c1.6-.9 2.7-2.7 2.7-4.6V316c0-1.9-1-3.7-2.7-4.6l-22.8-13l22.8-13.1c1.6-.9 2.7-2.7 2.7-4.6v-49.4c0-1.9-1-3.7-2.7-4.6L483 213.6l22.8-13.1c1.6-.9 2.7-2.6 2.7-4.5M256 11.4l236.5 135.1L256 281.7L19.5 146.5zm241.9 351L256 500.6L14.1 362.4v-37.2l239.2 136.7c.8.5 1.7.7 2.6.7s1.8-.2 2.6-.7l239.2-136.7v37.2zm-5.4-46.4L256 451.2L19.5 316l20.2-11.6l213.6 122.1c.8.5 1.7.7 2.6.7s1.8-.2 2.6-.7l213.6-122.1zm5.4-38.4L256 415.9L14.1 277.6v-37.2l239.2 136.7c.8.5 1.7.7 2.6.7s1.8-.2 2.6-.7l239.2-136.7v37.2zm-5.4-46.3L256 366.4L19.5 231.3l20.2-11.6l213.6 122.1c.8.5 1.7.7 2.6.7s1.8-.2 2.6-.7l213.6-122.1zm5.4-38.4L256 331.1L14.1 192.9v-37.2l239.2 136.7c.8.5 1.7.7 2.6.7s1.8-.2 2.6-.7l239.2-136.7v37.2z"/></svg>

How to use the Databasement icon

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:databasement" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:databasement" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:databasement" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--databasement]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:databasement"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:databasement"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/selfhst/databasement.svg" alt="Databasement icon" width="24" height="24">

Related icons in selfh.st/icons

Databasement icon FAQ

Is the Databasement icon free for commercial use?

Yes. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Databasement icon in React?

Install @iconify/react and render <Icon icon="selfhst:databasement" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Databasement icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/databasement.svg" alt="Databasement icon">, or paste the SVG code inline to style it with CSS.

Browse all selfh.st/icons →