Ícone Logo Codex
ooui:logo-codex
O ícone Logo Codex (ooui:logo-codex) é um ícone SVG gratuito da coleção OOUI de OOUI Team. Ele é desenhado em uma grade de 20 × 20. OOUI icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- OOUI
- Autor
- OOUI Team
- Licença
- MIT
- Tamanho
- 20 × 20
- Tags
- logocodex
Código 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>
Como usar o ícone 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>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ooui:logo-codex"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/ooui/logo-codex.svg" alt="Ícone Logo Codex" width="24" height="24">
Ícones relacionados em OOUI
Perguntas frequentes sobre Ícone Logo Codex
O ícone Logo Codex é grátis para uso comercial?
Sim. OOUI icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Logo Codex no React?
Instale @iconify/react e renderize <Icon icon="ooui:logo-codex" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Logo Codex a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ooui/logo-codex.svg" alt="Ícone Logo Codex">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones OOUI →
ICONYZ
