Database Plus 48 アイコン

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

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

energy-icons:database-plus-48

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

アイコンセット: Energy Icons
作者: Sam Passmore
ライセンス: MIT
サイズ: 48 × 48
タグ: databaseplus

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M38 11c0-.252-.153-.653-.798-1.161c-.634-.5-1.612-.993-2.911-1.426C31.704 7.551 28.065 7 24 7c-4.064 0-7.703.55-10.29 1.413c-1.3.433-2.278.927-2.912 1.427c-.645.508-.798.908-.798 1.16s.153.652.798 1.16c.634.5 1.613.994 2.912 1.427C16.297 14.449 19.936 15 24 15c4.065 0 7.704-.55 10.291-1.413c1.299-.433 2.277-.926 2.911-1.426c.645-.508.798-.909.798-1.161m2 0c0 1.128-.687 2.043-1.56 2.731c-.884.697-2.102 1.281-3.517 1.753C32.082 16.431 28.22 17 24 17s-8.081-.568-10.923-1.516c-1.415-.472-2.633-1.056-3.517-1.753C8.687 13.044 8 12.128 8 11s.687-2.044 1.56-2.731c.884-.697 2.102-1.282 3.517-1.753C15.92 5.568 19.78 5 24 5s8.082.569 10.923 1.516c1.415.471 2.633 1.056 3.517 1.753C39.313 8.957 40 9.872 40 11"/><path fill="currentColor" d="M8 37V11h2v26c0 .252.153.652.798 1.16c.634.5 1.613.994 2.912 1.427C16.297 40.449 19.936 41 24 41c1.143 0 2.257-.044 3.323-.126a1 1 0 1 1 .154 1.994A46 46 0 0 1 24 43c-4.22 0-8.081-.568-10.923-1.516c-1.415-.471-2.633-1.056-3.517-1.753C8.687 39.044 8 38.128 8 37m30-10.4V11h2v15.6a1 1 0 1 1-2 0"/><path fill="currentColor" d="M10 19.7c0 .252.153.652.798 1.16c.634.5 1.613.993 2.912 1.426c2.587.862 6.226 1.413 10.29 1.413c4.065 0 7.704-.55 10.291-1.413c1.299-.433 2.278-.926 2.911-1.426c.645-.508.798-.908.798-1.16h2c0 1.127-.687 2.043-1.56 2.73c-.884.698-2.102 1.282-3.517 1.754c-2.841.947-6.703 1.515-10.923 1.515s-8.081-.568-10.923-1.515c-1.415-.472-2.633-1.056-3.517-1.753C8.687 21.743 8 20.827 8 19.699zm0 8.6c0 .254.153.654.798 1.162c.634.5 1.613.993 2.912 1.426C16.297 31.75 19.936 32.3 24 32.3c1.125 0 2.219-.042 3.268-.122a1 1 0 0 1 .152 1.994c-1.1.084-2.245.128-3.42.128c-4.22 0-8.081-.569-10.923-1.516c-1.415-.472-2.633-1.056-3.517-1.753C8.687 30.344 8 29.43 8 28.301zm34 9.2a6.5 6.5 0 1 0-13 0a6.5 6.5 0 0 0 13 0m2 0a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0"/><path fill="currentColor" d="M36.5 41.5v-8a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0"/><path fill="currentColor" d="M41.5 36.5a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2z"/></svg>

Database Plus 48 アイコンの使い方

React

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

<Icon icon="energy-icons:database-plus-48" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:database-plus-48" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:database-plus-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--database-plus-48]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:database-plus-48"></div>

Web コンポーネント

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

<iconify-icon icon="energy-icons:database-plus-48"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/energy-icons/database-plus-48.svg" alt="Database Plus 48 アイコン" width="24" height="24">

Energy Icons の関連アイコン

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

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

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

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

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

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

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

Energy Icons をすべて見る →