ark-ui

PreviousNext
Docs
svglcomponent

Preview

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

const ArkUi = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 512 512" fill="none">
    <rect width="512" height="512" rx="254" fill="#EB5E41" />
    <path
      d="M231.089 204.512C213.27 256.575 195.503 308.425 177.857 360.315C176.886 363.171 175.618 364.044 172.603 364.034C139.296 363.913 105.988 363.958 72.6803 363.958C71.5973 363.958 70.5143 363.958 69 363.958C99.2736 274.397 129.405 185.258 159.555 96.0615C160.872 96.0615 161.985 96.0615 163.097 96.0615C224.395 96.0612 285.692 96.0772 346.989 96C349.43 95.9969 350.556 96.6394 351.373 98.9802C381.583 185.583 411.862 272.163 442.128 358.746C442.4 359.523 442.622 360.316 443 361.529C390.332 361.529 337.906 361.529 285.137 361.529C285.137 386.911 285.137 411.902 285.137 436.894C284.919 436.929 284.701 436.965 284.483 437C263.855 378.743 243.227 320.485 222.445 261.796C223.73 261.685 224.773 261.517 225.817 261.517C248.022 261.501 270.227 261.505 292.432 261.504C298.956 261.504 299.791 260.378 297.652 254.338C285.545 220.153 273.428 185.971 261.314 151.789C259.982 148.03 258.722 144.242 257.262 140.533C256.87 139.539 256.436 137.922 255.137 137.922C253.839 137.922 253.401 139.61 253.045 140.632C248.464 153.765 243.978 166.932 239.468 180.09C236.701 188.162 233.934 196.234 231.089 204.512Z"
      fill="white"
    />
  </svg>
);

export { ArkUi };

Installation

npx shadcn@latest add @svgl/ark-ui

Usage

import { ArkUi } from "@/components/ark-ui"
<ArkUi />