Openbao icon
thesvg-color:openbao
The Openbao icon (thesvg-color:openbao) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1100 × 1100 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 1100 × 1100
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1100" height="1100" viewBox="0 0 1100 1100"><path fill="#87d6be" d="M168.258 622.652c-6.49 3.227-12.453 6.535-17.87 9.912c-1.623 1-3.093 2.014-4.618 3.024q-5.716 3.783-10.512 7.664c-1.279 1.035-2.607 2.067-3.785 3.111c-4.04 3.519-7.507 7.086-10.391 10.692c-3.336 4.275-5.85 8.597-7.527 12.947l-.004.012c-1.677 4.349-2.518 8.72-2.518 13.093q0 2.73.434 5.446c.617 3.729 1.846 7.448 3.681 11.146c.12.243.227.488.352.73c1.855 3.622 4.29 7.218 7.299 10.778c.197.234.412.466.615.7c3.126 3.63 6.846 7.22 11.148 10.755c3.77 3.081 7.978 6.117 12.614 9.104l.002.002c4.634 2.985 9.697 5.92 15.175 8.796c7.289 3.827 15.3 7.542 24 11.131c8.695 3.588 18.093 7.055 28.172 10.387c7.725 2.553 15.883 5.02 24.395 7.406a679 679 0 0 0 24.818 6.453c39.639 9.513 84.812 16.906 133.225 21.93l.219.028c48.447 5.019 100.142 7.664 152.818 7.664c56.95 0 112.553-3.28 164.346-9.122q2.775-.272 5.537-.554c50.313-5.9 96.339-14.546 136.11-25.371a664 664 0 0 0 9.284-2.46c16.95-4.896 32.771-10.05 46.426-15.591c9.992-4.111 19.079-8.388 27.21-12.807a211 211 0 0 0 5.905-3.295c7.804-4.424 14.643-8.976 20.479-13.63c.1-.082.238-.16.338-.243c13.004-10.677 20.66-21.804 22.748-33.066q.584-3.156.584-6.317c0-4.31-.817-8.617-2.446-12.904l-.006-.015c-1.63-4.289-4.07-8.55-7.312-12.766c-2.874-3.646-6.343-7.253-10.398-10.81c-1.18-1.054-2.515-2.093-3.797-3.137q-4.826-3.932-10.596-7.764c-1.528-1.015-3-2.033-4.627-3.037c-5.463-3.416-11.483-6.76-18.043-10.022c.053.204-.822 10.648-2.264 19.813c-4.665 29.667-15.031 57.292-34.146 79.107c-19.115 21.816-48.449 36.156-80.147 36.086H284.814c-31.698.07-61.031-14.27-80.146-36.086s-29.48-49.44-34.147-79.107a240 240 0 0 1-2.263-19.813"/><path fill="#fdfccf" d="M550 292.78c-125.796 0-246.467 61.147-308.999 174.449c-62.531 113.301-44.148 254.239 43.734 254.047h530.53c87.882.192 106.265-140.746 43.734-254.047C796.467 353.927 675.796 292.779 550 292.779"/><path fill="#091a28" d="M549.879 256.396c-4.28.006-8.437.323-12.533.776c-133.065 4.023-260.916 70.565-328.2 192.476c-22.65 41.043-36.044 84.739-40.18 126.524c-68.72 30.385-106.14 68.086-106.14 106.935c0 45.515 51.327 89.166 142.69 121.35S420.793 854.721 550 854.721s253.122-18.08 344.484-50.264c91.363-32.184 142.69-75.835 142.69-121.35c0-38.85-37.42-76.55-106.14-106.935c-4.136-41.785-17.53-85.481-40.18-126.524c-67.284-121.911-195.135-188.453-328.2-192.476c-4.097-.453-8.252-.77-12.533-.776zm36.504 84.86q.765.41 1.521.832c14.39 8.01 27.903 19.768 29.932 22.193c12.89 15.406 30.076 44.254 30.076 59.79c0 20.094 16.29 36.383 36.385 36.382c20.093 0 36.382-16.29 36.383-36.383c0-21.446-5.503-40.32-13.092-56.441c49.328 26.321 91.184 65.772 119.557 117.18c27.453 49.742 36.649 106.94 30.45 146.351c-3.098 19.706-9.899 34.36-16.993 42.457c-7.095 8.097-13.015 11.302-25.258 11.276H284.656c-12.243.027-18.163-3.179-25.258-11.276s-13.895-22.75-16.994-42.457c-6.198-39.412 2.998-96.609 30.451-146.351c28.372-51.408 70.23-90.859 119.557-117.18c-7.588 16.12-13.092 34.996-13.092 56.441c0 20.095 16.29 36.384 36.385 36.383s36.383-16.29 36.383-36.383c0-15.535 17.186-44.383 30.076-59.789c2.03-2.425 15.541-14.183 29.932-22.193q.757-.42 1.521-.83v82.812A36.383 36.383 0 0 0 550 460.453c20.094 0 36.382-16.29 36.383-36.383zm86.959 143.021c-18.073-.302-35.815 9.473-46.205 24.762c-8.514 12.528-11.275 22.827 6.138 33.574c11.343 7 24.548 4.426 32.286.66c5-2.433 6.887-4.365 15.699-.287c17.806 8.241 28.222 7.821 38.478-.691c11.55-9.585 9.597-23.529.95-33.672c-12.446-14.597-29.274-24.043-47.346-24.346m-275.961.662c-18.073.303-34.9 9.75-47.346 24.348c-8.647 10.143-10.6 24.087.95 33.672c10.256 8.512 20.672 8.932 38.478.691c8.811-4.078 10.699-2.146 15.7.288c7.737 3.766 20.941 6.34 32.284-.66c17.413-10.748 14.653-21.047 6.139-33.575c-10.39-15.289-28.133-25.066-46.205-24.764m534.361 137.713c37.508 18.431 57.225 39.262 57.225 60.455c0 32.477-46.246 63.624-128.569 86.588C778.076 792.66 666.422 805.562 550 805.562s-228.074-12.902-310.396-35.867s-128.572-54.11-128.57-86.588c-.001-21.193 19.716-42.024 57.224-60.455a240 240 0 0 0 2.263 19.813c4.666 29.667 15.032 57.292 34.147 79.107s48.448 36.156 80.146 36.086h530.372c31.698.07 61.031-14.27 80.146-36.086s29.48-49.44 34.147-79.107c1.442-9.172 2.317-19.625 2.263-19.813"/></svg>How to use the Openbao icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:openbao" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:openbao" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:openbao" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--openbao]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:openbao"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:openbao"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/openbao.svg" alt="Openbao icon" width="24" height="24">Openbao icon in other icon sets
Openbao icon FAQ
Is the Openbao icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Openbao icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:openbao" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Openbao icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/openbao.svg" alt="Openbao icon">, or paste the SVG code inline to style it with CSS.