Иконка Openbao

simple-icons:openbao

Иконка Openbao (simple-icons:openbao) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple Icons
Автор: Simple Icons Collaborators
Лицензия: CC0-1.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.997 4.631a3 3 0 0 0-.309.02c-3.277.098-6.427 1.737-8.084 4.74a8.2 8.2 0 0 0-.99 3.117C.922 13.256 0 14.185 0 15.142c0 1.12 1.264 2.196 3.515 2.989c2.25.793 5.302 1.238 8.485 1.238s6.235-.445 8.485-1.238S24 16.263 24 15.14c0-.956-.922-1.885-2.614-2.633a8.2 8.2 0 0 0-.99-3.117c-1.657-3.003-4.807-4.642-8.084-4.74a3 3 0 0 0-.315-.02m.9 2.09l.037.02c.354.198.687.488.737.547c.317.38.74 1.09.74 1.473a.896.896 0 0 0 1.793 0a3.24 3.24 0 0 0-.322-1.39a7.2 7.2 0 0 1 2.945 2.886c.676 1.226.902 2.634.75 3.605c-.077.486-.244.847-.419 1.046s-.32.278-.622.278H5.464c-.301 0-.447-.079-.622-.278c-.175-.2-.342-.56-.419-1.046c-.152-.97.074-2.38.75-3.605A7.2 7.2 0 0 1 8.118 7.37a3.24 3.24 0 0 0-.322 1.39a.896.896 0 0 0 1.792 0c0-.382.424-1.093.741-1.473a3.7 3.7 0 0 1 .775-.567v2.04a.896.896 0 1 0 1.792 0zm2.141 3.523a1.38 1.38 0 0 0-1.138.61c-.21.309-.278.562.151.827c.28.173.605.11.795.016c.124-.06.17-.107.387-.007c.439.203.695.193.948-.017c.284-.236.236-.58.023-.83c-.306-.359-.72-.591-1.166-.599m-6.797.017c-.445.007-.86.24-1.167.6c-.213.25-.26.593.024.829c.253.21.51.22.948.017c.217-.1.263-.053.386.007c.191.093.516.156.796-.016c.429-.265.36-.519.15-.827a1.38 1.38 0 0 0-1.137-.61"/></svg>

Как использовать иконку Openbao

React

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

<Icon icon="simple-icons:openbao" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:openbao" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:openbao" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--openbao]"></span>

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="simple-icons:openbao"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/openbao.svg" alt="Иконка Openbao" width="24" height="24">

Иконка Openbao в других наборах

Вопросы и ответы: Иконка Openbao

Можно ли бесплатно использовать иконку Openbao в коммерческих проектах?

Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Openbao в React?

Установите @iconify/react и выведите <Icon icon="simple-icons:openbao" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Openbao на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/openbao.svg" alt="Иконка Openbao">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Simple Icons →