ICONYZ
日本語
Keyline Icons の Database Sparkles Sharp アイコン

Database Sparkles Sharp アイコン

keyline-icons:database-sparkles-sharp

Database Sparkles Sharp アイコン(keyline-icons:database-sparkles-sharp)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
databasesparkles、sparklessharp、databasesparklessharp、sparkle
SVG をダウンロード

SVG コード

<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>

Database Sparkles Sharp アイコンの使い方

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 コンポーネント

<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 画像

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

Keyline Icons の関連アイコン

Database Sparkles Sharp アイコン のよくある質問

Database Sparkles Sharp アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Database Sparkles Sharp アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:database-sparkles-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Database Sparkles Sharp アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/database-sparkles-sharp.svg" alt="Database Sparkles Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →