Иконка Docker

grommet-icons:docker

Иконка Docker (grommet-icons:docker) — бесплатная SVG-иконка из набора Grommet Icons от 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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Docker в React?

Установите @iconify/react и выведите <Icon icon="grommet-icons:docker" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Docker на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/grommet-icons/docker.svg" alt="Иконка Docker">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Grommet Icons →