Database Sparkles Sharp icon

keyline-icons:database-sparkles-sharp

The Database Sparkles Sharp icon (keyline-icons:database-sparkles-sharp) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: databasesparkles, sparklessharp, databasesparklessharp, sparkle

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M18 4C18 5.1046 14.4184 6 10 6C5.5816 6 2 5.1046 2 4C2 2.8954 5.5816 2 10 2C14.4184 2 18 2.8954 18 4ZM2 4L2 20C2 21.1046 5.5816 22 10 22C10.6906 22 11.3608 21.9781 12 21.937L12.9358 21.8768M18 13L18 4M2 12C2 12.9319 4.5495 13.715 8 13.937L8.9358 13.9972"/><path fill="currentColor" d="M19.5492 15.3739L20.4196 17.5804L22.6261 18.4508C22.8518 18.5397 23 18.7576 23 19C23 19.2424 22.8518 19.4603 22.6261 19.5492L20.4196 20.4196L19.5492 22.6261C19.4603 22.8518 19.2424 23 19 23C18.7576 23 18.5397 22.8518 18.4508 22.6261L17.5804 20.4196L15.3739 19.5492C15.1482 19.4603 15 19.2424 15 19C15 18.7576 15.1482 18.5397 15.3739 18.4508L17.5804 17.5804L18.4508 15.3739C18.5397 15.1482 18.7576 15 19 15C19.2424 15 19.4603 15.1482 19.5492 15.3739ZM13.8433 12.2337L14.3873 13.6127L15.7663 14.1567C15.9074 14.2123 16 14.3485 16 14.5C16 14.6515 15.9074 14.7877 15.7663 14.8433L14.3873 15.3873L13.8433 16.7663C13.7877 16.9074 13.6515 17 13.5 17C13.3485 17 13.2123 16.9074 13.1567 16.7663L12.6127 15.3873L11.2337 14.8433C11.0926 14.7877 11 14.6515 11 14.5C11 14.3485 11.0926 14.2123 11.2337 14.1567L12.6127 13.6127L13.1567 12.2337C13.2123 12.0926 13.3485 12 13.5 12C13.6515 12 13.7877 12.0926 13.8433 12.2337Z" stroke="none"/></g></svg>

How to use the Database Sparkles Sharp icon

React

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

<Icon icon="keyline-icons:database-sparkles-sharp" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:database-sparkles-sharp" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:database-sparkles-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--database-sparkles-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:database-sparkles-sharp"></div>

Web component

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

<iconify-icon icon="keyline-icons:database-sparkles-sharp"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/database-sparkles-sharp.svg" alt="Database Sparkles Sharp icon" width="24" height="24">

Related icons in Keyline Icons

Database Sparkles Sharp icon FAQ

Is the Database Sparkles Sharp icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Database Sparkles Sharp icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:database-sparkles-sharp" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Database Sparkles Sharp icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/database-sparkles-sharp.svg" alt="Database Sparkles Sharp icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →