openshift logo
openshift from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- openshift
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the openshift logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function SkillIconsOpenshift(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-openshift {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23000%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M55.337%20153.888a5.064%205.064%200%200%201-4.958-4.01a5.07%205.07%200%200%201%202.892-5.684l22.219-9.892a5.07%205.07%200%200%201%206.69%202.565a5.066%205.066%200%200%201-2.566%206.69l-22.218%209.892c-.648.29-1.35.44-2.059.439M45.07%20180.647a5.064%205.064%200%200%201-4.959-4.01a5.066%205.066%200%200%201%202.892-5.684l22.214-9.892a5.066%205.066%200%201%201%204.125%209.255l-22.214%209.892c-.648.29-1.35.44-2.059.439m142.644-85.698a5.064%205.064%200%200%201-2.058-9.695l22.222-9.892a5.07%205.07%200%200%201%206.686%202.57a5.067%205.067%200%200%201-2.569%206.685l-22.222%209.892a5%205%200%200%201-2.059.44m-10.267%2026.758a5.06%205.06%200%200%201-4.959-4.013a5.06%205.06%200%200%201%202.9-5.681l22.215-9.892a5.04%205.04%200%200%201%203.875-.1a5.06%205.06%200%200%201%202.81%202.669c.271.607.419%201.262.436%201.927a5.1%205.1%200%200%201-.335%201.948a5.06%205.06%200%200%201-2.67%202.81l-22.214%209.892a5%205%200%200%201-2.058.44%22%2F%3E%3Cpath%20fill%3D%22%23e00%22%20d%3D%22M127.107%20206.127a77.76%2077.76%200%200%201-49.634-17.975a5.066%205.066%200%200%201%206.452-7.814a67.9%2067.9%200%200%200%2034.078%2014.958a67.927%2067.927%200%200%200%2077.089-64.445a4.947%204.947%200%200%201%205.273-4.849a5.063%205.063%200%200%201%204.845%205.276a78.27%2078.27%200%200%201-78.103%2074.849m-72.775-76.266l-.234-.004a5.07%205.07%200%200%201-4.833-5.292a78.06%2078.06%200%200%201%20127.729-56.66a5.068%205.068%200%200%201-2.754%208.946a5.07%205.07%200%200%201-3.706-1.133a67.92%2067.92%200%200%200-99.389%2014.044a67.9%2067.9%200%200%200-11.755%2035.262a5.07%205.07%200%200%201-5.058%204.837%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23000%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M55.337%20153.888a5.064%205.064%200%200%201-4.958-4.01a5.07%205.07%200%200%201%202.892-5.684l22.219-9.892a5.07%205.07%200%200%201%206.69%202.565a5.066%205.066%200%200%201-2.566%206.69l-22.218%209.892c-.648.29-1.35.44-2.059.439M45.07%20180.647a5.064%205.064%200%200%201-4.959-4.01a5.066%205.066%200%200%201%202.892-5.684l22.214-9.892a5.066%205.066%200%201%201%204.125%209.255l-22.214%209.892c-.648.29-1.35.44-2.059.439m142.644-85.698a5.064%205.064%200%200%201-2.058-9.695l22.222-9.892a5.07%205.07%200%200%201%206.686%202.57a5.067%205.067%200%200%201-2.569%206.685l-22.222%209.892a5%205%200%200%201-2.059.44m-10.267%2026.758a5.06%205.06%200%200%201-4.959-4.013a5.06%205.06%200%200%201%202.9-5.681l22.215-9.892a5.04%205.04%200%200%201%203.875-.1a5.06%205.06%200%200%201%202.81%202.669c.271.607.419%201.262.436%201.927a5.1%205.1%200%200%201-.335%201.948a5.06%205.06%200%200%201-2.67%202.81l-22.214%209.892a5%205%200%200%201-2.058.44%22%2F%3E%3Cpath%20fill%3D%22%23e00%22%20d%3D%22M127.107%20206.127a77.76%2077.76%200%200%201-49.634-17.975a5.066%205.066%200%200%201%206.452-7.814a67.9%2067.9%200%200%200%2034.078%2014.958a67.927%2067.927%200%200%200%2077.089-64.445a4.947%204.947%200%200%201%205.273-4.849a5.063%205.063%200%200%201%204.845%205.276a78.27%2078.27%200%200%201-78.103%2074.849m-72.775-76.266l-.234-.004a5.07%205.07%200%200%201-4.833-5.292a78.06%2078.06%200%200%201%20127.729-56.66a5.068%205.068%200%200%201-2.754%208.946a5.07%205.07%200%200%201-3.706-1.133a67.92%2067.92%200%200%200-99.389%2014.044a67.9%2067.9%200%200%200-11.755%2035.262a5.07%205.07%200%200%201-5.058%204.837%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/openshift.svg?color=%231a73e8&size=48
