Vela UI Docs
venizia.ai

graduation-cap-02

GraduationCap02, 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-graduation-cap-02.

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

Installation

pnpm dlx velaui add @velaui/icon-graduation-cap-02

Usage

// components/icons/graduation-cap-02.tsx
import GraduationCap02 from "@/components/icons/graduation-cap-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function GraduationCap02({ size = 24, strokeWidth = 0, className, ref, ...props }: GraduationCap02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M18.4474 18.2537L18.1932 17.8232L18.4474 18.2537ZM18.9389 17.3926H18.4389V17.3926H18.9389ZM10.9656 21.4033L10.6973 21.8253V21.8253L10.9656 21.4033ZM13.0554 21.4376L13.3096 21.8682L13.0554 21.4376ZM1.90407 8.13662L1.64811 7.70711L1.90407 8.13662ZM1.90407 8.99565L1.64811 9.42516H1.64811L1.90407 8.99565ZM12.5119 14.7071L12.7679 15.1366L12.5119 14.7071ZM11.4881 14.7071L11.744 14.2776V14.2776L11.4881 14.7071ZM22.0959 8.13662L22.3519 7.70711L22.0959 8.13662ZM22.0959 8.99565L21.8399 8.56613V8.56613L22.0959 8.99565ZM6.01756 18.2581L6.28578 17.8361V17.8361L6.01756 18.2581ZM12.5119 2.42515L12.2559 2.85467V2.85467L12.5119 2.42515ZM11.4881 2.42515L11.744 2.85467V2.85467L11.4881 2.42515ZM22.7 8.54949C22.7 8.27335 22.4761 8.04949 22.2 8.04949C21.9238 8.04949 21.7 8.27335 21.7 8.54949H22.2H22.7ZM21.7 13.9495C21.7 14.2256 21.9238 14.4495 22.2 14.4495C22.4761 14.4495 22.7 14.2256 22.7 13.9495H22.2H21.7ZM12.5119 2.42515L12.2559 2.85467L21.8399 8.56613L22.0959 8.13662L22.3519 7.70711L12.7679 1.99564L12.5119 2.42515ZM22.0959 8.99565L21.8399 8.56613L12.2559 14.2776L12.5119 14.7071L12.7679 15.1366L22.3519 9.42516L22.0959 8.99565ZM1.90407 8.13662L2.16003 8.56613L11.744 2.85467L11.4881 2.42515L11.2321 1.99564L1.64811 7.70711L1.90407 8.13662ZM11.4881 14.7071L11.744 14.2776L5.80997 10.7413L5.55401 11.1708L5.29804 11.6003L11.2321 15.1366L11.4881 14.7071ZM5.55401 11.1708L5.80997 10.7413L2.16003 8.56613L1.90407 8.99565L1.64811 9.42516L5.29804 11.6003L5.55401 11.1708ZM5.55401 11.1708H5.05401V17.4142H5.55401H6.05401V11.1708H5.55401ZM6.01756 18.2581L5.74933 18.6801L10.6973 21.8253L10.9656 21.4033L11.2338 20.9814L6.28578 17.8361L6.01756 18.2581ZM13.0554 21.4376L13.3096 21.8682L18.7016 18.6842L18.4474 18.2537L18.1932 17.8232L12.8012 21.0071L13.0554 21.4376ZM18.9389 17.3926H19.4389L19.4389 11.1708H18.9389H18.4389L18.4389 17.3926H18.9389ZM18.4474 18.2537L18.7016 18.6842C19.1586 18.4144 19.4389 17.9233 19.4389 17.3926H18.9389H18.4389C18.4389 17.5695 18.3455 17.7332 18.1932 17.8232L18.4474 18.2537ZM10.9656 21.4033L10.6973 21.8253C11.4908 22.3297 12.5001 22.3462 13.3096 21.8682L13.0554 21.4376L12.8012 21.0071C12.3154 21.2939 11.7099 21.284 11.2338 20.9814L10.9656 21.4033ZM1.90407 8.13662L1.64811 7.70711C0.997342 8.09492 0.997345 9.03735 1.64811 9.42516L1.90407 8.99565L2.16003 8.56613L2.16003 8.56613L1.90407 8.13662ZM12.5119 14.7071L12.2559 14.2776C12.0982 14.3716 11.9017 14.3716 11.744 14.2776L11.4881 14.7071L11.2321 15.1366C11.7052 15.4186 12.2948 15.4186 12.7679 15.1366L12.5119 14.7071ZM22.0959 8.13662L21.8399 8.56613V8.56613L22.0959 8.99565L22.3519 9.42516C23.0026 9.03735 23.0026 8.09492 22.3519 7.70711L22.0959 8.13662ZM5.55401 17.4142H5.05401C5.05401 17.9273 5.31629 18.4048 5.74933 18.6801L6.01756 18.2581L6.28578 17.8361C6.14144 17.7444 6.05401 17.5852 6.05401 17.4142H5.55401ZM12.5119 2.42515L12.7679 1.99564C12.2948 1.71369 11.7052 1.71369 11.2321 1.99564L11.4881 2.42515L11.744 2.85467C11.9017 2.76068 12.0982 2.76068 12.2559 2.85467L12.5119 2.42515ZM22.2 8.54949H21.7V13.9495H22.2H22.7V8.54949H22.2Z" fill="currentColor"/>
    </svg>
  );
}
GraduationCap02.displayName = "GraduationCap02";

export default GraduationCap02;