Иконка Dos

grommet-icons:dos

Иконка Dos (grommet-icons:dos) — бесплатная 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="m0 4.546l4.934-.124c.958-.02 1.844.082 2.74.392v.175C6.9 5.648 6.345 6.43 5.84 7.306l-2.997.021l.02 8.498l1.772.123l1.813-.02c1.082-.011 2.08-1.741 2.174-2.679l.267-2.955c.114-1.298.865-2.297 2.03-2.833c.73 1.226 1.05 2.585 1.05 4.017c0 4.501-2.791 7.344-7.19 7.18L0 18.471zm20.704 4.172c-.237-1.37-1.38-2.05-2.75-2.05c-.938 0-2.473.411-2.524 1.586c-.01.062 0 .113.02.165l.557 1.596c.113.33.134.69.134 1.04c0 .402-.052.804-.103 1.206c-1.978-.556-3.369-1.514-3.369-3.74c0-2.997 2.421-4.398 5.181-4.398c3.07 0 5.47 1.432 5.666 4.595zm-8.24 5.366l2.75.02c.288 1.762 1.452 2.246 3.182 2.246c1.082 0 2.699-.257 2.699-1.638c0-.72-.567-1.092-1.143-1.41l.144-2.75c2.194.596 3.904 1.42 3.904 3.995c0 3.05-2.905 4.337-5.583 4.337c-1.916 0-4.398-.556-5.418-2.369c-.32-.556-.618-1.277-.618-1.926a1 1 0 0 1 .02-.155zm7.24-2.627c0 1.576-.422 3.049-1.143 4.43c-.185.01-.37.03-.556.03c-.597 0-2.05-.401-2.05-1.133c0-.123.02-.247.062-.36l.546-1.823c.113-.36.072-.794.072-1.154c0-1.411-.639-2.297-.69-3.265c-.03-.68 1.257-1 1.71-1c.309 0 .618 0 .927.031a8.5 8.5 0 0 1 1.123 4.244M10.61 17.03l.648-.927l1.082.02c.515 1.123 1.36 1.885 2.39 2.545a7.2 7.2 0 0 1-2.277.37c-1.143 0-2.215-.257-3.275-.659zm1.926-10.321a8 8 0 0 0-.495-.02c-1.74 0-3.327 1.523-3.533 3.233l-.453 3.719c-.062.525-.515 1.06-.855 1.442c-.288.309-.628.37-1.05.37h-.052a9.6 9.6 0 0 1-.814-3.862C5.284 7.358 7.654 4 12.062 4c.865 0 1.689.165 2.502.391c-.864.639-1.544 1.35-2.028 2.318"/></svg>

Как использовать иконку Dos

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/grommet-icons/dos.svg" alt="Иконка Dos" width="24" height="24">

Вопросы и ответы: Иконка Dos

Можно ли бесплатно использовать иконку Dos в коммерческих проектах?

Да. Grommet Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Grommet Icons →