Openshift アイコン
skill-icons:openshift
Openshift アイコン(skill-icons:openshift)は、Skill Icons セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Openshift アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:openshift" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Openshift アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/openshift.svg" alt="Openshift アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。