Icono Codex
logos:codex
El icono Codex (logos:codex) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 256. SVG Logos icons se publican bajo la licencia CC0, 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
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 256
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#111" d="M86.247 4.886A65.1 65.1 0 0 1 118.737.46c14.219 1.632 26.89 7.68 38.016 18.132c.304.288.733.405 1.141.31c15.019-3.69 29.461-2.39 43.317 3.903l.672.32l1.643.81c14.474 7.5 24.853 18.88 31.125 34.11c2.965 7.243 4.458 14.805 4.49 22.677a60.3 60.3 0 0 1-1.92 17.396c-.148.588.013 1.21.427 1.653a63.8 63.8 0 0 1 16.832 30.835c4.106 20.276-.107 38.558-12.619 54.823l-1.941 2.347a64.67 64.67 0 0 1-31.296 19.743a1.73 1.73 0 0 0-1.152 1.088c-2.72 7.85-5.45 14.548-10.528 21.246c-12.789 16.874-31.594 26.26-52.778 26.145c-16.885-.088-31.85-6.263-44.906-18.519a1.54 1.54 0 0 0-1.493-.34c-5.525 1.78-11.093 2.036-17.11 1.972a63.2 63.2 0 0 1-27.679-6.634a64.6 64.6 0 0 1-22.89-18.996c-2.166-2.87-4.31-5.568-5.878-8.757a82.6 82.6 0 0 1-5.28-13.684a65.2 65.2 0 0 1-.181-32.68a1.8 1.8 0 0 0 .085-.79a1.23 1.23 0 0 0-.394-.683a63.55 63.55 0 0 1-14.72-23.486a55.4 55.4 0 0 1-3.552-16.948a73.8 73.8 0 0 1 2.005-22.74c4.8-15.829 13.963-28.244 27.488-37.257c3.008-2.005 5.867-3.562 8.554-4.671a86 86 0 0 1 9.184-3.243c.447-.132.796-.481.928-.928A64.2 64.2 0 0 1 60.103 24.65c7.253-9.023 15.968-15.614 26.144-19.764M77.67 88.614a9.05 9.05 0 0 0-15.712 8.981l18.07 31.625l-18.006 30.376a9.056 9.056 0 0 0 15.573 9.215l20.693-34.898a9.06 9.06 0 0 0 .075-9.109zm58.09 66.556a9.056 9.056 0 0 0 0 18.079h51.711a9.056 9.056 0 0 0 0-18.09h-51.71z"/></svg>Cómo usar el icono Codex
React
import { Icon } from "@iconify/react";
<Icon icon="logos:codex" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:codex" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:codex" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--codex]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:codex"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:codex"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/codex.svg" alt="Icono Codex" width="24" height="24">Iconos relacionados en SVG Logos
El icono Codex en otras colecciones
Preguntas frecuentes sobre Icono Codex
¿El icono Codex es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Codex en React?
Instala @iconify/react y renderiza <Icon icon="logos:codex" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Codex a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/codex.svg" alt="Icono Codex">, o pega el código SVG en línea para darle estilo con CSS.