Иконка Gitpod Wordmark
devicon-plain:gitpod-wordmark
Иконка Gitpod Wordmark (devicon-plain:gitpod-wordmark) — бесплатная SVG-иконка из набора Devicon Plain от konpa. Она нарисована на сетке 128 × 128. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Devicon Plain
- Автор
- konpa
- Лицензия
- MIT
- Размер
- 128 × 128
- Теги
- gitpodwordmark
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><clipPath id="SVG4yDWPevl"><path d="M106 88h21.531v31H106Zm0 0"/></clipPath><clipPath id="SVGpWR2VccD"><path d="M26.59 0h73.176v72.637H26.59Zm0 0"/></clipPath></defs><path fill="currentColor" d="M15.266 117.91c-8.758 0-15.02-6.387-15.02-14.805s6.305-14.804 14.89-14.804c4.231 0 7.532 1.648 10.278 4.058l-1.734 3.598c-2.114-2.117-4.82-3.852-8.711-3.852c-6.348 0-10.914 4.446-10.914 11s4.527 10.997 10.957 10.997c5.539 0 9.472-3.34 10.11-8.415H13.823v-3.808h15.61v.168c0 9.308-5.247 15.863-14.168 15.863Zm18.14-21.148h3.637v21.148h-3.637Zm20.867 20.851v-3.215c-1.144.211-2.074.34-3.425.34c-1.778 0-2.414-.93-2.414-2.539V99.934h5.796v-3.172h-5.796v-5.668h-3.637v5.668h-4.188v3.172h4.188v12.054c0 4.485 1.988 6.133 5.84 6.133c1.351 0 2.535-.21 3.636-.508m0 0"/><path fill="currentColor" fill-rule="evenodd" d="M61.688 126.371h-3.641v-29.61h3.64v3.044c1.735-2.325 4.313-3.551 7.446-3.551c6.004 0 10.191 4.566 10.191 11.082c0 6.512-4.187 11.082-10.191 11.082c-3.004 0-5.457-1.184-7.445-3.598Zm-.254-19.035c0 4.695 2.789 7.7 7.062 7.7c4.274 0 7.067-3.048 7.067-7.7s-2.793-7.7-7.067-7.7c-4.273 0-7.062 3.005-7.062 7.7m20.156 0c0 6.344 4.738 11.082 11.082 11.082c6.348 0 11.082-4.738 11.082-11.082c0-6.348-4.734-11.082-11.082-11.082c-6.344 0-11.082 4.734-11.082 11.082m18.402 0c0 4.398-2.922 7.57-7.32 7.57c-4.399 0-7.317-3.172-7.317-7.57s2.918-7.574 7.317-7.574c4.398 0 7.32 3.175 7.32 7.574m0 0"/><g clip-path="url(#SVG4yDWPevl)"><path fill="currentColor" fill-rule="evenodd" d="M123.676 88.3h3.64v29.61h-3.64v-3.047c-1.735 2.328-4.313 3.555-7.442 3.555c-6.007 0-10.195-4.57-10.195-11.082c0-6.516 4.188-11.082 10.195-11.082c3 0 5.454 1.183 7.442 3.594Zm.254 19.036c0-4.695-2.79-7.7-7.063-7.7s-7.062 3.048-7.062 7.7s2.789 7.7 7.062 7.7c4.274 0 7.063-3.005 7.063-7.7m0 0"/></g><path fill="currentColor" d="M35.23 93.98a2.6 2.6 0 0 0 2.606-2.593a2.6 2.6 0 0 0-2.606-2.594a2.6 2.6 0 0 0-2.601 2.594a2.597 2.597 0 0 0 2.601 2.593m0 0"/><g clip-path="url(#SVGpWR2VccD)"><path fill="currentColor" fill-rule="evenodd" d="M69.922 3.918c2.168 3.394.851 7.723-2.942 9.664L43.41 25.656c-.625.317-1.008.91-1.008 1.555v18.953c0 .645.383 1.238 1.008 1.559l18.649 9.55a2.23 2.23 0 0 0 2 0l18.648-9.55c.625-.32 1.012-.914 1.012-1.559V34.38l-16.774 8.48c-3.804 1.922-8.625.72-10.773-2.687c-2.145-3.41-.8-7.73 3-9.656l24-12.133c7.312-3.7 16.36 1.035 16.36 8.558v20.66c0 4.84-2.895 9.31-7.583 11.712L70.523 70.28c-4.625 2.371-10.304 2.371-14.93 0l-21.42-10.968c-4.692-2.402-7.582-6.87-7.582-11.71V25.773c0-4.84 2.89-9.308 7.582-11.707L59.137 1.281C62.926-.66 67.757.52 69.922 3.918m0 0"/></g></svg>Как использовать иконку Gitpod Wordmark
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:gitpod-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:gitpod-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:gitpod-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--gitpod-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:gitpod-wordmark"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:gitpod-wordmark"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/devicon-plain/gitpod-wordmark.svg" alt="Иконка Gitpod Wordmark" width="24" height="24">Похожие иконки в наборе Devicon Plain
Иконка Gitpod Wordmark в других наборах
Вопросы и ответы: Иконка Gitpod Wordmark
Можно ли бесплатно использовать иконку Gitpod Wordmark в коммерческих проектах?
Да. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Gitpod Wordmark в React?
Установите @iconify/react и выведите <Icon icon="devicon-plain:gitpod-wordmark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Gitpod Wordmark на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon-plain/gitpod-wordmark.svg" alt="Иконка Gitpod Wordmark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.