codex dark logo

codex-dark from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
codex-dark
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the codex dark logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fff" 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>

React

import type { SVGProps } from "react";

export function LogosCodexDark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fff" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fff" 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>
</template>

CSS

.icon-codex-dark {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M86.247%204.886A65.1%2065.1%200%200%201%20118.737.46c14.219%201.632%2026.89%207.68%2038.016%2018.132c.304.288.733.405%201.141.31c15.019-3.69%2029.461-2.39%2043.317%203.903l.672.32l1.643.81c14.474%207.5%2024.853%2018.88%2031.125%2034.11c2.965%207.243%204.458%2014.805%204.49%2022.677a60.3%2060.3%200%200%201-1.92%2017.396c-.148.588.013%201.21.427%201.653a63.8%2063.8%200%200%201%2016.832%2030.835c4.106%2020.276-.107%2038.558-12.619%2054.823l-1.941%202.347a64.67%2064.67%200%200%201-31.296%2019.743a1.73%201.73%200%200%200-1.152%201.088c-2.72%207.85-5.45%2014.548-10.528%2021.246c-12.789%2016.874-31.594%2026.26-52.778%2026.145c-16.885-.088-31.85-6.263-44.906-18.519a1.54%201.54%200%200%200-1.493-.34c-5.525%201.78-11.093%202.036-17.11%201.972a63.2%2063.2%200%200%201-27.679-6.634a64.6%2064.6%200%200%201-22.89-18.996c-2.166-2.87-4.31-5.568-5.878-8.757a82.6%2082.6%200%200%201-5.28-13.684a65.2%2065.2%200%200%201-.181-32.68a1.8%201.8%200%200%200%20.085-.79a1.23%201.23%200%200%200-.394-.683a63.55%2063.55%200%200%201-14.72-23.486a55.4%2055.4%200%200%201-3.552-16.948a73.8%2073.8%200%200%201%202.005-22.74c4.8-15.829%2013.963-28.244%2027.488-37.257c3.008-2.005%205.867-3.562%208.554-4.671a86%2086%200%200%201%209.184-3.243c.447-.132.796-.481.928-.928A64.2%2064.2%200%200%201%2060.103%2024.65c7.253-9.023%2015.968-15.614%2026.144-19.764M77.67%2088.614a9.05%209.05%200%200%200-15.712%208.981l18.07%2031.625l-18.006%2030.376a9.056%209.056%200%200%200%2015.573%209.215l20.693-34.898a9.06%209.06%200%200%200%20.075-9.109zm58.09%2066.556a9.056%209.056%200%200%200%200%2018.079h51.711a9.056%209.056%200%200%200%200-18.09h-51.71z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M86.247%204.886A65.1%2065.1%200%200%201%20118.737.46c14.219%201.632%2026.89%207.68%2038.016%2018.132c.304.288.733.405%201.141.31c15.019-3.69%2029.461-2.39%2043.317%203.903l.672.32l1.643.81c14.474%207.5%2024.853%2018.88%2031.125%2034.11c2.965%207.243%204.458%2014.805%204.49%2022.677a60.3%2060.3%200%200%201-1.92%2017.396c-.148.588.013%201.21.427%201.653a63.8%2063.8%200%200%201%2016.832%2030.835c4.106%2020.276-.107%2038.558-12.619%2054.823l-1.941%202.347a64.67%2064.67%200%200%201-31.296%2019.743a1.73%201.73%200%200%200-1.152%201.088c-2.72%207.85-5.45%2014.548-10.528%2021.246c-12.789%2016.874-31.594%2026.26-52.778%2026.145c-16.885-.088-31.85-6.263-44.906-18.519a1.54%201.54%200%200%200-1.493-.34c-5.525%201.78-11.093%202.036-17.11%201.972a63.2%2063.2%200%200%201-27.679-6.634a64.6%2064.6%200%200%201-22.89-18.996c-2.166-2.87-4.31-5.568-5.878-8.757a82.6%2082.6%200%200%201-5.28-13.684a65.2%2065.2%200%200%201-.181-32.68a1.8%201.8%200%200%200%20.085-.79a1.23%201.23%200%200%200-.394-.683a63.55%2063.55%200%200%201-14.72-23.486a55.4%2055.4%200%200%201-3.552-16.948a73.8%2073.8%200%200%201%202.005-22.74c4.8-15.829%2013.963-28.244%2027.488-37.257c3.008-2.005%205.867-3.562%208.554-4.671a86%2086%200%200%201%209.184-3.243c.447-.132.796-.481.928-.928A64.2%2064.2%200%200%201%2060.103%2024.65c7.253-9.023%2015.968-15.614%2026.144-19.764M77.67%2088.614a9.05%209.05%200%200%200-15.712%208.981l18.07%2031.625l-18.006%2030.376a9.056%209.056%200%200%200%2015.573%209.215l20.693-34.898a9.06%209.06%200%200%200%20.075-9.109zm58.09%2066.556a9.056%209.056%200%200%200%200%2018.079h51.711a9.056%209.056%200%200%200%200-18.09h-51.71z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/codex-dark.svg?color=%231a73e8&size=48