Vela UI Docs
venizia.ai

discount-star-03

DiscountStar03, one of the 856 Vela UI icons, in the General group: a 24px grid drawn in currentColor, so it takes the colour of the text around it. It installs on its own as @velaui/icon-discount-star-03.

  • 16px
  • 20px
  • 24px
  • 32px

Installation

pnpm dlx velaui add @velaui/icon-discount-star-03

Usage

// components/icons/discount-star-03.tsx
import DiscountStar03 from "@/components/icons/discount-star-03"

<DiscountStar03 className="size-5 text-muted" />

In use

  • In a button

  • In a sentence

    Due Friday, or whenever the venue confirms.

  • In an input

  • As a badge

    Scheduled

  • In an empty state

    No events on this day yet.

    Browse blocks

Source

import * as React from "react";

export interface DiscountStar03Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function DiscountStar03({ size = 24, strokeWidth = 1, className, ref, ...props }: DiscountStar03Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M8.40034 15.6L15.6003 8.40004M8.95424 8.94938L8.94009 8.93509M15.0648 15.1227L15.0506 15.1084M11.4992 3.63805L9.57481 2.57292C9.15209 2.33895 8.6277 2.52432 8.42854 2.97814L7.52188 5.0441C7.40388 5.31297 7.16268 5.50063 6.88194 5.54201L4.72472 5.85993C4.25086 5.92976 3.9311 6.40117 4.02576 6.8904L4.45668 9.11756C4.51276 9.40741 4.4234 9.70709 4.21959 9.91266L2.65355 11.4922C2.30955 11.8392 2.31656 12.4165 2.66888 12.7543L4.27277 14.292C4.48151 14.4921 4.57812 14.7893 4.5291 15.0806L4.15241 17.3184C4.06967 17.81 4.40077 18.2728 4.87617 18.3301L7.04042 18.5909C7.32208 18.6249 7.56776 18.8061 7.69225 19.0718L8.6488 21.1131C8.85892 21.5615 9.38763 21.733 9.80454 21.4879L11.7025 20.3723C11.9495 20.2271 12.2504 20.2231 12.5008 20.3617L14.4252 21.4269C14.848 21.6609 15.3723 21.4755 15.5715 21.0217L16.4782 18.9557C16.5962 18.6868 16.8374 18.4992 17.1181 18.4578L19.2753 18.1399C19.7492 18.07 20.0689 17.5986 19.9743 17.1094L19.5434 14.8822C19.4873 14.5924 19.5766 14.2927 19.7805 14.0871L21.3465 12.5076C21.6905 12.1606 21.6835 11.5833 21.3312 11.2455L19.7273 9.70782C19.5185 9.5077 19.4219 9.21048 19.4709 8.91924L19.8476 6.68141C19.9304 6.18984 19.5993 5.72702 19.1239 5.66973L16.9596 5.40889C16.678 5.37495 16.4323 5.19371 16.3078 4.92804L15.3513 2.8867C15.1411 2.43829 14.6124 2.26682 14.1955 2.51188L12.2976 3.62751C12.0506 3.7727 11.7497 3.77667 11.4992 3.63805Z" stroke="currentColor" strokeLinecap="round"/>
    </svg>
  );
}
DiscountStar03.displayName = "DiscountStar03";

export default DiscountStar03;