codex logo
codex from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- codex
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the codex logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#5061f7" 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>
React
import type { SVGProps } from "react";
export function DeviconCodex(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#5061f7" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#5061f7" 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> </template>
CSS
.icon-codex {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%235061f7%22%20d%3D%22M43.125%202.437A32.56%2032.56%200%200%201%2059.37.224q10.664%201.225%2019.008%209.067a.62.62%200%200%200%20.571.155q11.265-2.768%2021.659%201.952l.336.16l.821.405c7.237%203.749%2012.427%209.44%2015.563%2017.056a30%2030%200%200%201%202.245%2011.339a30.2%2030.2%200%200%201-.96%208.699a.89.89%200%200%200%20.213.827a31.9%2031.9%200%200%201%208.416%2015.419c2.053%2010.139-.053%2019.28-6.309%2027.413l-.971%201.173a32.34%2032.34%200%200%201-15.648%209.872a.86.86%200%200%200-.576.544c-1.36%203.925-2.725%207.275-5.264%2010.624c-6.395%208.437-15.797%2013.131-26.389%2013.072q-12.663-.066-22.453-9.259a.77.77%200%200%200-.747-.171c-2.763.891-5.547%201.019-8.555.987a31.6%2031.6%200%200%201-13.84-3.317a32.3%2032.3%200%200%201-11.445-9.499c-1.083-1.435-2.155-2.784-2.939-4.379a41.3%2041.3%200%200%201-2.64-6.843a32.6%2032.6%200%200%201-.091-16.341a.9.9%200%200%200%20.043-.395a.6.6%200%200%200-.197-.341a31.8%2031.8%200%200%201-7.36-11.744a27.7%2027.7%200%200%201-1.776-8.475a36.9%2036.9%200%200%201%201.003-11.371q3.6-11.871%2013.744-18.629c1.504-1.003%202.933-1.781%204.277-2.336a43%2043%200%200%201%204.592-1.621a.69.69%200%200%200%20.464-.464a32.1%2032.1%200%200%201%205.888-11.483q5.44-6.77%2013.072-9.883m-4.288%2041.867a4.523%204.523%200%200%200-7.856%204.491l9.035%2015.813l-9.003%2015.189a4.528%204.528%200%200%200%207.787%204.608l10.347-17.451a4.53%204.53%200%200%200%20.037-4.555zm29.045%2033.28a4.528%204.528%200%200%200%200%209.04h25.856a4.528%204.528%200%200%200%200-9.045H67.882z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%235061f7%22%20d%3D%22M43.125%202.437A32.56%2032.56%200%200%201%2059.37.224q10.664%201.225%2019.008%209.067a.62.62%200%200%200%20.571.155q11.265-2.768%2021.659%201.952l.336.16l.821.405c7.237%203.749%2012.427%209.44%2015.563%2017.056a30%2030%200%200%201%202.245%2011.339a30.2%2030.2%200%200%201-.96%208.699a.89.89%200%200%200%20.213.827a31.9%2031.9%200%200%201%208.416%2015.419c2.053%2010.139-.053%2019.28-6.309%2027.413l-.971%201.173a32.34%2032.34%200%200%201-15.648%209.872a.86.86%200%200%200-.576.544c-1.36%203.925-2.725%207.275-5.264%2010.624c-6.395%208.437-15.797%2013.131-26.389%2013.072q-12.663-.066-22.453-9.259a.77.77%200%200%200-.747-.171c-2.763.891-5.547%201.019-8.555.987a31.6%2031.6%200%200%201-13.84-3.317a32.3%2032.3%200%200%201-11.445-9.499c-1.083-1.435-2.155-2.784-2.939-4.379a41.3%2041.3%200%200%201-2.64-6.843a32.6%2032.6%200%200%201-.091-16.341a.9.9%200%200%200%20.043-.395a.6.6%200%200%200-.197-.341a31.8%2031.8%200%200%201-7.36-11.744a27.7%2027.7%200%200%201-1.776-8.475a36.9%2036.9%200%200%201%201.003-11.371q3.6-11.871%2013.744-18.629c1.504-1.003%202.933-1.781%204.277-2.336a43%2043%200%200%201%204.592-1.621a.69.69%200%200%200%20.464-.464a32.1%2032.1%200%200%201%205.888-11.483q5.44-6.77%2013.072-9.883m-4.288%2041.867a4.523%204.523%200%200%200-7.856%204.491l9.035%2015.813l-9.003%2015.189a4.528%204.528%200%200%200%207.787%204.608l10.347-17.451a4.53%204.53%200%200%200%20.037-4.555zm29.045%2033.28a4.528%204.528%200%200%200%200%209.04h25.856a4.528%204.528%200%200%200%200-9.045H67.882z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/codex.svg?color=%231a73e8&size=48
