Иконка Openshift
skill-icons:openshift
Иконка Openshift (skill-icons:openshift) — бесплатная SVG-иконка из набора Skill Icons от tandpfun. Она нарисована на сетке 256 × 256. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Skill Icons
- Автор
- tandpfun
- Лицензия
- MIT
- Размер
- 256 × 256
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#000" rx="60"/><path fill="#fff" d="M55.337 153.888a5.064 5.064 0 0 1-4.958-4.01a5.07 5.07 0 0 1 2.892-5.684l22.219-9.892a5.07 5.07 0 0 1 6.69 2.565a5.066 5.066 0 0 1-2.566 6.69l-22.218 9.892c-.648.29-1.35.44-2.059.439M45.07 180.647a5.064 5.064 0 0 1-4.959-4.01a5.066 5.066 0 0 1 2.892-5.684l22.214-9.892a5.066 5.066 0 1 1 4.125 9.255l-22.214 9.892c-.648.29-1.35.44-2.059.439m142.644-85.698a5.064 5.064 0 0 1-2.058-9.695l22.222-9.892a5.07 5.07 0 0 1 6.686 2.57a5.067 5.067 0 0 1-2.569 6.685l-22.222 9.892a5 5 0 0 1-2.059.44m-10.267 26.758a5.06 5.06 0 0 1-4.959-4.013a5.06 5.06 0 0 1 2.9-5.681l22.215-9.892a5.04 5.04 0 0 1 3.875-.1a5.06 5.06 0 0 1 2.81 2.669c.271.607.419 1.262.436 1.927a5.1 5.1 0 0 1-.335 1.948a5.06 5.06 0 0 1-2.67 2.81l-22.214 9.892a5 5 0 0 1-2.058.44"/><path fill="#e00" d="M127.107 206.127a77.76 77.76 0 0 1-49.634-17.975a5.066 5.066 0 0 1 6.452-7.814a67.9 67.9 0 0 0 34.078 14.958a67.927 67.927 0 0 0 77.089-64.445a4.947 4.947 0 0 1 5.273-4.849a5.063 5.063 0 0 1 4.845 5.276a78.27 78.27 0 0 1-78.103 74.849m-72.775-76.266l-.234-.004a5.07 5.07 0 0 1-4.833-5.292a78.06 78.06 0 0 1 127.729-56.66a5.068 5.068 0 0 1-2.754 8.946a5.07 5.07 0 0 1-3.706-1.133a67.92 67.92 0 0 0-99.389 14.044a67.9 67.9 0 0 0-11.755 35.262a5.07 5.07 0 0 1-5.058 4.837"/></g></svg>Как использовать иконку Openshift
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:openshift" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:openshift" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:openshift" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--openshift]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:openshift"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:openshift"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/openshift.svg" alt="Иконка Openshift" width="24" height="24">Иконка Openshift в других наборах
Вопросы и ответы: Иконка Openshift
Можно ли бесплатно использовать иконку Openshift в коммерческих проектах?
Да. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Openshift в React?
Установите @iconify/react и выведите <Icon icon="skill-icons:openshift" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Openshift на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/skill-icons/openshift.svg" alt="Иконка Openshift">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.