Openstack icon

logos:openstack

The Openstack icon (logos:openstack) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 94 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 94

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="94" viewBox="0 0 512 94"><path fill="#da1a32" d="M21.63 63.868v3.425a4.81 4.81 0 0 0 4.812 4.811h42.89a4.81 4.81 0 0 0 4.812-4.81v-3.426H95.77v20.969c0 4.894-4.004 8.898-8.898 8.898H8.898C4.004 93.735 0 89.73 0 84.837v-20.97zm-.003-27.816V57.68H0V36.052zm74.143 0V57.68H74.144V36.052zM86.872 0c4.894 0 8.898 4.004 8.898 8.902v20.965H74.144v-3.425a4.81 4.81 0 0 0-4.811-4.811H26.438a4.81 4.81 0 0 0-4.811 4.81v3.426H0V8.897C0 4.005 4.004 0 8.898 0Z"/><path fill="#4e4540" d="M192.572 21.61c9.717 0 18.887 8.159 18.887 24.572v1.284c0 16.32-9.076 24.567-18.887 24.567c-7.06 0-11.276-3.945-14.209-8.252V84.96h-10.358V22.524h10.358v7.796c3.024-4.674 7.24-8.71 14.21-8.71m257.46 0c6.969 0 11.551 2.568 15.587 6.603l-5.776 7.61c-2.567-2.657-5.41-4.858-9.811-4.858c-6.788 0-11.737 6.508-11.737 15.678v.457c0 9.44 4.95 15.768 12.009 15.768c4.216 0 7.059-2.107 9.901-4.95l5.591 6.875c-3.85 4.307-8.709 7.331-16.13 7.335c-12.65 0-21.82-10.177-21.82-24.662v-.917c0-14.485 9.441-24.938 22.186-24.938m-212.203 0c13.201 0 20.17 11.005 20.17 25.58v.3a57 57 0 0 1-.09 3.275h-30.44c.913 8.158 5.957 12.56 12.284 12.56c4.582 0 7.976-2.016 11.185-5.134l5.41 6.417c-4.402 4.677-9.812 7.516-17.056 7.516c-12.469 0-22.186-9.532-22.186-24.753v-.732c0-14.575 8.804-25.028 20.721-25.028m-97.963-.003c12.835 0 22.276 10.453 22.276 24.847v.827c0 14.303-9.535 24.843-22.457 24.84c-12.835 0-22.28-10.36-22.28-24.754v-.822c0-14.304 9.532-24.938 22.461-24.938m188.848.185c5.41 0 11.185 1.925 15.768 5.224l-4.402 7.61c-3.665-2.472-7.7-4.306-11.551-4.306s-6.142 2.11-6.142 4.768v.185c0 3.208 3.85 4.858 9.535 7.425c7.516 3.394 13.202 6.874 13.202 14.485v.09c0 9.536-7.24 14.76-16.591 14.764c-5.776 0-12.465-2.11-18.06-6.783l4.858-7.426c4.402 3.571 9.08 5.682 13.387 5.682s6.783-2.292 6.783-5.32v-.09c0-3.484-3.76-5.043-9.535-7.52c-7.245-3.118-13.296-6.417-13.296-14.394v-.185c0-8.709 6.969-14.21 16.044-14.21m73.884.185c6.326 0 11.185 1.74 14.303 4.949c3.209 3.209 4.858 7.977 4.858 14.032V71.12h-10.177v-5.96c-2.843 4.121-7.15 6.873-13.477 6.873c-8.067 0-14.85-5.405-14.85-14.85v-.457c0-10.45 6.968-15.583 17.236-15.583c4.583 0 7.886.823 11.186 1.925v-2.02c0-6.508-3.851-9.901-10.454-9.901c-4.677 0-8.527 1.468-11.736 2.933l-2.933-8.253c4.673-2.29 9.536-3.85 16.044-3.85M366.384 9.41v13.11h10.91v8.894h-10.91V57.27c0 3.76 1.925 5.32 5.225 5.32c2.02 0 3.854-.457 5.594-1.375v8.528c-2.382 1.284-5.134 2.11-8.622 2.103c-7.15 0-12.56-3.024-12.56-12.47v-27.96h-3.614l-1.7-8.895h5.318V9.41zm-77.963 12.2c9.35 0 14.942 6.6 14.942 16.962V71.12h-10.359V41.505c0-6.784-3.209-10.544-8.709-10.544c-5.41 0-9.17 4.036-9.17 10.73V71.12h-10.358V22.528h10.359v7.15c2.752-4.307 6.693-8.067 13.295-8.067M497.506 45.9l14.492 25.217h-12.012l-9.752-17.402zM482.659 4.925v38.962l16.595-21.363h12.287L482.66 57.092v14.024H472.3V4.926zm-79.876 43.273c-5.957 0-9.442 3.024-9.442 8.158v.185c0 4.858 3.39 7.61 7.882 7.7c5.961.091 10.544-3.944 10.544-9.444v-4.859c-2.382-1.008-5.5-1.74-8.984-1.74M139.677 30.776c-7.24 0-11.918 6.69-11.918 15.769v.55c0 9.08 5.044 15.954 12.103 15.95c7.24 0 11.918-6.784 11.918-15.859v-.55c0-9.076-5.044-15.86-12.103-15.86m50.053.004c-6.233 0-11.552 6.048-11.552 15.583v.918c0 9.536 5.32 15.587 11.552 15.59c6.327 0 11.275-5.866 11.275-15.586v-.827c0-9.717-5.039-15.678-11.275-15.678m48.1-.46c-5.686 0-9.718 5.043-10.45 13.291h20.536c-.551-7.7-4.035-13.291-10.087-13.291"/></svg>

How to use the Openstack icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:openstack" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:openstack" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:openstack" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--openstack]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:openstack"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:openstack"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/openstack.svg" alt="Openstack icon" width="24" height="24">

Related icons in SVG Logos

Openstack icon in other icon sets

Openstack icon FAQ

Is the Openstack icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Openstack icon in React?

Install @iconify/react and render <Icon icon="logos:openstack" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Openstack icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/openstack.svg" alt="Openstack icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →