Database Solid アイコン

Q: Database Solid アイコンは商用利用でも無料ですか?

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

iconoir:database-solid

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

アイコンセット: Iconoir
作者: Luca Burgio
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: データベース
タグ: databasesolid

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M5 15a.75.75 0 0 0-.75.75V18H5c-.75 0-.75.002-.75.002v.035a1.4 1.4 0 0 0 .024.215c.021.128.061.296.136.489c.152.39.441.87.977 1.329c1.066.913 3.023 1.68 6.613 1.68s5.547-.767 6.613-1.68c.536-.46.825-.939.977-1.33a2.5 2.5 0 0 0 .156-.648l.003-.055v-.02l.001-.01v-.005S19.75 18 19 18h.75v-2.25A.75.75 0 0 0 19 15c-.462-.001-.863.285-1.223.573l-.088.067c-.69.493-2.256 1.11-5.689 1.11s-4.999-.617-5.69-1.11a1 1 0 0 1-.073-.071c-.283-.303-.823-.57-1.237-.569"/><path d="M5 9a.75.75 0 0 0-.75.75V12H5c-.75 0-.75.002-.75.002v.035a1.4 1.4 0 0 0 .024.215c.021.128.061.296.136.489c.152.39.441.87.977 1.329c1.066.913 3.023 1.68 6.613 1.68s5.547-.767 6.613-1.68c.536-.46.825-.938.977-1.33a2.5 2.5 0 0 0 .156-.648l.003-.055v-.02l.001-.01v-.005S19.75 12 19 12h.75V9.75A.75.75 0 0 0 19 9c-.462-.001-.863.285-1.223.573l-.088.067c-.69.493-2.256 1.11-5.689 1.11s-4.999-.617-5.69-1.11a1 1 0 0 1-.073-.071C5.954 9.266 5.414 8.999 5 9"/><path d="M5.387 3.93C6.453 3.018 8.41 2.25 12 2.25s5.547.767 6.613 1.68c.536.46.825.939.977 1.33a2.5 2.5 0 0 1 .156.648a1.2 1.2 0 0 1-.02.344a2.5 2.5 0 0 1-.136.489c-.152.39-.441.87-.977 1.328C17.547 8.983 15.59 9.75 12 9.75s-5.547-.767-6.613-1.68c-.536-.46-.825-.939-.977-1.33a2.5 2.5 0 0 1-.136-.488a1.4 1.4 0 0 1-.024-.256q.002-.125.024-.248c.021-.128.061-.295.136-.489c.152-.39.441-.87.977-1.328"/></g></svg>

Database Solid アイコンの使い方

React

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

<Icon icon="iconoir:database-solid" width="24" />

Vue

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

<template>
  <Icon icon="iconoir:database-solid" width="24" />
</template>

Svelte

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

<Icon icon="iconoir:database-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[iconoir--database-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/iconoir -->
<div class="i-iconoir:database-solid"></div>

Web コンポーネント

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

<iconify-icon icon="iconoir:database-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/iconoir/database-solid.svg" alt="Database Solid アイコン" width="24" height="24">

Iconoir の関連アイコン

他のアイコンセットの Database Solid アイコン

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

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

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

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

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

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

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

Iconoir アイコンをすべて見る →