File Type Docker2 アイコン
vscode-icons:file-type-docker2
File Type Docker2 アイコン(vscode-icons:file-type-docker2)は、VSCode Icons セットの無料 SVG アイコンです(作者: Roberto Huertas)。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- VSCode Icons
- 作者
- Roberto Huertas
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- filetype、typedocker2、filetypedocker2
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#0096e6" d="M16.54 12.663h2.86v2.924h1.446a6.3 6.3 0 0 0 1.988-.333a5 5 0 0 0 .966-.436a3.6 3.6 0 0 1-.67-1.849a3.9 3.9 0 0 1 .7-2.753l.3-.348l.358.288a4.56 4.56 0 0 1 1.795 2.892a4.38 4.38 0 0 1 3.319.309l.393.226l-.207.4a4.14 4.14 0 0 1-4.157 1.983c-2.48 6.168-7.871 9.088-14.409 9.088c-3.378 0-6.476-1.263-8.241-4.259l-.029-.049l-.252-.519a8.3 8.3 0 0 1-.659-4.208l.04-.433h2.445v-2.923h2.861V9.8h5.721V6.942h3.432z"/><path fill="#fff" d="M12.006 24.567a6.02 6.02 0 0 1-3.14-3.089a10.3 10.3 0 0 1-2.264.343q-.5.028-1.045.028q-.632 0-1.331-.037a9.05 9.05 0 0 0 7 2.769q.392 0 .78-.014M7.08 13.346h.2v2.067h-.2Zm-.376 0h.2v2.067H6.7v-2.067Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.368 0h.2v2.067h-.2zM5 13.14h2.482v2.479H5Zm2.859-2.861h2.48v2.479H7.863Zm2.077.207h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.368 0h.2v2.066h-.2Zm-.207 2.653h2.48v2.48H7.863V13.14Zm2.077.207h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.368 0h.2v2.067h-.2Zm2.654-.207H13.2v2.48h-2.48V13.14Zm2.076.207H13v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.368 0h.2v2.067h-.2Zm-.206-3.067H13.2v2.479h-2.48v-2.479Zm2.076.207H13v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.368 0h.2v2.066h-.2Zm2.654 2.653h2.479v2.48h-2.48V13.14Zm2.076.207h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.368 0h.192v2.067h-.2v-2.067Zm-.206-3.067h2.479v2.479h-2.48zm2.076.207h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.368 0h.192v2.066h-.2v-2.066Zm-.206-3.067h2.479V9.9h-2.48zm2.076.206h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.376 0h.2v2.066h-.2Zm-.368 0h.192v2.066h-.2V7.625Zm2.654 5.514h2.479v2.48h-2.48V13.14Zm2.076.207h.195v2.067h-.2v-2.067Zm-.376 0h.206v2.067h-.206Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.2Zm-.376 0h.2v2.067h-.205v-2.067Zm-.368 0h.2v2.067h-.194v-2.067Zm-6.442 6.292a.684.684 0 1 1-.684.684a.684.684 0 0 1 .684-.684m0 .194a.5.5 0 0 1 .177.033a.2.2 0 1 0 .275.269a.49.49 0 1 1-.453-.3Z"/></svg>File Type Docker2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-docker2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-docker2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-docker2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-docker2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-docker2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:file-type-docker2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-docker2.svg" alt="File Type Docker2 アイコン" width="24" height="24">VSCode Icons の関連アイコン
file-type-access
file-type-access2
file-type-actionscript
file-type-actionscript2
file-type-ada
file-type-advpl
file-type-affectscript
file-type-affinity
file-type-affinitydesigner
file-type-affinityphoto
file-type-affinitypublisher
file-type-agda
file-type-agents
file-type-ai
file-type-ai2
file-type-aikido
file-type-al
file-type-al-dal
file-type-alchemy
file-type-allcontributors
file-type-alloy
file-type-allure
file-type-angular
file-type-ansible
File Type Docker2 アイコン のよくある質問
File Type Docker2 アイコンは商用利用でも無料ですか?
はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で File Type Docker2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="vscode-icons:file-type-docker2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
File Type Docker2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-docker2.svg" alt="File Type Docker2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。