ICONYZ
Español
Icono Codex de Devicon Plain

Icono Codex

devicon-plain:codex

El icono Codex (devicon-plain:codex) es un icono SVG gratuito de la colección Devicon Plain de konpa. Está dibujado en una cuadrícula de 128 × 128. Devicon Plain icons se publican bajo la licencia MIT, 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
Devicon Plain
Autor
konpa
Licencia
MIT
Tamaño
128 × 128
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M43.125 2.437A32.56 32.56 0 0 1 59.37.224q10.664 1.225 19.008 9.067a.62.62 0 0 0 .571.155q11.265-2.768 21.659 1.952l.336.16l.821.405c7.237 3.749 12.427 9.44 15.563 17.056a30 30 0 0 1 2.245 11.339a30.2 30.2 0 0 1-.96 8.699a.89.89 0 0 0 .213.827a31.9 31.9 0 0 1 8.416 15.419c2.053 10.139-.053 19.28-6.309 27.413l-.971 1.173a32.34 32.34 0 0 1-15.648 9.872a.86.86 0 0 0-.576.544c-1.36 3.925-2.725 7.275-5.264 10.624c-6.395 8.437-15.797 13.131-26.389 13.072q-12.663-.066-22.453-9.259a.77.77 0 0 0-.747-.171c-2.763.891-5.547 1.019-8.555.987a31.6 31.6 0 0 1-13.84-3.317a32.3 32.3 0 0 1-11.445-9.499c-1.083-1.435-2.155-2.784-2.939-4.379a41.3 41.3 0 0 1-2.64-6.843a32.6 32.6 0 0 1-.091-16.341a.9.9 0 0 0 .043-.395a.6.6 0 0 0-.197-.341a31.8 31.8 0 0 1-7.36-11.744a27.7 27.7 0 0 1-1.776-8.475a36.9 36.9 0 0 1 1.003-11.371q3.6-11.871 13.744-18.629c1.504-1.003 2.933-1.781 4.277-2.336a43 43 0 0 1 4.592-1.621a.69.69 0 0 0 .464-.464a32.1 32.1 0 0 1 5.888-11.483q5.44-6.77 13.072-9.883m-4.288 41.867a4.523 4.523 0 0 0-7.856 4.491l9.035 15.813l-9.003 15.189a4.528 4.528 0 0 0 7.787 4.608l10.347-17.451a4.53 4.53 0 0 0 .037-4.555zm29.045 33.28a4.528 4.528 0 0 0 0 9.04h25.856a4.528 4.528 0 0 0 0-9.045H67.882z"/></svg>

Cómo usar el icono Codex

React

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

<Icon icon="devicon-plain:codex" width="24" />

Vue

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

<template>
  <Icon icon="devicon-plain:codex" width="24" />
</template>

Svelte

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

<Icon icon="devicon-plain:codex" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="devicon-plain:codex"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/devicon-plain/codex.svg" alt="Icono Codex" width="24" height="24">

El icono Codex en otras colecciones

Preguntas frecuentes sobre Icono Codex

¿El icono Codex es gratis para uso comercial?

Sí. Devicon Plain icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Codex en React?

Instala @iconify/react y renderiza <Icon icon="devicon-plain: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/devicon-plain/codex.svg" alt="Icono Codex">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Devicon Plain →