Docker Logo アイコン
fluent-mdl2:docker-logo
Docker Logo アイコン(fluent-mdl2:docker-logo)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
- タグ
- dockerlogo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M780 848v149h-14V848zm-53 0v149h-14V848zm-197-57V641h15v150zm144-150v150h-15V641zM504 791V641h14v150zm-27 0V641h15v150zm-26 0V641h14v150zm303 57v149h-15V848zm-54 0v149h-14V848zm0-207v150h-14V641zm54 0v150h-15V641zm-27 0v150h-14V641zm-53 207v149h-15V848zm106-207v150h-14V641zm27 207v149h-14V848zM270 997V848h15v149zm-26 0V848h14v149zm53 0V848h14v149zm260-206V641h14v150zM377 997V848h14v149zm207 0V848h14v149zm-260 0V848h14v149zm26 0V848h15v149zm101 0V848h14v149zm133-206V641h14v150zM477 997V848h15v149zm80 0V848h14v149zm-27 0V848h15v149zm-26 0V848h14v149zm303-356v150h-14V641zm129-207v150h-14V434zm-27 0v150h-14V434zm-26 207v150h-15V641zm0-207v150h-15V434zm133 0v150h-15V434zm-53 0v150h-15V434zm26 0v150h-14V434zm236 414v149h-15V848zm-107 0v149h-14V848zm-26 0v149h-15V848zm106 0v149h-14V848zm-53 0v149h-15V848zm26 0v149h-14V848zm-262 0v149h-14V848zm27 0v149h-14V848zm27 0v149h-15V848zm-80 0v149h-15V848zm26-207v150h-14V641zm107 0v150h-15V641zm-27 207v149h-14V848zm27 0v149h-15V848zm-27-207v150h-14V641zm-26 0v150h-15V641zm-27 0v150h-14V641zm-324 678q-7 5-7 13q0 6 4 10t10 5q10 0 13-8q3 6 3 14q0 15-10 25t-26 11q-15 0-25-10t-11-26q0-15 10-25t26-11q5 0 13 2m1435-454l-16 29q-22 40-52 67t-66 45t-76 24t-83 8h-13q-6 0-14-1q-69 169-175 292t-243 205t-297 120t-338 39q-134 0-256-39t-216-114t-148-186t-55-254q0-23 1-45t6-45h191V803h209V596h415V389h244v414h207v207h105q57 0 112-14t105-42q-27-34-39-76t-12-86q0-60 17-105t58-90q28 23 54 47t48 52t36 60t19 71q23-8 47-11t50-3q52 0 91 13t84 39M438 629v174h174V629zm211 724q0-21-14-35t-36-15q-21 0-35 14t-15 36q0 20 15 35t35 15t35-15t15-35M438 836v174h174V836zm-207 0v174h175V836zm444 826h28q14 0 29-2q-77-36-136-90t-94-133q-40 11-81 16t-83 8l-2 1q-25 1-49 1t-49 1q-19 0-37-1t-38-2q55 54 112 92t121 63t132 35t147 11m146-652V836H647v174zm0-207V629H647v174zm209 207V836H856v174zm0-207V629H856v174zm0-207V422H856v174zm209 414V836h-174v174z"/></svg>Docker Logo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:docker-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:docker-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:docker-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--docker-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:docker-logo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:docker-logo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/docker-logo.svg" alt="Docker Logo アイコン" width="24" height="24">他のアイコンセットの Docker Logo アイコン
Docker Logo アイコン のよくある質問
Docker Logo アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Docker Logo アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:docker-logo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Docker Logo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/docker-logo.svg" alt="Docker Logo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。