Docker アイコン

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

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

grommet-icons:docker

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

アイコンセット: Grommet Icons
作者: Grommet
ライセンス: Apache-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.942 14.9q.085 0 .158.03a.179.179 0 1 0 .246.24a.438.438 0 1 1-.404-.27m0 1.185a.749.749 0 1 1 .002-1.497a.749.749 0 0 1-.002 1.497m13.444-4.901c-2.124 5.628-6.92 8.135-12.576 8.135c-2.672 0-4.803-.92-6.167-2.452l.01-.006c.393.02.745.026 1.101.026c.327 0 .646-.003.941-.02l.084-.006s.091-.006.046-.007a8.6 8.6 0 0 0 1.877-.306q.149-.042.286-.09a.197.197 0 0 0-.128-.371c-.69.239-1.6.37-2.715.395a22 22 0 0 1-1.86-.045a6 6 0 0 1-.386-.58l-.187-.34C.15 14.411-.096 13.12.034 11.716h16.363c1.344 0 2.656-.502 3.28-1.055c-1.117-.908-1.006-3.064-.295-3.886c.618.496 1.613 1.54 1.442 2.871c.777-.39 2.127-.583 3.176.022c-.659 1.286-2.107 1.67-3.614 1.516m-18.13.135h2.212V9.106H2.255zm2.552 0h2.213V9.106H4.808zm0-2.553h2.213V6.553H4.808zm2.553 2.553h2.213V9.106H7.361zm0-2.553h2.213V6.553H7.361zm2.553 2.553h2.213V9.106H9.914zm0-2.553h2.213V6.553H9.914zm0-2.553h2.213V4H9.914zm2.553 5.106h2.213V9.106h-2.213z"/></svg>

Docker アイコンの使い方

React

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

<Icon icon="grommet-icons:docker" width="24" />

Vue

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

<template>
  <Icon icon="grommet-icons:docker" width="24" />
</template>

Svelte

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

<Icon icon="grommet-icons:docker" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--docker]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:docker"></div>

Web コンポーネント

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

<iconify-icon icon="grommet-icons:docker"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/grommet-icons/docker.svg" alt="Docker アイコン" width="24" height="24">

他のアイコンセットの Docker アイコン

Docker アイコンのよくある質問

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

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

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

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

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

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

Grommet Icons をすべて見る →