affinity-publisher

PreviousNext
Docs
svglcomponent

Preview

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

const AffinityPublisher = (props: SVGProps<SVGSVGElement>) => (
  <svg
    {...props}
    xmlSpace="preserve"
    fillRule="evenodd"
    strokeLinejoin="round"
    strokeMiterlimit="2"
    clipRule="evenodd"
    viewBox="0 0 1024 1024"
  >
    <path
      fill="#891b26"
      d="M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"
    />
    <path
      fill="url(#a)"
      d="m4145.14 949-257.8-446.348L3754 733.508V909c0 22.077 17.92 40 40 40h351.14Zm187.99 0h-148.64s-192.55-333.487-257.06-445.057c-12.63-21.85-12.64-48.87-.01-70.724 23.33-40.368 53.92-93.31 53.92-93.31L4333.13 949Zm187.99 0h-148.64l-369.29-646.928 72.14-124.89L4521.12 949ZM4628 808.578V909c0 22.077-17.92 40-40 40h-27.53L4095 143.121 4134.35 75h69.95L4628 808.578ZM4588 75h-344.36L4628 740.456V115c0-22.077-17.92-40-40-40Z"
      transform="translate(-3678.99)"
    />
    <defs>
      <radialGradient
        id="a"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="translate(4421.95 -89.26) scale(1038.26)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#ffae71" />
        <stop offset="1" stop-color="#ff9350" />
      </radialGradient>
    </defs>
  </svg>
);

export { AffinityPublisher };

Installation

npx shadcn@latest add @svgl/affinity-publisher

Usage

import { AffinityPublisher } from "@/components/affinity-publisher"
<AffinityPublisher />