openstack icon logo

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

Name
openstack-icon
Set
SVG Logos
Style
Color
Viewbox
256×251
License
CC0

Use the openstack icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 251"><path fill="#da1a32" d="M57.82 170.723v9.156c0 7.104 5.756 12.86 12.86 12.86h114.65c7.104 0 12.86-5.756 12.86-12.86v-9.156H256v56.051c0 13.082-10.703 23.785-23.785 23.785H23.785C10.703 250.559 0 239.856 0 226.774v-56.051zm-.01-74.353v57.809H0v-57.81zm198.19 0v57.809h-57.81v-57.81zM232.215 0C245.297 0 256 10.703 256 23.795v56.041h-57.81V70.68c0-7.104-5.756-12.86-12.86-12.86H70.67c-7.104 0-12.86 5.756-12.86 12.86v9.156H0V23.785C0 10.703 10.703 0 23.785 0Z"/></svg>

React

import type { SVGProps } from "react";

export function LogosOpenstackIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 251"><path fill="#da1a32" d="M57.82 170.723v9.156c0 7.104 5.756 12.86 12.86 12.86h114.65c7.104 0 12.86-5.756 12.86-12.86v-9.156H256v56.051c0 13.082-10.703 23.785-23.785 23.785H23.785C10.703 250.559 0 239.856 0 226.774v-56.051zm-.01-74.353v57.809H0v-57.81zm198.19 0v57.809h-57.81v-57.81zM232.215 0C245.297 0 256 10.703 256 23.795v56.041h-57.81V70.68c0-7.104-5.756-12.86-12.86-12.86H70.67c-7.104 0-12.86 5.756-12.86 12.86v9.156H0V23.785C0 10.703 10.703 0 23.785 0Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 251"><path fill="#da1a32" d="M57.82 170.723v9.156c0 7.104 5.756 12.86 12.86 12.86h114.65c7.104 0 12.86-5.756 12.86-12.86v-9.156H256v56.051c0 13.082-10.703 23.785-23.785 23.785H23.785C10.703 250.559 0 239.856 0 226.774v-56.051zm-.01-74.353v57.809H0v-57.81zm198.19 0v57.809h-57.81v-57.81zM232.215 0C245.297 0 256 10.703 256 23.795v56.041h-57.81V70.68c0-7.104-5.756-12.86-12.86-12.86H70.67c-7.104 0-12.86 5.756-12.86 12.86v9.156H0V23.785C0 10.703 10.703 0 23.785 0Z"/></svg>
</template>

CSS

.icon-openstack-icon {
  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%20251%22%3E%3Cpath%20fill%3D%22%23da1a32%22%20d%3D%22M57.82%20170.723v9.156c0%207.104%205.756%2012.86%2012.86%2012.86h114.65c7.104%200%2012.86-5.756%2012.86-12.86v-9.156H256v56.051c0%2013.082-10.703%2023.785-23.785%2023.785H23.785C10.703%20250.559%200%20239.856%200%20226.774v-56.051zm-.01-74.353v57.809H0v-57.81zm198.19%200v57.809h-57.81v-57.81zM232.215%200C245.297%200%20256%2010.703%20256%2023.795v56.041h-57.81V70.68c0-7.104-5.756-12.86-12.86-12.86H70.67c-7.104%200-12.86%205.756-12.86%2012.86v9.156H0V23.785C0%2010.703%2010.703%200%2023.785%200Z%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%20251%22%3E%3Cpath%20fill%3D%22%23da1a32%22%20d%3D%22M57.82%20170.723v9.156c0%207.104%205.756%2012.86%2012.86%2012.86h114.65c7.104%200%2012.86-5.756%2012.86-12.86v-9.156H256v56.051c0%2013.082-10.703%2023.785-23.785%2023.785H23.785C10.703%20250.559%200%20239.856%200%20226.774v-56.051zm-.01-74.353v57.809H0v-57.81zm198.19%200v57.809h-57.81v-57.81zM232.215%200C245.297%200%20256%2010.703%20256%2023.795v56.041h-57.81V70.68c0-7.104-5.756-12.86-12.86-12.86H70.67c-7.104%200-12.86%205.756-12.86%2012.86v9.156H0V23.785C0%2010.703%2010.703%200%2023.785%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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