kokonut-ui

PreviousNext
Docs
svglcomponent

Preview

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

const KokonutuiLight = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 32 32" fill="none">
    <path
      fill="#0C0C0C"
      fill-opacity=".82"
      fillRule="evenodd"
      d="M12.365 24.14c2.241 3.92 8.445 5.557 12.328 3.294 3.191-1.86 4.616-6.231 3.776-9.905-.36-1.575-1.362-2.916-2.594-3.947-.189-.157-.38-.309-.572-.454.471.51.895 1.085 1.257 1.72 2.407 4.208 1.211 9.455-2.671 11.718-3.883 2.263-8.982.686-11.389-3.523a9.384 9.384 0 0 1-1.162-3.416c-.058 1.597.264 3.18 1.027 4.514Z"
      clipRule="evenodd"
    />
    <path
      fill="#111"
      d="M25.917 19.269c0 3.325-2.67 6.021-5.964 6.021-3.294 0-5.965-2.696-5.965-6.021 0-3.326 2.67-6.022 5.965-6.022 3.294 0 5.964 2.696 5.964 6.022Z"
    />
    <path
      fill="#2CD242"
      d="M10.51 17.52c-.09-.678-4.815-10.356 0-12.346 4.814-1.99 7.648-2.36 7.648-2.36s3.006-.452 5.171-2.532c2.165-2.08-.961 7.967-2.165 10.047-1.204 2.08-3.7 1.81-5.127 3.211-1.427 1.402-2.728 3.98-2.728 3.98s-.665-2.025-.665-3.98c0-1.954 4.775-7.371 4.775-7.371 2.095-1.447-3.433 1.55-5.394 5.472-1.573 3.144-1.54 5.461-1.512 5.907.013.107.007.102 0 0a1.305 1.305 0 0 0-.004-.028ZM10.994 20.294c-.425.057-6.499 3.084-7.747 0-1.249-3.084-1.48-4.9-1.48-4.9s-.285-1.925-1.59-3.312c-1.306-1.387 5 .616 6.305 1.387 1.305.771 1.135 2.37 2.015 3.284.88.914 2.497 1.748 2.497 1.748s-1.27.426-2.497.426c-1.226 0-4.626-3.06-4.626-3.06-.908-1.341.973 2.2 3.434 3.456 1.973 1.008 3.427.987 3.707.969.067-.009.064-.005 0 0l-.018.002Z"
    />
  </svg>
);

export { KokonutuiLight };

Installation

npx shadcn@latest add @svgl/kokonut-ui

Usage

import { KokonutUi } from "@/components/kokonut-ui"
<KokonutUi />