GitVita
New repositoryImport repositoryNew issue
Your repositories Your dashboard Sign in

microsoft/hve-core

Public

mirrored fromhttps://github.com/microsoft/hve-coreAvailable

Watch0Fork0Star0
CodeCommitsIssuesPull requestsActionsInsightsSecurity
chore/sync-action-version-comments

Branches

Tags

  • No tags available.
0Branches0Tags
Go to file
Add file
Code

Clone

HTTPS

Download ZIP

hve-core/docs/docusaurus/src/components/Icons

docs/docusaurus/src/components/Icons/index.tsx

124lines · modecode

RawDownload
Latest commit unavailable.
1import React from 'react';
2
3export function GettingStartedIcon({ className }: { className?: string }) {
4 return (
5 <svg viewBox="0 0 64 64" className={className} aria-hidden="true">
6 <defs>
7 <linearGradient id="rocketGrad" x1="0" y1="0" x2="0" y2="1">
8 <stop offset="0%" stopColor="#e8740c" />
9 <stop offset="100%" stopColor="#c4314b" />
10 </linearGradient>
11 </defs>
12 <path d="M32 4c-6 6-12 14-12 26h24C44 18 38 10 32 4z" fill="url(#rocketGrad)" />
13 <path d="M32 4c-6 6-12 14-12 26h12V4z" fill="url(#rocketGrad)" opacity="0.85" />
14 <rect x="20" y="30" width="24" height="10" rx="3" fill="#0078d4" />
15 <path d="M16 32l4-2v12l-4-2z" fill="#005ba1" />
16 <path d="M48 32l-4-2v12l4-2z" fill="#005ba1" />
17 <path d="M24 40c0 3 1 5 2 8s0 4-1 6c2 0 3-2 4-4 1 3 2 5 3 6 1-2 2-4 3-6 1 2 2 4 4 4-1-2-1-4-1-6s2-5 2-8z" fill="#ffb347" />
18 <path d="M27 40c0 2 .5 4 1.5 7s1 5 0 7c1.5-1 2.5-3 3.5-6 1 3 2 5 3.5 6-1-2-1.5-4-.5-7s1.5-5 1.5-7z" fill="#e8740c" />
19 <circle cx="32" cy="22" r="5" fill="#fff" />
20 <circle cx="32" cy="22" r="2" fill="#0078d4" />
21 </svg>
22 );
23}
24
25export function AgentsPromptsIcon({ className }: { className?: string }) {
26 return (
27 <svg viewBox="0 0 64 64" className={className} aria-hidden="true">
28 <rect x="8" y="8" width="36" height="28" rx="4" fill="#7719aa" />
29 <circle cx="20" cy="22" r="2.5" fill="#fff" />
30 <circle cx="28" cy="22" r="2.5" fill="#fff" />
31 <circle cx="36" cy="22" r="2.5" fill="#fff" />
32 <path d="M16 36l-4 8h12z" fill="#7719aa" opacity="0.7" />
33 <rect x="28" y="24" width="28" height="22" rx="4" fill="#e8740c" />
34 <rect x="34" y="31" width="16" height="2" rx="1" fill="#fff" />
35 <rect x="34" y="37" width="12" height="2" rx="1" fill="#fff" />
36 <path d="M48 46l6 8h-12z" fill="#e8740c" opacity="0.7" />
37 </svg>
38 );
39}
40
41export function InstructionsSkillsIcon({ className }: { className?: string }) {
42 return (
43 <svg viewBox="0 0 64 64" className={className} aria-hidden="true">
44 <path d="M12 4h28v48H12z" fill="#0078d4" />
45 <path d="M16 8h28v48H16z" fill="#005ba1" />
46 <rect x="22" y="16" width="16" height="2" rx="1" fill="#fff" />
47 <rect x="22" y="22" width="12" height="2" rx="1" fill="#fff" opacity="0.7" />
48 <rect x="22" y="28" width="16" height="2" rx="1" fill="#fff" />
49 <rect x="22" y="34" width="10" height="2" rx="1" fill="#fff" opacity="0.7" />
50 <circle cx="46" cy="46" r="14" fill="#e8740c" />
51 <path d="M40 46l4 4 8-8" fill="none" stroke="#fff" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" />
52 </svg>
53 );
54}
55
56export function WorkflowsIcon({ className }: { className?: string }) {
57 return (
58 <svg viewBox="0 0 64 64" className={className} aria-hidden="true">
59 <rect x="18" y="4" width="28" height="12" rx="3" fill="#0078d4" />
60 <rect x="4" y="26" width="24" height="12" rx="3" fill="#7719aa" />
61 <rect x="36" y="26" width="24" height="12" rx="3" fill="#e8740c" />
62 <rect x="18" y="48" width="28" height="12" rx="3" fill="#005ba1" />
63 <path d="M26 16v10M38 16v10M16 38v6l16 4M48 38v6l-16 4" fill="none" stroke="#556a8a" strokeWidth="2" />
64 </svg>
65 );
66}
67
68export function DesignThinkingIcon({ className }: { className?: string }) {
69 return (
70 <svg viewBox="0 0 64 64" className={className} aria-hidden="true">
71 <defs>
72 <linearGradient id="bulbGrad" x1="0" y1="0" x2="0" y2="1">
73 <stop offset="0%" stopColor="#ffd54f" />
74 <stop offset="40%" stopColor="#ffb347" />
75 <stop offset="75%" stopColor="#e8740c" />
76 <stop offset="100%" stopColor="#c4314b" />
77 </linearGradient>
78 </defs>
79 <path d="M32 4C20 4 12 14 12 24c0 7 3 11 7 15v5h26v-5c4-4 7-8 7-15C52 14 44 4 32 4z" fill="url(#bulbGrad)" />
80 <path d="M32 4C20 4 12 14 12 24c0 7 3 11 7 15v5h13V4z" fill="url(#bulbGrad)" opacity="0.85" />
81 <rect x="22" y="48" width="20" height="4" rx="2" fill="#556a8a" />
82 <rect x="24" y="54" width="16" height="4" rx="2" fill="#556a8a" opacity="0.6" />
83 <line x1="32" y1="16" x2="32" y2="30" stroke="#fff" strokeWidth="2.5" strokeLinecap="round" />
84 <circle cx="32" cy="34" r="2" fill="#fff" />
85 </svg>
86 );
87}
88
89export function VsCodeExtensionIcon({ className }: { className?: string }) {
90 return (
91 <svg viewBox="0 0 64 64" className={className} aria-hidden="true">
92 <defs>
93 <linearGradient id="vscodeGrad" x1="0" y1="0" x2="1" y2="1">
94 <stop offset="0%" stopColor="#29b6f6" />
95 <stop offset="35%" stopColor="#1a9fd8" />
96 <stop offset="70%" stopColor="#0d84c0" />
97 <stop offset="100%" stopColor="#0078d4" />
98 </linearGradient>
99 </defs>
100 <path d="M46 6L22 22l-10-8-6 6 10 8-10 8 6 6 10-8 24 16z" fill="url(#vscodeGrad)" />
101 <line x1="40" y1="18" x2="40" y2="38" stroke="#ffffff" strokeWidth="2" strokeLinecap="round" />
102 <line x1="34" y1="22" x2="34" y2="34" stroke="#ffffff" strokeWidth="2" strokeLinecap="round" />
103 </svg>
104 );
105}
106
107export function TemplatesExamplesIcon({ className }: { className?: string }) {
108 return (
109 <svg viewBox="0 0 64 64" className={className} aria-hidden="true">
110 <rect x="4" y="4" width="26" height="26" rx="3" fill="#0078d4" />
111 <rect x="34" y="4" width="26" height="26" rx="3" fill="#7719aa" />
112 <rect x="4" y="34" width="26" height="26" rx="3" fill="#e8740c" />
113 <rect x="34" y="34" width="26" height="26" rx="3" fill="#005ba1" />
114 <rect x="10" y="10" width="14" height="2" rx="1" fill="#fff" opacity="0.6" />
115 <rect x="10" y="16" width="10" height="2" rx="1" fill="#fff" opacity="0.4" />
116 <rect x="40" y="10" width="14" height="2" rx="1" fill="#fff" opacity="0.6" />
117 <rect x="40" y="16" width="10" height="2" rx="1" fill="#fff" opacity="0.4" />
118 <rect x="10" y="40" width="14" height="2" rx="1" fill="#fff" opacity="0.6" />
119 <rect x="10" y="46" width="10" height="2" rx="1" fill="#fff" opacity="0.4" />
120 <rect x="40" y="40" width="14" height="2" rx="1" fill="#fff" opacity="0.6" />
121 <rect x="40" y="46" width="10" height="2" rx="1" fill="#fff" opacity="0.4" />
122 </svg>
123 );
124}
125