Иконка Logo Codex

ooui:logo-codex

Иконка Logo Codex (ooui:logo-codex) — бесплатная SVG-иконка из набора OOUI от OOUI Team. Она нарисована на сетке 20 × 20. OOUI icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OOUI
Автор: OOUI Team
Лицензия: MIT
Размер: 20 × 20
Теги: logocodex

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M4.83 1.725a.46.46 0 0 1 .4-.225h3.213c.248 0 .476.13.6.338l.535.903c.32.539 1.096.975 1.734.975s.897-.436.578-.975l-.535-.903c-.09-.15.022-.337.2-.337h3.213c.165 0 .318.086.4.225l1.607 2.712a.225.225 0 0 1-.2.338h-1.086c-.638 0-.897.436-.578.975s1.096.975 1.734.975h1.086c.248 0 .476.13.6.338l1.607 2.712a.44.44 0 0 1 0 .45l-1.607 2.712a.7.7 0 0 1-.6.337h-1.085c-.639 0-1.415.437-1.734.975c-.319.539-.06.976.578.976h1.086c.178 0 .289.187.2.337l-1.606 2.712a.46.46 0 0 1-.4.225h-3.214a.225.225 0 0 1-.2-.338l.523-.881c.319-.54.06-.976-.578-.976c-.639 0-1.415.437-1.734.975l-.522.882a.7.7 0 0 1-.6.337H5.232a.46.46 0 0 1-.4-.225l-1.607-2.712a.66.66 0 0 1 0-.675l.522-.882c.32-.538.32-1.412 0-1.95c-.32-.54-.837-.54-1.156 0l-.522.881a.234.234 0 0 1-.4 0L.062 10.224a.44.44 0 0 1 0-.45l1.606-2.712a.234.234 0 0 1 .4 0l.535.903c.32.539.837.539 1.156 0c.319-.538.319-1.412 0-1.95l-.535-.903a.66.66 0 0 1 0-.675zm2.474 3.05a.7.7 0 0 0-.6.337l-.535.903c-.32.539-.319 1.412 0 1.95c.32.54.837.54 1.156 0l.535-.902a.7.7 0 0 1 .6-.337h1.07c.638 0 .896-.437.577-.976s-1.095-.975-1.734-.975zm6.376 4.888a.66.66 0 0 1 0 .675l-.535.903c-.32.538-.06.975.578.975s1.414-.436 1.733-.975l.535-.903a.66.66 0 0 0 0-.675l-.522-.881c-.32-.54-1.095-.976-1.734-.976c-.638 0-.897.437-.577.975zm-5.306 5.562c.639 0 1.415-.436 1.734-.975s.06-.976-.578-.976H8.46a.7.7 0 0 1-.6-.337l-.543-.916c-.319-.54-.836-.54-1.155 0c-.32.538-.32 1.411 0 1.95l.542.916a.7.7 0 0 0 .6.338z"/></svg>

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

React

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

<Icon icon="ooui:logo-codex" width="24" />

Vue

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

<template>
  <Icon icon="ooui:logo-codex" width="24" />
</template>

Svelte

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

<Icon icon="ooui:logo-codex" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ooui--logo-codex]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ooui -->
<div class="i-ooui:logo-codex"></div>

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

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

<iconify-icon icon="ooui:logo-codex"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/ooui/logo-codex.svg" alt="Иконка Logo Codex" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки OOUI →