Vela UI Docs
venizia.ai

discount-star-02

DiscountStar02, 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-02.

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

Installation

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

Usage

// components/icons/discount-star-02.tsx
import DiscountStar02 from "@/components/icons/discount-star-02"

<DiscountStar02 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 DiscountStar02Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function DiscountStar02({ size = 24, strokeWidth = 1, className, ref, ...props }: DiscountStar02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M8.40002 15.5999L15.6 8.3999M8.95392 8.94924L8.93978 8.93495M15.0644 15.1226L15.0503 15.1083M9.57598 4.0427L7.63812 3.61808C7.3285 3.55023 7.01816 3.72941 6.9221 4.03147L6.3209 5.92202C6.26056 6.11177 6.11189 6.26044 5.92214 6.32078L4.03159 6.92198C3.72953 7.01804 3.55035 7.32837 3.6182 7.638L4.04282 9.57586C4.08544 9.77036 4.03102 9.97345 3.89687 10.1206L2.5602 11.5865C2.34663 11.8207 2.34663 12.1791 2.5602 12.4133L3.89687 13.8792C4.03102 14.0264 4.08544 14.2294 4.04282 14.4239L3.6182 16.3618C3.55035 16.6714 3.72953 16.9818 4.03159 17.0778L5.92214 17.679C6.11189 17.7394 6.26056 17.888 6.3209 18.0778L6.9221 19.9683C7.01816 20.2704 7.3285 20.4496 7.63812 20.3817L9.57598 19.9571C9.77048 19.9145 9.97357 19.9689 10.1207 20.1031L11.5866 21.4397C11.8208 21.6533 12.1792 21.6533 12.4134 21.4397L13.8793 20.1031C14.0265 19.9689 14.2296 19.9145 14.4241 19.9571L16.3619 20.3817C16.6715 20.4496 16.9819 20.2704 17.0779 19.9683L17.6791 18.0778C17.7395 17.888 17.8881 17.7394 18.0779 17.679L19.9685 17.0778C20.2705 16.9818 20.4497 16.6714 20.3818 16.3618L19.9572 14.4239C19.9146 14.2294 19.969 14.0264 20.1032 13.8792L21.4398 12.4133C21.6534 12.1791 21.6534 11.8207 21.4398 11.5865L20.1032 10.1206C19.969 9.97345 19.9146 9.77036 19.9572 9.57586L20.3818 7.638C20.4497 7.32837 20.2705 7.01804 19.9685 6.92198L18.0779 6.32078C17.8882 6.26044 17.7395 6.11177 17.6791 5.92202L17.0779 4.03147C16.9819 3.72941 16.6715 3.55023 16.3619 3.61808L14.4241 4.0427C14.2296 4.08532 14.0265 4.0309 13.8793 3.89674L12.4134 2.56008C12.1792 2.34651 11.8208 2.34651 11.5866 2.56008L10.1207 3.89674C9.97357 4.0309 9.77048 4.08532 9.57598 4.0427Z" stroke="currentColor" strokeLinecap="round"/>
    </svg>
  );
}
DiscountStar02.displayName = "DiscountStar02";

export default DiscountStar02;