Vela UI Docs
venizia.ai

discount-star-01

DiscountStar01, 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-01.

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

Installation

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

Usage

// components/icons/discount-star-01.tsx
import DiscountStar01 from "@/components/icons/discount-star-01"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function DiscountStar01({ size = 24, strokeWidth = 1, className, ref, ...props }: DiscountStar01Props) {
  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.1083M7.92288 4.38723L6.90497 4.44922C5.58354 4.5297 4.52982 5.58342 4.44934 6.90485L4.38735 7.92276C4.35179 8.50667 4.12182 9.06187 3.73408 9.4999L3.05814 10.2635C2.18065 11.2548 2.18065 12.745 3.05814 13.7363L3.73408 14.4999C4.12182 14.9379 4.35179 15.4931 4.38735 16.077L4.44934 17.0949C4.52982 18.4164 5.58354 19.4701 6.90498 19.5506L7.92288 19.6126C8.50679 19.6481 9.06199 19.8781 9.50002 20.2658L10.2636 20.9418C11.2549 21.8193 12.7451 21.8193 13.7364 20.9418L14.5 20.2658C14.9381 19.8781 15.4933 19.6481 16.0772 19.6126L17.0951 19.5506C18.4165 19.4701 19.4702 18.4164 19.5507 17.0949L19.6127 16.077C19.6483 15.4931 19.8782 14.9379 20.266 14.4999L20.9419 13.7363C21.8194 12.745 21.8194 11.2548 20.9419 10.2635L20.266 9.4999C19.8782 9.06187 19.6483 8.50667 19.6127 7.92276L19.5507 6.90485C19.4702 5.58341 18.4165 4.5297 17.0951 4.44922L16.0772 4.38723C15.4933 4.35167 14.9381 4.12169 14.5 3.73395L13.7364 3.05802C12.7451 2.18053 11.2549 2.18053 10.2636 3.05802L9.50002 3.73395C9.06199 4.12169 8.50679 4.35167 7.92288 4.38723Z" stroke="currentColor" strokeLinecap="round"/>
    </svg>
  );
}
DiscountStar01.displayName = "DiscountStar01";

export default DiscountStar01;