@hed-hog/developer-mode 0.0.194 → 0.0.195

package/hedhog/frontend/app/components/icons.tsx.ejs

@@ -0,0 +1,159 @@
+import { cn } from '@/lib/utils';
+
+export function NestJSIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 32 32" className={cn('h-6 w-6', className)} fill="none">
+      <path
+        d="M18.32 4c-.33 0-.65.04-.96.11.52.4.86.95 1.01 1.55.03.13.05.26.06.39l.01.12v.14c.04 1.3-.74 2.57-1.94 3.15-.2.1-.4.18-.61.24l-.21.05-.11.02-.12.02-.12.01c-.16.01-.32.01-.48 0-1.38-.15-2.58-1.16-2.9-2.48-.04-.18-.07-.36-.08-.54v-.13l-.01-.06v-.07l-.01-.14v-.07c0-.04 0-.07-.01-.11-.03-.44-.14-.87-.33-1.26-.11-.23-.25-.44-.41-.64C9.8 5.29 8.44 5.95 7.25 6.88c-1.2.94-2.23 2.12-3 3.46-.78 1.34-1.29 2.85-1.5 4.42-.21 1.56-.1 3.18.34 4.73.43 1.55 1.19 3 2.2 4.25 1.02 1.25 2.29 2.28 3.73 3.02 1.44.74 3.05 1.18 4.7 1.27 1.66.1 3.33-.16 4.88-.74 1.55-.59 2.96-1.48 4.15-2.62 1.18-1.14 2.12-2.51 2.75-4.03.63-1.52.94-3.18.9-4.85-.03-1.67-.42-3.32-1.14-4.81-.72-1.5-1.76-2.83-3.04-3.9-1.28-1.06-2.78-1.84-4.4-2.27-.6-.16-1.22-.27-1.84-.32-.31-.03-.62-.04-.93-.04z"
+        fill="#E0234E"
+      />
+      <path
+        d="M18.4 4.04c-.03 0-.06 0-.09.01.68.51 1.1 1.25 1.18 2.07.03.3.02.61-.03.91-.05.3-.14.6-.27.88-.27.56-.69 1.04-1.21 1.38-.52.34-1.13.53-1.75.55-.25.01-.5-.01-.74-.06-.24-.05-.48-.13-.7-.24-.44-.21-.83-.52-1.12-.91-.29-.39-.49-.85-.57-1.33-.04-.24-.05-.48-.03-.72.02-.24.07-.47.15-.7.16-.46.43-.87.79-1.2.11-.1.23-.19.35-.27-.3-.02-.6-.02-.9 0-.61.04-1.22.17-1.8.38-1.16.42-2.21 1.1-3.07 1.97-.86.87-1.51 1.92-1.93 3.07-.41 1.14-.58 2.37-.49 3.59.09 1.22.44 2.41 1.02 3.49.58 1.08 1.39 2.03 2.36 2.79.97.76 2.1 1.32 3.3 1.64 1.2.32 2.46.4 3.69.23 1.23-.17 2.42-.58 3.49-1.2 1.07-.62 2-1.45 2.74-2.43.74-.98 1.27-2.1 1.56-3.29.29-1.19.32-2.43.1-3.64-.22-1.21-.68-2.36-1.36-3.38-.68-1.02-1.56-1.9-2.59-2.57-1.02-.67-2.18-1.12-3.39-1.31z"
+        fill="#E0234E"
+      />
+    </svg>
+  );
+}
+
+export function NextJSIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      viewBox="0 0 32 32"
+      className={cn('h-6 w-6', className)}
+      fill="currentColor"
+    >
+      <path d="M16 2C8.27 2 2 8.27 2 16s6.27 14 14 14 14-6.27 14-14S23.73 2 16 2zm5.9 20.73l-8.65-11.5v8.17H12V10.6h1.35l8.35 11.08V10.6H23v12.13h-1.1z" />
+    </svg>
+  );
+}
+
+export function AngularIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 32 32" className={cn('h-6 w-6', className)} fill="none">
+      <path d="M16 2L3 6.5l2 17L16 30l11-6.5 2-17L16 2z" fill="#DD0031" />
+      <path d="M16 2v28l11-6.5 2-17L16 2z" fill="#C3002F" />
+      <path
+        d="M16 5.5L8.5 22h2.8l1.5-3.8h6.4l1.5 3.8h2.8L16 5.5zm2.2 10.2h-4.4L16 10.5l2.2 5.2z"
+        fill="#fff"
+      />
+    </svg>
+  );
+}
+
+export function VueIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 32 32" className={cn('h-6 w-6', className)} fill="none">
+      <path d="M2 4l14 24L30 4h-5.6L16 17.6 7.6 4H2z" fill="#41B883" />
+      <path d="M7.6 4L16 17.6 24.4 4h-5.2L16 10.4 12.8 4H7.6z" fill="#35495E" />
+    </svg>
+  );
+}
+
+export function ReactNativeIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 32 32" className={cn('h-6 w-6', className)} fill="none">
+      <ellipse
+        cx="16"
+        cy="16"
+        rx="14"
+        ry="5.5"
+        stroke="#61DAFB"
+        strokeWidth="1.5"
+        fill="none"
+      />
+      <ellipse
+        cx="16"
+        cy="16"
+        rx="14"
+        ry="5.5"
+        stroke="#61DAFB"
+        strokeWidth="1.5"
+        fill="none"
+        transform="rotate(60 16 16)"
+      />
+      <ellipse
+        cx="16"
+        cy="16"
+        rx="14"
+        ry="5.5"
+        stroke="#61DAFB"
+        strokeWidth="1.5"
+        fill="none"
+        transform="rotate(120 16 16)"
+      />
+      <circle cx="16" cy="16" r="3" fill="#61DAFB" />
+    </svg>
+  );
+}
+
+export function PostgreSQLIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 32 32" className={cn('h-6 w-6', className)} fill="none">
+      <path
+        d="M22.84 4.7c-1.88-.4-3.49-.35-4.8.04-1.14-.5-2.58-.77-4.26-.74-1.84.04-3.44.46-4.73 1.18C7.6 4.7 6.27 4.67 5.22 5c-2.02.65-3.48 2.18-4.1 4.32-.85 2.93-.19 6.67 1.66 10.14 1.02 1.92 2.57 3.99 4.42 5.04.87.49 1.84.77 2.8.71.5-.03.98-.16 1.43-.37.16.31.35.6.58.87.58.68 1.32 1.15 2.22 1.37.35.09.7.13 1.05.13.63 0 1.24-.13 1.82-.38.8-.35 1.53-.93 2.14-1.71.61.19 1.27.3 1.96.3 2.11 0 4.08-.85 5.33-2.45 1.02-1.31 1.56-2.93 1.56-4.68 0-.58-.06-1.14-.17-1.68.08-.01.17-.02.25-.04 1.11-.21 2.05-.76 2.66-1.57.65-.86.94-1.91.85-3.06-.15-1.87-1.16-3.7-2.7-4.93-1.18-.94-2.57-1.49-4.02-1.59-.41-1.01-1.06-1.8-1.93-2.28z"
+        fill="#336791"
+      />
+      <path
+        d="M21.12 6c-.7.02-1.4.14-2.08.35.56.24 1.08.55 1.54.92 1.08.87 1.82 2.07 2.16 3.45.05.2.08.4.1.6 1.02.17 1.97.57 2.76 1.2 1.15.92 1.9 2.27 2.02 3.7.06.74-.1 1.45-.52 2-.34.45-.86.77-1.51.93-.2.05-.4.08-.62.09.3.8.46 1.64.46 2.52 0 1.38-.41 2.67-1.22 3.71-.95 1.22-2.48 1.89-4.12 1.89-.54 0-1.06-.07-1.55-.22-.32.48-.7.9-1.12 1.27-.85.73-1.86 1.15-2.96 1.15-.22 0-.45-.02-.67-.06-.62-.14-1.12-.46-1.5-.92-.2-.24-.36-.51-.5-.8-.35.14-.72.22-1.11.24-.66.04-1.32-.14-1.93-.5-1.45-.82-2.76-2.58-3.62-4.2-1.62-3.03-2.23-6.3-1.53-8.72.47-1.62 1.57-2.76 3.12-3.26.57-.18 1.21-.26 1.92-.22.83.04 1.73.23 2.64.56 1.06-.57 2.36-.9 3.89-.93 1.38-.03 2.61.17 3.6.58.38-.18.79-.33 1.22-.43.73-.17 1.5-.22 2.29-.14z"
+        fill="#fff"
+      />
+    </svg>
+  );
+}
+
+export function ExpoIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      viewBox="0 0 32 32"
+      className={cn('h-6 w-6', className)}
+      fill="currentColor"
+    >
+      <path d="M16 2C8.27 2 2 8.27 2 16s6.27 14 14 14 14-6.27 14-14S23.73 2 16 2zm0 4c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm5.5 16.5c-.83 1.44-2.62 2.5-5.5 2.5s-4.67-1.06-5.5-2.5c-.28-.48.08-1 .62-1 .17 0 .34.05.48.15.97.67 2.52 1.35 4.4 1.35s3.43-.68 4.4-1.35c.14-.1.31-.15.48-.15.54 0 .9.52.62 1zM10 16c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm12 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" />
+    </svg>
+  );
+}
+
+export function NodeJSIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 32 32" className={cn('h-6 w-6', className)} fill="none">
+      <path d="M16 2l12 6.93v13.86L16 30 4 22.79V8.93L16 2z" fill="#339933" />
+      <path d="M16 2v28l12-7.21V8.93L16 2z" fill="#66CC33" />
+      <path
+        d="M16 9.5v13l-6-3.46V12.96L16 9.5z"
+        fill="#fff"
+        fillOpacity="0.4"
+      />
+    </svg>
+  );
+}
+
+export function GitIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 32 32" className={cn('h-6 w-6', className)} fill="none">
+      <path
+        d="M30.34 14.86L17.14 1.66a2.25 2.25 0 00-3.18 0l-2.74 2.74 3.47 3.47a2.68 2.68 0 013.39 3.42l3.34 3.34a2.68 2.68 0 11-1.6 1.52l-3.12-3.12v8.2a2.68 2.68 0 11-2.21-.1v-8.28a2.68 2.68 0 01-1.46-3.52L9.6 6.4l-7.94 7.94a2.25 2.25 0 000 3.18l13.2 13.2a2.25 2.25 0 003.18 0l13.14-13.14a2.25 2.25 0 00.16-3.72z"
+        fill="#F05032"
+      />
+    </svg>
+  );
+}
+
+export function HedHogIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 32 32" className={cn('h-6 w-6', className)} fill="none">
+      <circle
+        cx="16"
+        cy="16"
+        r="14"
+        fill="currentColor"
+        fillOpacity="0.1"
+        stroke="currentColor"
+        strokeWidth="1.5"
+      />
+      <path
+        d="M16 8c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm-2 12c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm4 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm2-4h-8c0-2.21 1.79-4 4-4s4 1.79 4 4z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}