Иконка Openbao
thesvg-color:openbao
Иконка Openbao (thesvg-color:openbao) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 1100 × 1100. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 1100 × 1100
Код 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>Как использовать иконку 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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/thesvg-color/openbao.svg" alt="Иконка Openbao" width="24" height="24">Иконка Openbao в других наборах
Вопросы и ответы: Иконка Openbao
Можно ли бесплатно использовать иконку Openbao в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Openbao в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:openbao" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Openbao на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/openbao.svg" alt="Иконка Openbao">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.