codium

PreviousNext
Docs
svglcomponent

Preview

Loading preview…
././static/components-generated/codium.tsx
import type { SVGProps } from "react";

const Codium = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 256 170" preserveAspectRatio="xMidYMid">
    <defs>
      <radialGradient
        id="a"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(-93.94978 -1.31187 1.91351 -137.03592 119.07 85.05)"
      >
        <stop stop-color="#6447FF" />
        <stop offset=".067" stop-color="#6348FE" />
        <stop offset=".133" stop-color="#614DFC" />
        <stop offset=".2" stop-color="#5C54F8" />
        <stop offset=".267" stop-color="#565EF3" />
        <stop offset=".333" stop-color="#4E6CEC" />
        <stop offset=".4" stop-color="#447BE4" />
        <stop offset=".467" stop-color="#3A8DDB" />
        <stop offset=".533" stop-color="#2F9FD1" />
        <stop offset=".6" stop-color="#25B1C8" />
        <stop offset=".667" stop-color="#1BC0C0" />
        <stop offset=".733" stop-color="#13CEB9" />
        <stop offset=".8" stop-color="#0DD8B4" />
        <stop offset=".867" stop-color="#08DFB0" />
        <stop offset=".933" stop-color="#06E4AE" />
        <stop offset="1" stop-color="#05E5AD" />
      </radialGradient>
      <radialGradient
        id="b"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(-50.24352 -14.35492 14.75776 -51.65347 180.635 22.73)"
      >
        <stop stop-color="#6447FF" />
        <stop offset=".067" stop-color="#6348FE" />
        <stop offset=".133" stop-color="#614DFC" />
        <stop offset=".2" stop-color="#5C54F8" />
        <stop offset=".267" stop-color="#565EF3" />
        <stop offset=".333" stop-color="#4E6CEC" />
        <stop offset=".4" stop-color="#447BE4" />
        <stop offset=".467" stop-color="#3A8DDB" />
        <stop offset=".533" stop-color="#2F9FD1" />
        <stop offset=".6" stop-color="#25B1C8" />
        <stop offset=".667" stop-color="#1BC0C0" />
        <stop offset=".733" stop-color="#13CEB9" />
        <stop offset=".8" stop-color="#0DD8B4" />
        <stop offset=".867" stop-color="#08DFB0" />
        <stop offset=".933" stop-color="#06E4AE" />
        <stop offset="1" stop-color="#05E5AD" />
      </radialGradient>
      <radialGradient
        id="c"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(-50.24352 -14.35492 14.75776 -51.65347 180.635 159.67)"
      >
        <stop stop-color="#6447FF" />
        <stop offset=".067" stop-color="#6348FE" />
        <stop offset=".133" stop-color="#614DFC" />
        <stop offset=".2" stop-color="#5C54F8" />
        <stop offset=".267" stop-color="#565EF3" />
        <stop offset=".333" stop-color="#4E6CEC" />
        <stop offset=".4" stop-color="#447BE4" />
        <stop offset=".467" stop-color="#3A8DDB" />
        <stop offset=".533" stop-color="#2F9FD1" />
        <stop offset=".6" stop-color="#25B1C8" />
        <stop offset=".667" stop-color="#1BC0C0" />
        <stop offset=".733" stop-color="#13CEB9" />
        <stop offset=".8" stop-color="#0DD8B4" />
        <stop offset=".867" stop-color="#08DFB0" />
        <stop offset=".933" stop-color="#06E4AE" />
        <stop offset="1" stop-color="#05E5AD" />
      </radialGradient>
      <radialGradient
        id="d"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(-45.96601 -20.03622 29.70752 -68.1534 226.095 157.52)"
      >
        <stop stop-color="#6447FF" />
        <stop offset=".067" stop-color="#6348FE" />
        <stop offset=".133" stop-color="#614DFC" />
        <stop offset=".2" stop-color="#5C54F8" />
        <stop offset=".267" stop-color="#565EF3" />
        <stop offset=".333" stop-color="#4E6CEC" />
        <stop offset=".4" stop-color="#447BE4" />
        <stop offset=".467" stop-color="#3A8DDB" />
        <stop offset=".533" stop-color="#2F9FD1" />
        <stop offset=".6" stop-color="#25B1C8" />
        <stop offset=".667" stop-color="#1BC0C0" />
        <stop offset=".733" stop-color="#13CEB9" />
        <stop offset=".8" stop-color="#0DD8B4" />
        <stop offset=".867" stop-color="#08DFB0" />
        <stop offset=".933" stop-color="#06E4AE" />
        <stop offset="1" stop-color="#05E5AD" />
      </radialGradient>
      <radialGradient
        id="e"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(-45.96601 -20.03622 29.70752 -68.1534 226.095 31.103)"
      >
        <stop stop-color="#6447FF" />
        <stop offset=".067" stop-color="#6348FE" />
        <stop offset=".133" stop-color="#614DFC" />
        <stop offset=".2" stop-color="#5C54F8" />
        <stop offset=".267" stop-color="#565EF3" />
        <stop offset=".333" stop-color="#4E6CEC" />
        <stop offset=".4" stop-color="#447BE4" />
        <stop offset=".467" stop-color="#3A8DDB" />
        <stop offset=".533" stop-color="#2F9FD1" />
        <stop offset=".6" stop-color="#25B1C8" />
        <stop offset=".667" stop-color="#1BC0C0" />
        <stop offset=".733" stop-color="#13CEB9" />
        <stop offset=".8" stop-color="#0DD8B4" />
        <stop offset=".867" stop-color="#08DFB0" />
        <stop offset=".933" stop-color="#06E4AE" />
        <stop offset="1" stop-color="#05E5AD" />
      </radialGradient>
      <radialGradient
        id="f"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(29.90682 0 0 147.52703 229.683 83.74)"
      >
        <stop stop-color="#05E5AD" />
        <stop offset=".32" stop-color="#05E5AD" stop-opacity="0" />
        <stop offset=".903" stop-color="#6447FF" />
      </radialGradient>
    </defs>
    <path
      d="M84.818 0c12.181 0 23.731 2.576 34.196 7.204-23.187 13.153-39.367 42.949-39.367 77.614 0 34.659 16.196 64.46 39.367 77.613a84.358 84.358 0 0 1-34.196 7.204C37.977 169.635 0 131.658 0 84.818 0 37.98 37.977 0 84.818 0Z"
      fill="url(#a)"
    />
    <path
      d="M151.704 32.693c-8.577-10.977-19.777-19.794-32.698-25.489C127.151 2.576 136.145 0 145.607 0c8.926 0 17.46 2.304 25.216 6.435-7.582 5.646-14.161 14.77-19.132 26.258h.013Z"
      fill="url(#b)"
    />
    <path
      d="M151.691 136.942c4.971 11.488 11.55 20.591 19.132 26.258-7.772 4.145-16.29 6.435-25.216 6.435-9.478 0-18.469-2.575-26.601-7.204 12.897-5.695 24.121-14.512 32.698-25.489h-.013Z"
      fill="url(#c)"
    />
    <path
      d="M79.639 84.818c0-34.665 16.196-64.461 39.367-77.614 12.897 5.695 24.121 14.512 32.698 25.489-6.244 14.389-9.959 32.47-9.959 52.125 0 19.646 3.729 37.735 9.959 52.119a85.129 85.129 0 0 1-32.698 25.494c-23.185-13.153-39.367-42.954-39.367-77.613Z"
      fill="#7962FE"
    />
    <path
      d="M203.084 126.414c2.399 12.788 5.872 23.514 10.06 31.083-7.085 7.7-15.391 12.13-24.289 12.13-6.383 0-12.467-2.29-18.023-6.435 13.688-7.283 25.034-20.326 32.252-36.756v-.022Z"
      fill="url(#d)"
    />
    <path
      d="M170.832 6.435C176.388 2.29 182.472 0 188.855 0c8.885 0 17.191 4.433 24.289 12.132-4.175 7.566-7.648 18.287-10.06 31.075-7.218-16.438-18.564-29.476-32.252-36.756v-.016Z"
      fill="url(#e)"
    />
    <path
      d="M151.704 136.929c11.216-14.382 17.92-32.465 17.92-52.12 0-19.652-6.704-37.735-17.92-52.116 4.98-11.48 11.553-20.599 19.141-26.264 13.683 7.281 25.029 20.327 32.247 36.756-2.32 12.29-3.633 26.49-3.633 41.611 0 15.121 1.33 29.312 3.633 41.605-7.218 16.435-18.564 29.481-32.247 36.761-7.588-5.651-14.161-14.767-19.141-26.263v.03Z"
      fill="#7962FE"
    />
    <path
      d="M151.696 136.942c-6.236-14.389-9.951-32.47-9.951-52.124 0-19.647 3.729-37.73 9.951-52.12 11.224 14.39 17.928 32.473 17.928 52.12 0 19.654-6.704 37.735-17.928 52.124Z"
      fill="#321BB2"
    />
    <path
      d="M213.144 12.132C217.4 4.433 222.38 0 227.724 0 243.343 0 256 37.98 256 84.818c0 46.84-12.657 84.817-28.276 84.817-5.331 0-10.324-4.438-14.58-12.132 13.682-14.85 22.837-41.828 22.837-72.685 0-30.855-9.155-57.85-22.837-72.686Z"
      fill="#05E6AD"
    />
    <path
      d="M213.144 12.132C217.4 4.433 222.38 0 227.724 0 243.343 0 256 37.98 256 84.818c0 46.84-12.657 84.817-28.276 84.817-5.331 0-10.324-4.438-14.58-12.132 13.682-14.85 22.837-41.828 22.837-72.685 0-30.855-9.155-57.85-22.837-72.686Z"
      fill="url(#f)"
    />
    <path
      d="M211.58 84.826c0-15.13-3.087-29.321-8.496-41.611 2.399-12.79 5.872-23.508 10.068-31.077 13.68 14.835 22.834 41.847 22.834 72.688 0 30.832-9.154 57.849-22.834 72.685-4.183-7.574-7.648-18.295-10.068-31.083 5.396-12.29 8.496-26.481 8.496-41.602Z"
      fill="#7962FE"
    />
    <path
      d="M203.084 126.423c-2.317-12.293-3.634-26.484-3.634-41.605 0-15.127 1.33-29.321 3.634-41.611 5.396 12.29 8.496 26.484 8.496 41.611 0 15.121-3.087 29.312-8.496 41.605Z"
      fill="#321BB2"
    />
  </svg>
);

export { Codium };

Installation

npx shadcn@latest add @svgl/codium

Usage

import { Codium } from "@/components/codium"
<Codium />