Icône Openbao
thesvg-color:openbao
L'icône Openbao (thesvg-color:openbao) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 1100 × 1100. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 1100 × 1100
Code SVG
<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>Comment utiliser l'icône Openbao
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>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/openbao.svg" alt="Icône Openbao" width="24" height="24">L'icône Openbao dans d'autres collections
FAQ : Icône Openbao
L'icône Openbao est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Openbao dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:openbao" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Openbao à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/openbao.svg" alt="Icône Openbao">, ou collez le code SVG directement dans la page pour le styliser en CSS.