openstack logo

openstack-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.

Name: openstack-dark
Set: Skill Icons
Style: Dark
Viewbox: 256×256
License: MIT

1 other variant in Skill Icons

The same logo in other sets

openstackDevicon openstackSVG Logos openstackSimple Icons

Use the openstack 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="#242938" rx="60"/><path fill="#ed1844" fill-rule="evenodd" d="M200.682 40H54.67C45.5 40 38 47.501 38 56.67v39.204h40.44v-6.421c0-4.986 4.043-9.014 9.013-9.014h80.415c4.985 0 9.014 4.044 9.014 9.014v6.42h40.439V56.67c0-9.168-7.501-16.669-16.67-16.669zM177.53 166.102c0 4.985-4.044 9.014-9.014 9.014H88.101c-4.985 0-9.014-4.044-9.014-9.014v-6.421H38.648v39.204c0 9.169 7.502 16.67 16.67 16.67H201.33c9.168 0 16.669-7.501 16.669-16.67v-39.204H177.56zM38.617 107.604v40.439h40.13v-40.439zm138.913 0v40.439h40.131v-40.439z" clip-rule="evenodd"/></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsOpenstackDark(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="#242938" rx="60"/><path fill="#ed1844" fillRule="evenodd" d="M200.682 40H54.67C45.5 40 38 47.501 38 56.67v39.204h40.44v-6.421c0-4.986 4.043-9.014 9.013-9.014h80.415c4.985 0 9.014 4.044 9.014 9.014v6.42h40.439V56.67c0-9.168-7.501-16.669-16.67-16.669zM177.53 166.102c0 4.985-4.044 9.014-9.014 9.014H88.101c-4.985 0-9.014-4.044-9.014-9.014v-6.421H38.648v39.204c0 9.169 7.502 16.67 16.67 16.67H201.33c9.168 0 16.669-7.501 16.669-16.67v-39.204H177.56zM38.617 107.604v40.439h40.13v-40.439zm138.913 0v40.439h40.131v-40.439z" clipRule="evenodd"/></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="#242938" rx="60"/><path fill="#ed1844" fill-rule="evenodd" d="M200.682 40H54.67C45.5 40 38 47.501 38 56.67v39.204h40.44v-6.421c0-4.986 4.043-9.014 9.013-9.014h80.415c4.985 0 9.014 4.044 9.014 9.014v6.42h40.439V56.67c0-9.168-7.501-16.669-16.67-16.669zM177.53 166.102c0 4.985-4.044 9.014-9.014 9.014H88.101c-4.985 0-9.014-4.044-9.014-9.014v-6.421H38.648v39.204c0 9.169 7.502 16.67 16.67 16.67H201.33c9.168 0 16.669-7.501 16.669-16.67v-39.204H177.56zM38.617 107.604v40.439h40.13v-40.439zm138.913 0v40.439h40.131v-40.439z" clip-rule="evenodd"/></g></svg>
</template>

CSS

.icon-openstack-dark {
  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%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23ed1844%22%20fill-rule%3D%22evenodd%22%20d%3D%22M200.682%2040H54.67C45.5%2040%2038%2047.501%2038%2056.67v39.204h40.44v-6.421c0-4.986%204.043-9.014%209.013-9.014h80.415c4.985%200%209.014%204.044%209.014%209.014v6.42h40.439V56.67c0-9.168-7.501-16.669-16.67-16.669zM177.53%20166.102c0%204.985-4.044%209.014-9.014%209.014H88.101c-4.985%200-9.014-4.044-9.014-9.014v-6.421H38.648v39.204c0%209.169%207.502%2016.67%2016.67%2016.67H201.33c9.168%200%2016.669-7.501%2016.669-16.67v-39.204H177.56zM38.617%20107.604v40.439h40.13v-40.439zm138.913%200v40.439h40.131v-40.439z%22%20clip-rule%3D%22evenodd%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%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23ed1844%22%20fill-rule%3D%22evenodd%22%20d%3D%22M200.682%2040H54.67C45.5%2040%2038%2047.501%2038%2056.67v39.204h40.44v-6.421c0-4.986%204.043-9.014%209.013-9.014h80.415c4.985%200%209.014%204.044%209.014%209.014v6.42h40.439V56.67c0-9.168-7.501-16.669-16.67-16.669zM177.53%20166.102c0%204.985-4.044%209.014-9.014%209.014H88.101c-4.985%200-9.014-4.044-9.014-9.014v-6.421H38.648v39.204c0%209.169%207.502%2016.67%2016.67%2016.67H201.33c9.168%200%2016.669-7.501%2016.669-16.67v-39.204H177.56zM38.617%20107.604v40.439h40.13v-40.439zm138.913%200v40.439h40.131v-40.439z%22%20clip-rule%3D%22evenodd%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/openstack-dark.svg?color=%231a73e8&size=48