Database Network アイコン

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

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

icon-park:database-network

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

アイコンセット: IconPark
作者: ByteDance
ライセンス: Apache-2.0
サイズ: 48 × 48
カテゴリ: データ
タグ: databasenetwork

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M44 31C44 36.5228 39.5228 41 34 41C32.2091 41 30.5281 40.5292 29.0741 39.7046C26.5143 38.2529 24.6579 35.7046 24.1436 32.6983C24.0492 32.1463 24 31.5789 24 31C24 28.4323 24.9678 26.0906 26.5585 24.3198C28.3892 22.2818 31.0449 21 34 21C39.5228 21 44 25.4772 44 31Z"/><path d="M34 12V20V21C31.0449 21 28.3892 22.2818 26.5585 24.3198C24.9678 26.0906 24 28.4323 24 31C24 31.5789 24.0492 32.1463 24.1436 32.6983C24.6579 35.7046 26.5143 38.2529 29.0741 39.7046C26.4116 40.5096 22.8776 41 19 41C10.7157 41 4 38.7614 4 36V28V20V12"/><path fill="#2F88FF" d="M34 12C34 14.7614 27.2843 17 19 17C10.7157 17 4 14.7614 4 12C4 9.23858 10.7157 7 19 7C27.2843 7 34 9.23858 34 12Z"/><path d="M4 28C4 30.7614 10.7157 33 19 33C20.807 33 22.5393 32.8935 24.1436 32.6983"/><path d="M4 20C4 22.7614 10.7157 25 19 25C21.7563 25 24.339 24.7522 26.5585 24.3198"/><path d="M34 41C34 41 30.5 35.1375 30.5 31C30.5 26.8625 34 21 34 21"/><path d="M34 41C34 41 37.5 35.1375 37.5 31C37.5 26.8625 34 21 34 21"/><path d="M44 31H24"/></g></svg>

Database Network アイコンの使い方

React

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

<Icon icon="icon-park:database-network" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:database-network" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:database-network" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:database-network"></div>

Web コンポーネント

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

<iconify-icon icon="icon-park:database-network"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/icon-park/database-network.svg" alt="Database Network アイコン" width="24" height="24">

IconPark の関連アイコン

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

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

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

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

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

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

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

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

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