Icono Openbao
thesvg-color:openbao
El icono Openbao (thesvg-color:openbao) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1100 × 1100. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 1100 × 1100
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/openbao.svg" alt="Icono Openbao" width="24" height="24">El icono Openbao en otras colecciones
Preguntas frecuentes sobre Icono Openbao
¿El icono Openbao es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Openbao en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:openbao" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Openbao a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/openbao.svg" alt="Icono Openbao">, o pega el código SVG en línea para darle estilo con CSS.