openshift logo

openshift from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
openshift
Set
SVG Logos
Style
Color
Viewbox
256×237
License
CC0

The same logo in other sets

openshiftSkill Icons

Use the openshift logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 237"><path fill="#da2430" d="m74.84 106.893l-40.869 14.87c.525 6.552 1.652 13.024 3.24 19.366l38.818-14.137c-1.244-6.552-1.689-13.32-1.18-20.1m180.595-45.19c-2.85-5.879-6.147-11.561-9.966-16.916l-40.857 14.87c4.755 4.864 8.743 10.33 12.007 16.176L255.445 61.7z"/><path fill="#da2430" d="M182.95 61.461c-5.14-4.46-10.946-8.31-17.408-11.324h-.003C127.6 32.449 82.33 48.905 64.642 86.859a74 74 0 0 0-2.653 6.487c-2.208 6.423-3.498 12.99-3.991 19.546l-.144.054l-.011.144l-24.596 8.95l-15.826 5.849l-.007-.088l-.434.158c-1.536-19.435 1.74-39.512 10.553-58.411a118 118 0 0 1 3.687-7.246c29.054-54.116 95.164-76.736 150.918-50.33a115.3 115.3 0 0 1 30.557 21.074a116.6 116.6 0 0 1 15.78 17.94L187.618 65.86a80 80 0 0 0-.635-.641l-.113.041a79 79 0 0 0-3.919-3.798"/><path fill="#e82429" d="m19.261 193.896l-.064.024A118.4 118.4 0 0 1 .939 154.347l38.825-14.14l.002.003l.024.125l.252-.093l.006.015c1.994 10.56 6.145 20.635 12.198 29.494a75 75 0 0 0 7.722 9.326l-.154.057l.294.308l-40.488 14.97q-.18-.256-.359-.516"/><path fill="#da2430" d="M173.465 183.447c-21.051 13.017-48.053 15.532-72.113 4.312a75.1 75.1 0 0 1-22.118-15.695l-40.772 14.844l.313.437l-.02.008c11.21 16.016 26.502 29.404 45.266 38.298c40.47 19.163 86.387 12.501 119.634-13.284c14.888-11.152 27.317-26.016 35.713-44.02c8.819-18.895 12.076-38.964 10.515-58.384l-1.136.414q-.022-.312-.047-.624l-40.49 14.957l.002.004a76.5 76.5 0 0 1-6.806 26.46c-6.315 13.753-16.164 24.708-27.94 32.273"/><path fill="#e82429" d="m218.552 75.13l.607-.222v-.001a117.7 117.7 0 0 1 11.454 42.055l-40.773 14.834l.022-.304l-.77.285c1.11-15.088-2.275-30.093-9.435-43.123l38.548-14.25l.002-.004q.174.364.345.73"/><path fill="#c22035" d="M74.89 106.654L34.31 121.65c.52 6.61 1.64 13.136 3.219 19.532l38.546-14.258c-1.247-6.622-1.695-13.438-1.169-20.274m179.321-45.567c-2.83-5.929-6.106-11.658-9.898-17.059L203.76 59.02c4.72 4.906 8.68 10.418 11.92 16.315l38.542-14.256z"/><path fill="#ac223b" d="m34.308 121.653l40.482-14.829l-.165 8.133l-39.056 14.749l-1.266-8.063zm169.458-62.756l41.113-14.108l4.273 6.449l-39.946 14.121l-5.434-6.465z"/><path fill="#b92135" d="m38.764 187.201l40.53-14.749l12.258 11.565l-42.503 15.956l-10.283-12.776zm210.616-77.339l-41.165 14.844l-3.032 16.478l43.892-15.643l.311-15.677z"/></svg>

React

import type { SVGProps } from "react";

export function LogosOpenshift(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 237"><path fill="#da2430" d="m74.84 106.893l-40.869 14.87c.525 6.552 1.652 13.024 3.24 19.366l38.818-14.137c-1.244-6.552-1.689-13.32-1.18-20.1m180.595-45.19c-2.85-5.879-6.147-11.561-9.966-16.916l-40.857 14.87c4.755 4.864 8.743 10.33 12.007 16.176L255.445 61.7z"/><path fill="#da2430" d="M182.95 61.461c-5.14-4.46-10.946-8.31-17.408-11.324h-.003C127.6 32.449 82.33 48.905 64.642 86.859a74 74 0 0 0-2.653 6.487c-2.208 6.423-3.498 12.99-3.991 19.546l-.144.054l-.011.144l-24.596 8.95l-15.826 5.849l-.007-.088l-.434.158c-1.536-19.435 1.74-39.512 10.553-58.411a118 118 0 0 1 3.687-7.246c29.054-54.116 95.164-76.736 150.918-50.33a115.3 115.3 0 0 1 30.557 21.074a116.6 116.6 0 0 1 15.78 17.94L187.618 65.86a80 80 0 0 0-.635-.641l-.113.041a79 79 0 0 0-3.919-3.798"/><path fill="#e82429" d="m19.261 193.896l-.064.024A118.4 118.4 0 0 1 .939 154.347l38.825-14.14l.002.003l.024.125l.252-.093l.006.015c1.994 10.56 6.145 20.635 12.198 29.494a75 75 0 0 0 7.722 9.326l-.154.057l.294.308l-40.488 14.97q-.18-.256-.359-.516"/><path fill="#da2430" d="M173.465 183.447c-21.051 13.017-48.053 15.532-72.113 4.312a75.1 75.1 0 0 1-22.118-15.695l-40.772 14.844l.313.437l-.02.008c11.21 16.016 26.502 29.404 45.266 38.298c40.47 19.163 86.387 12.501 119.634-13.284c14.888-11.152 27.317-26.016 35.713-44.02c8.819-18.895 12.076-38.964 10.515-58.384l-1.136.414q-.022-.312-.047-.624l-40.49 14.957l.002.004a76.5 76.5 0 0 1-6.806 26.46c-6.315 13.753-16.164 24.708-27.94 32.273"/><path fill="#e82429" d="m218.552 75.13l.607-.222v-.001a117.7 117.7 0 0 1 11.454 42.055l-40.773 14.834l.022-.304l-.77.285c1.11-15.088-2.275-30.093-9.435-43.123l38.548-14.25l.002-.004q.174.364.345.73"/><path fill="#c22035" d="M74.89 106.654L34.31 121.65c.52 6.61 1.64 13.136 3.219 19.532l38.546-14.258c-1.247-6.622-1.695-13.438-1.169-20.274m179.321-45.567c-2.83-5.929-6.106-11.658-9.898-17.059L203.76 59.02c4.72 4.906 8.68 10.418 11.92 16.315l38.542-14.256z"/><path fill="#ac223b" d="m34.308 121.653l40.482-14.829l-.165 8.133l-39.056 14.749l-1.266-8.063zm169.458-62.756l41.113-14.108l4.273 6.449l-39.946 14.121l-5.434-6.465z"/><path fill="#b92135" d="m38.764 187.201l40.53-14.749l12.258 11.565l-42.503 15.956l-10.283-12.776zm210.616-77.339l-41.165 14.844l-3.032 16.478l43.892-15.643l.311-15.677z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 237"><path fill="#da2430" d="m74.84 106.893l-40.869 14.87c.525 6.552 1.652 13.024 3.24 19.366l38.818-14.137c-1.244-6.552-1.689-13.32-1.18-20.1m180.595-45.19c-2.85-5.879-6.147-11.561-9.966-16.916l-40.857 14.87c4.755 4.864 8.743 10.33 12.007 16.176L255.445 61.7z"/><path fill="#da2430" d="M182.95 61.461c-5.14-4.46-10.946-8.31-17.408-11.324h-.003C127.6 32.449 82.33 48.905 64.642 86.859a74 74 0 0 0-2.653 6.487c-2.208 6.423-3.498 12.99-3.991 19.546l-.144.054l-.011.144l-24.596 8.95l-15.826 5.849l-.007-.088l-.434.158c-1.536-19.435 1.74-39.512 10.553-58.411a118 118 0 0 1 3.687-7.246c29.054-54.116 95.164-76.736 150.918-50.33a115.3 115.3 0 0 1 30.557 21.074a116.6 116.6 0 0 1 15.78 17.94L187.618 65.86a80 80 0 0 0-.635-.641l-.113.041a79 79 0 0 0-3.919-3.798"/><path fill="#e82429" d="m19.261 193.896l-.064.024A118.4 118.4 0 0 1 .939 154.347l38.825-14.14l.002.003l.024.125l.252-.093l.006.015c1.994 10.56 6.145 20.635 12.198 29.494a75 75 0 0 0 7.722 9.326l-.154.057l.294.308l-40.488 14.97q-.18-.256-.359-.516"/><path fill="#da2430" d="M173.465 183.447c-21.051 13.017-48.053 15.532-72.113 4.312a75.1 75.1 0 0 1-22.118-15.695l-40.772 14.844l.313.437l-.02.008c11.21 16.016 26.502 29.404 45.266 38.298c40.47 19.163 86.387 12.501 119.634-13.284c14.888-11.152 27.317-26.016 35.713-44.02c8.819-18.895 12.076-38.964 10.515-58.384l-1.136.414q-.022-.312-.047-.624l-40.49 14.957l.002.004a76.5 76.5 0 0 1-6.806 26.46c-6.315 13.753-16.164 24.708-27.94 32.273"/><path fill="#e82429" d="m218.552 75.13l.607-.222v-.001a117.7 117.7 0 0 1 11.454 42.055l-40.773 14.834l.022-.304l-.77.285c1.11-15.088-2.275-30.093-9.435-43.123l38.548-14.25l.002-.004q.174.364.345.73"/><path fill="#c22035" d="M74.89 106.654L34.31 121.65c.52 6.61 1.64 13.136 3.219 19.532l38.546-14.258c-1.247-6.622-1.695-13.438-1.169-20.274m179.321-45.567c-2.83-5.929-6.106-11.658-9.898-17.059L203.76 59.02c4.72 4.906 8.68 10.418 11.92 16.315l38.542-14.256z"/><path fill="#ac223b" d="m34.308 121.653l40.482-14.829l-.165 8.133l-39.056 14.749l-1.266-8.063zm169.458-62.756l41.113-14.108l4.273 6.449l-39.946 14.121l-5.434-6.465z"/><path fill="#b92135" d="m38.764 187.201l40.53-14.749l12.258 11.565l-42.503 15.956l-10.283-12.776zm210.616-77.339l-41.165 14.844l-3.032 16.478l43.892-15.643l.311-15.677z"/></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%20237%22%3E%3Cpath%20fill%3D%22%23da2430%22%20d%3D%22m74.84%20106.893l-40.869%2014.87c.525%206.552%201.652%2013.024%203.24%2019.366l38.818-14.137c-1.244-6.552-1.689-13.32-1.18-20.1m180.595-45.19c-2.85-5.879-6.147-11.561-9.966-16.916l-40.857%2014.87c4.755%204.864%208.743%2010.33%2012.007%2016.176L255.445%2061.7z%22%2F%3E%3Cpath%20fill%3D%22%23da2430%22%20d%3D%22M182.95%2061.461c-5.14-4.46-10.946-8.31-17.408-11.324h-.003C127.6%2032.449%2082.33%2048.905%2064.642%2086.859a74%2074%200%200%200-2.653%206.487c-2.208%206.423-3.498%2012.99-3.991%2019.546l-.144.054l-.011.144l-24.596%208.95l-15.826%205.849l-.007-.088l-.434.158c-1.536-19.435%201.74-39.512%2010.553-58.411a118%20118%200%200%201%203.687-7.246c29.054-54.116%2095.164-76.736%20150.918-50.33a115.3%20115.3%200%200%201%2030.557%2021.074a116.6%20116.6%200%200%201%2015.78%2017.94L187.618%2065.86a80%2080%200%200%200-.635-.641l-.113.041a79%2079%200%200%200-3.919-3.798%22%2F%3E%3Cpath%20fill%3D%22%23e82429%22%20d%3D%22m19.261%20193.896l-.064.024A118.4%20118.4%200%200%201%20.939%20154.347l38.825-14.14l.002.003l.024.125l.252-.093l.006.015c1.994%2010.56%206.145%2020.635%2012.198%2029.494a75%2075%200%200%200%207.722%209.326l-.154.057l.294.308l-40.488%2014.97q-.18-.256-.359-.516%22%2F%3E%3Cpath%20fill%3D%22%23da2430%22%20d%3D%22M173.465%20183.447c-21.051%2013.017-48.053%2015.532-72.113%204.312a75.1%2075.1%200%200%201-22.118-15.695l-40.772%2014.844l.313.437l-.02.008c11.21%2016.016%2026.502%2029.404%2045.266%2038.298c40.47%2019.163%2086.387%2012.501%20119.634-13.284c14.888-11.152%2027.317-26.016%2035.713-44.02c8.819-18.895%2012.076-38.964%2010.515-58.384l-1.136.414q-.022-.312-.047-.624l-40.49%2014.957l.002.004a76.5%2076.5%200%200%201-6.806%2026.46c-6.315%2013.753-16.164%2024.708-27.94%2032.273%22%2F%3E%3Cpath%20fill%3D%22%23e82429%22%20d%3D%22m218.552%2075.13l.607-.222v-.001a117.7%20117.7%200%200%201%2011.454%2042.055l-40.773%2014.834l.022-.304l-.77.285c1.11-15.088-2.275-30.093-9.435-43.123l38.548-14.25l.002-.004q.174.364.345.73%22%2F%3E%3Cpath%20fill%3D%22%23c22035%22%20d%3D%22M74.89%20106.654L34.31%20121.65c.52%206.61%201.64%2013.136%203.219%2019.532l38.546-14.258c-1.247-6.622-1.695-13.438-1.169-20.274m179.321-45.567c-2.83-5.929-6.106-11.658-9.898-17.059L203.76%2059.02c4.72%204.906%208.68%2010.418%2011.92%2016.315l38.542-14.256z%22%2F%3E%3Cpath%20fill%3D%22%23ac223b%22%20d%3D%22m34.308%20121.653l40.482-14.829l-.165%208.133l-39.056%2014.749l-1.266-8.063zm169.458-62.756l41.113-14.108l4.273%206.449l-39.946%2014.121l-5.434-6.465z%22%2F%3E%3Cpath%20fill%3D%22%23b92135%22%20d%3D%22m38.764%20187.201l40.53-14.749l12.258%2011.565l-42.503%2015.956l-10.283-12.776zm210.616-77.339l-41.165%2014.844l-3.032%2016.478l43.892-15.643l.311-15.677z%22%2F%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%20237%22%3E%3Cpath%20fill%3D%22%23da2430%22%20d%3D%22m74.84%20106.893l-40.869%2014.87c.525%206.552%201.652%2013.024%203.24%2019.366l38.818-14.137c-1.244-6.552-1.689-13.32-1.18-20.1m180.595-45.19c-2.85-5.879-6.147-11.561-9.966-16.916l-40.857%2014.87c4.755%204.864%208.743%2010.33%2012.007%2016.176L255.445%2061.7z%22%2F%3E%3Cpath%20fill%3D%22%23da2430%22%20d%3D%22M182.95%2061.461c-5.14-4.46-10.946-8.31-17.408-11.324h-.003C127.6%2032.449%2082.33%2048.905%2064.642%2086.859a74%2074%200%200%200-2.653%206.487c-2.208%206.423-3.498%2012.99-3.991%2019.546l-.144.054l-.011.144l-24.596%208.95l-15.826%205.849l-.007-.088l-.434.158c-1.536-19.435%201.74-39.512%2010.553-58.411a118%20118%200%200%201%203.687-7.246c29.054-54.116%2095.164-76.736%20150.918-50.33a115.3%20115.3%200%200%201%2030.557%2021.074a116.6%20116.6%200%200%201%2015.78%2017.94L187.618%2065.86a80%2080%200%200%200-.635-.641l-.113.041a79%2079%200%200%200-3.919-3.798%22%2F%3E%3Cpath%20fill%3D%22%23e82429%22%20d%3D%22m19.261%20193.896l-.064.024A118.4%20118.4%200%200%201%20.939%20154.347l38.825-14.14l.002.003l.024.125l.252-.093l.006.015c1.994%2010.56%206.145%2020.635%2012.198%2029.494a75%2075%200%200%200%207.722%209.326l-.154.057l.294.308l-40.488%2014.97q-.18-.256-.359-.516%22%2F%3E%3Cpath%20fill%3D%22%23da2430%22%20d%3D%22M173.465%20183.447c-21.051%2013.017-48.053%2015.532-72.113%204.312a75.1%2075.1%200%200%201-22.118-15.695l-40.772%2014.844l.313.437l-.02.008c11.21%2016.016%2026.502%2029.404%2045.266%2038.298c40.47%2019.163%2086.387%2012.501%20119.634-13.284c14.888-11.152%2027.317-26.016%2035.713-44.02c8.819-18.895%2012.076-38.964%2010.515-58.384l-1.136.414q-.022-.312-.047-.624l-40.49%2014.957l.002.004a76.5%2076.5%200%200%201-6.806%2026.46c-6.315%2013.753-16.164%2024.708-27.94%2032.273%22%2F%3E%3Cpath%20fill%3D%22%23e82429%22%20d%3D%22m218.552%2075.13l.607-.222v-.001a117.7%20117.7%200%200%201%2011.454%2042.055l-40.773%2014.834l.022-.304l-.77.285c1.11-15.088-2.275-30.093-9.435-43.123l38.548-14.25l.002-.004q.174.364.345.73%22%2F%3E%3Cpath%20fill%3D%22%23c22035%22%20d%3D%22M74.89%20106.654L34.31%20121.65c.52%206.61%201.64%2013.136%203.219%2019.532l38.546-14.258c-1.247-6.622-1.695-13.438-1.169-20.274m179.321-45.567c-2.83-5.929-6.106-11.658-9.898-17.059L203.76%2059.02c4.72%204.906%208.68%2010.418%2011.92%2016.315l38.542-14.256z%22%2F%3E%3Cpath%20fill%3D%22%23ac223b%22%20d%3D%22m34.308%20121.653l40.482-14.829l-.165%208.133l-39.056%2014.749l-1.266-8.063zm169.458-62.756l41.113-14.108l4.273%206.449l-39.946%2014.121l-5.434-6.465z%22%2F%3E%3Cpath%20fill%3D%22%23b92135%22%20d%3D%22m38.764%20187.201l40.53-14.749l12.258%2011.565l-42.503%2015.956l-10.283-12.776zm210.616-77.339l-41.165%2014.844l-3.032%2016.478l43.892-15.643l.311-15.677z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/openshift.svg?color=%231a73e8&size=48