platformIcon.tsx

import Image from 'next/image';
import ActixSVG from 'platformicons/svg/actix.svg';
import AiohttpSVG from 'platformicons/svg/aiohttp.svg';
import AndroidSVG from 'platformicons/svg/android.svg';
import AngularjsSVG from 'platformicons/svg/angularjs.svg';
import ApacheairflowSVG from 'platformicons/svg/apache-airflow.svg';
import ApachebeamSVG from 'platformicons/svg/apache-beam.svg';
import ApachesparkSVG from 'platformicons/svg/apache-spark.svg';
import AppengineSVG from 'platformicons/svg/app-engine.svg';
import AppleSVG from 'platformicons/svg/apple.svg';
import AriadneSVG from 'platformicons/svg/ariadne.svg';
import AstroSVG from 'platformicons/svg/astro.svg';
import AwsSVG from 'platformicons/svg/aws.svg';
import AwslambdaSVG from 'platformicons/svg/awslambda.svg';
import AzureSVG from 'platformicons/svg/azure.svg';
import AzurefunctionsSVG from 'platformicons/svg/azure-functions.svg';
import BackboneSVG from 'platformicons/svg/backbone.svg';
import BlazorSVG from 'platformicons/svg/blazor.svg';
import BootstrapSVG from 'platformicons/svg/bootstrap.svg';
import BottleSVG from 'platformicons/svg/bottle.svg';
import BunSVG from 'platformicons/svg/bun.svg';
import CapacitorSVG from 'platformicons/svg/capacitor.svg';
import CelerySVG from 'platformicons/svg/celery.svg';
import ChaliceSVG from 'platformicons/svg/chalice.svg';
import ClickhouseSVG from 'platformicons/svg/clickhouse.svg';
import ClojureSVG from 'platformicons/svg/clojure.svg';
import CloudflareSVG from 'platformicons/svg/cloudflare.svg';
import ConnectSVG from 'platformicons/svg/connect.svg';
import CordovaSVG from 'platformicons/svg/cordova.svg';
import CppSVG from 'platformicons/svg/cpp.svg';
import CryengineSVG from 'platformicons/svg/cryengine.svg';
import CsharpSVG from 'platformicons/svg/csharp.svg';
import CssSVG from 'platformicons/svg/css.svg';
import DartSVG from 'platformicons/svg/dart.svg';
import DefaultSVG from 'platformicons/svg/default.svg';
import DenoSVG from 'platformicons/svg/deno.svg';
import DjangoSVG from 'platformicons/svg/django.svg';
import DotnetSVG from 'platformicons/svg/dotnet.svg';
import DotnetcoreSVG from 'platformicons/svg/dotnetcore.svg';
import DotnetfxSVG from 'platformicons/svg/dotnetfx.svg';
import EchoSVG from 'platformicons/svg/echo.svg';
import ElectronSVG from 'platformicons/svg/electron.svg';
import ElixirSVG from 'platformicons/svg/elixir.svg';
import EmberSVG from 'platformicons/svg/ember.svg';
import ExpressSVG from 'platformicons/svg/express.svg';
import FalconSVG from 'platformicons/svg/falcon.svg';
import FastapiSVG from 'platformicons/svg/fastapi.svg';
import FasthttpSVG from 'platformicons/svg/fasthttp.svg';
import FlaskSVG from 'platformicons/svg/flask.svg';
import FlutterSVG from 'platformicons/svg/flutter.svg';
import FontSVG from 'platformicons/svg/font.svg';
import FsharpSVG from 'platformicons/svg/fsharp.svg';
import GatsbySVG from 'platformicons/svg/gatsby.svg';
import GcpSVG from 'platformicons/svg/gcp.svg';
import GcpfunctionsSVG from 'platformicons/svg/gcp-functions.svg';
import GinSVG from 'platformicons/svg/gin.svg';
import GitSVG from 'platformicons/svg/git.svg';
import GnuSVG from 'platformicons/svg/gnu.svg';
import GoSVG from 'platformicons/svg/go.svg';
import GodotSVG from 'platformicons/svg/godot.svg';
import GoogleSVG from 'platformicons/svg/google.svg';
import GrapheneSVG from 'platformicons/svg/graphene.svg';
import GraphqlSVG from 'platformicons/svg/graphql.svg';
import GrpcSVG from 'platformicons/svg/grpc.svg';
import Html5SVG from 'platformicons/svg/HTML5.svg';
import HttpxSVG from 'platformicons/svg/httpx.svg';
import HueySVG from 'platformicons/svg/huey.svg';
import IonicSVG from 'platformicons/svg/ionic.svg';
import IrisSVG from 'platformicons/svg/iris.svg';
import JavaSVG from 'platformicons/svg/java.svg';
import JavascriptSVG from 'platformicons/svg/javascript.svg';
import KoaSVG from 'platformicons/svg/koa.svg';
import KotlinSVG from 'platformicons/svg/kotlin.svg';
import LaravelSVG from 'platformicons/svg/laravel.svg';
import LinuxSVG from 'platformicons/svg/linux.svg';
import LogbackSVG from 'platformicons/svg/logback.svg';
import LoguruSVG from 'platformicons/svg/loguru.svg';
import MartiniSVG from 'platformicons/svg/martini.svg';
import MauiSVG from 'platformicons/svg/maui.svg';
import MongodbSVG from 'platformicons/svg/mongodb.svg';
import NativecSVG from 'platformicons/svg/nativec.svg';
import NextjsSVG from 'platformicons/svg/nextjs.svg';
import NodejsSVG from 'platformicons/svg/nodejs.svg';
import PerlSVG from 'platformicons/svg/perl.svg';
import PhpSVG from 'platformicons/svg/php.svg';
import PostgresqlSVG from 'platformicons/svg/postgresql.svg';
import PowershellSVG from 'platformicons/svg/powershell.svg';
import PyramidSVG from 'platformicons/svg/pyramid.svg';
import PythonSVG from 'platformicons/svg/python.svg';
import QtSVG from 'platformicons/svg/qt.svg';
import QuartSVG from 'platformicons/svg/quart.svg';
import RailsSVG from 'platformicons/svg/rails.svg';
import ReactSVG from 'platformicons/svg/react.svg';
import ReactnativeSVG from 'platformicons/svg/react-native.svg';
import RedisSVG from 'platformicons/svg/redis.svg';
import ReduxSVG from 'platformicons/svg/redux.svg';
import RemixSVG from 'platformicons/svg/remix.svg';
import RubySVG from 'platformicons/svg/ruby.svg';
import RustSVG from 'platformicons/svg/rust.svg';
import SanicSVG from 'platformicons/svg/sanic.svg';
import ScalaSVG from 'platformicons/svg/scala.svg';
import SentrySVG from 'platformicons/svg/sentry.svg';
import ServerlessSVG from 'platformicons/svg/serverless.svg';
import SidekiqSVG from 'platformicons/svg/sidekiq.svg';
import SinatraSVG from 'platformicons/svg/sinatra.svg';
import SolidSVG from 'platformicons/svg/solid.svg';
import SpringSVG from 'platformicons/svg/spring.svg';
import SpringbootSVG from 'platformicons/svg/springboot.svg';
import SqlSVG from 'platformicons/svg/sql.svg';
import SqlalchemySVG from 'platformicons/svg/sqlalchemy.svg';
import SqlserverSVG from 'platformicons/svg/sqlserver.svg';
import StarletteSVG from 'platformicons/svg/starlette.svg';
import StrawberrySVG from 'platformicons/svg/strawberry.svg';
import Stride3dSVG from 'platformicons/svg/stride3d.svg';
import SvelteSVG from 'platformicons/svg/svelte.svg';
import SwiftSVG from 'platformicons/svg/swift.svg';
import SymfonySVG from 'platformicons/svg/symfony.svg';
import TornadoSVG from 'platformicons/svg/tornado.svg';
import TrytonSVG from 'platformicons/svg/tryton.svg';
import UnitySVG from 'platformicons/svg/unity.svg';
import UnoSVG from 'platformicons/svg/uno.svg';
import UnrealSVG from 'platformicons/svg/unreal.svg';
import VisualbasicSVG from 'platformicons/svg/visual-basic.svg';
import VueSVG from 'platformicons/svg/vue.svg';
import WasmSVG from 'platformicons/svg/wasm.svg';
import WindowsSVG from 'platformicons/svg/windows.svg';
import XamarinSVG from 'platformicons/svg/xamarin.svg';
import ActixSVGLarge from 'platformicons/svg_80x80/actix.svg';
import AiohttpSVGLarge from 'platformicons/svg_80x80/aiohttp.svg';
import AndroidSVGLarge from 'platformicons/svg_80x80/android.svg';
import AngularjsSVGLarge from 'platformicons/svg_80x80/angularjs.svg';
import ApacheairflowSVGLarge from 'platformicons/svg_80x80/apache-airflow.svg';
import ApachebeamSVGLarge from 'platformicons/svg_80x80/apache-beam.svg';
import ApachesparkSVGLarge from 'platformicons/svg_80x80/apache-spark.svg';
import AppengineSVGLarge from 'platformicons/svg_80x80/app-engine.svg';
import AppleSVGLarge from 'platformicons/svg_80x80/apple.svg';
import AriadneSVGLarge from 'platformicons/svg_80x80/ariadne.svg';
import AstroSVGLarge from 'platformicons/svg_80x80/astro.svg';
import AwsSVGLarge from 'platformicons/svg_80x80/aws.svg';
import AwslambdaSVGLarge from 'platformicons/svg_80x80/awslambda.svg';
import AzureSVGLarge from 'platformicons/svg_80x80/azure.svg';
import AzurefunctionsSVGLarge from 'platformicons/svg_80x80/azure-functions.svg';
import BackboneSVGLarge from 'platformicons/svg_80x80/backbone.svg';
import BlazorSVGLarge from 'platformicons/svg_80x80/blazor.svg';
import BootstrapSVGLarge from 'platformicons/svg_80x80/bootstrap.svg';
import BottleSVGLarge from 'platformicons/svg_80x80/bottle.svg';
import BunSVGLarge from 'platformicons/svg_80x80/bun.svg';
import CapacitorSVGLarge from 'platformicons/svg_80x80/capacitor.svg';
import CelerySVGLarge from 'platformicons/svg_80x80/celery.svg';
import ChaliceSVGLarge from 'platformicons/svg_80x80/chalice.svg';
import ClickhouseSVGLarge from 'platformicons/svg_80x80/clickhouse.svg';
import ClojureSVGLarge from 'platformicons/svg_80x80/clojure.svg';
import CloudflareSVGLarge from 'platformicons/svg_80x80/cloudflare.svg';
import ConnectSVGLarge from 'platformicons/svg_80x80/connect.svg';
import CordovaSVGLarge from 'platformicons/svg_80x80/cordova.svg';
import CppSVGLarge from 'platformicons/svg_80x80/cpp.svg';
import CryengineSVGLarge from 'platformicons/svg_80x80/cryengine.svg';
import CsharpSVGLarge from 'platformicons/svg_80x80/csharp.svg';
import CssSVGLarge from 'platformicons/svg_80x80/css.svg';
import DartSVGLarge from 'platformicons/svg_80x80/dart.svg';
import DefaultSVGLarge from 'platformicons/svg_80x80/default.svg';
import DenoSVGLarge from 'platformicons/svg_80x80/deno.svg';
import DjangoSVGLarge from 'platformicons/svg_80x80/django.svg';
import DotnetSVGLarge from 'platformicons/svg_80x80/dotnet.svg';
import DotnetcoreSVGLarge from 'platformicons/svg_80x80/dotnetcore.svg';
import DotnetfxSVGLarge from 'platformicons/svg_80x80/dotnetfx.svg';
import EchoSVGLarge from 'platformicons/svg_80x80/echo.svg';
import ElectronSVGLarge from 'platformicons/svg_80x80/electron.svg';
import ElixirSVGLarge from 'platformicons/svg_80x80/elixir.svg';
import EmberSVGLarge from 'platformicons/svg_80x80/ember.svg';
import ExpressSVGLarge from 'platformicons/svg_80x80/express.svg';
import FalconSVGLarge from 'platformicons/svg_80x80/falcon.svg';
import FastapiSVGLarge from 'platformicons/svg_80x80/fastapi.svg';
import FasthttpSVGLarge from 'platformicons/svg_80x80/fasthttp.svg';
import FlaskSVGLarge from 'platformicons/svg_80x80/flask.svg';
import FlutterSVGLarge from 'platformicons/svg_80x80/flutter.svg';
import FontSVGLarge from 'platformicons/svg_80x80/font.svg';
import FsharpSVGLarge from 'platformicons/svg_80x80/fsharp.svg';
import GatsbySVGLarge from 'platformicons/svg_80x80/gatsby.svg';
import GcpSVGLarge from 'platformicons/svg_80x80/gcp.svg';
import GcpfunctionsSVGLarge from 'platformicons/svg_80x80/gcp-functions.svg';
import GinSVGLarge from 'platformicons/svg_80x80/gin.svg';
import GitSVGLarge from 'platformicons/svg_80x80/git.svg';
import GnuSVGLarge from 'platformicons/svg_80x80/gnu.svg';
import GoSVGLarge from 'platformicons/svg_80x80/go.svg';
import GodotSVGLarge from 'platformicons/svg_80x80/godot.svg';
import GoogleSVGLarge from 'platformicons/svg_80x80/google.svg';
import GrapheneSVGLarge from 'platformicons/svg_80x80/graphene.svg';
import GraphqlSVGLarge from 'platformicons/svg_80x80/graphql.svg';
import GrpcSVGLarge from 'platformicons/svg_80x80/grpc.svg';
import Html5SVGLarge from 'platformicons/svg_80x80/HTML5.svg';
import HttpxSVGLarge from 'platformicons/svg_80x80/httpx.svg';
import HueySVGLarge from 'platformicons/svg_80x80/huey.svg';
import IonicSVGLarge from 'platformicons/svg_80x80/ionic.svg';
import IrisSVGLarge from 'platformicons/svg_80x80/iris.svg';
import JavaSVGLarge from 'platformicons/svg_80x80/java.svg';
import JavascriptSVGLarge from 'platformicons/svg_80x80/javascript.svg';
import KoaSVGLarge from 'platformicons/svg_80x80/koa.svg';
import KotlinSVGLarge from 'platformicons/svg_80x80/kotlin.svg';
import LaravelSVGLarge from 'platformicons/svg_80x80/laravel.svg';
import LinuxSVGLarge from 'platformicons/svg_80x80/linux.svg';
import LogbackSVGLarge from 'platformicons/svg_80x80/logback.svg';
import LoguruSVGLarge from 'platformicons/svg_80x80/loguru.svg';
import MartiniSVGLarge from 'platformicons/svg_80x80/martini.svg';
import MauiSVGLarge from 'platformicons/svg_80x80/maui.svg';
import MongodbSVGLarge from 'platformicons/svg_80x80/mongodb.svg';
import NativecSVGLarge from 'platformicons/svg_80x80/nativec.svg';
import NextjsSVGLarge from 'platformicons/svg_80x80/nextjs.svg';
import NodejsSVGLarge from 'platformicons/svg_80x80/nodejs.svg';
import PerlSVGLarge from 'platformicons/svg_80x80/perl.svg';
import PhpSVGLarge from 'platformicons/svg_80x80/php.svg';
import PostgresqlSVGLarge from 'platformicons/svg_80x80/postgresql.svg';
import PowershellSVGLarge from 'platformicons/svg_80x80/powershell.svg';
import PyramidSVGLarge from 'platformicons/svg_80x80/pyramid.svg';
import PythonSVGLarge from 'platformicons/svg_80x80/python.svg';
import QtSVGLarge from 'platformicons/svg_80x80/qt.svg';
import QuartSVGLarge from 'platformicons/svg_80x80/quart.svg';
import RailsSVGLarge from 'platformicons/svg_80x80/rails.svg';
import ReactSVGLarge from 'platformicons/svg_80x80/react.svg';
import ReactnativeSVGLarge from 'platformicons/svg_80x80/react-native.svg';
import RedisSVGLarge from 'platformicons/svg_80x80/redis.svg';
import ReduxSVGLarge from 'platformicons/svg_80x80/redux.svg';
import RemixSVGLarge from 'platformicons/svg_80x80/remix.svg';
import RubySVGLarge from 'platformicons/svg_80x80/ruby.svg';
import RustSVGLarge from 'platformicons/svg_80x80/rust.svg';
import SanicSVGLarge from 'platformicons/svg_80x80/sanic.svg';
import ScalaSVGLarge from 'platformicons/svg_80x80/scala.svg';
import SentrySVGLarge from 'platformicons/svg_80x80/sentry.svg';
import ServerlessSVGLarge from 'platformicons/svg_80x80/serverless.svg';
import SidekiqSVGLarge from 'platformicons/svg_80x80/sidekiq.svg';
import SinatraSVGLarge from 'platformicons/svg_80x80/sinatra.svg';
import SolidSVGLarge from 'platformicons/svg_80x80/solid.svg';
import SpringSVGLarge from 'platformicons/svg_80x80/spring.svg';
import SpringbootSVGLarge from 'platformicons/svg_80x80/springboot.svg';
import SqlSVGLarge from 'platformicons/svg_80x80/sql.svg';
import SqlalchemySVGLarge from 'platformicons/svg_80x80/sqlalchemy.svg';
import SqlserverSVGLarge from 'platformicons/svg_80x80/sqlserver.svg';
import StarletteSVGLarge from 'platformicons/svg_80x80/starlette.svg';
import StrawberrySVGLarge from 'platformicons/svg_80x80/strawberry.svg';
import Stride3dSVGLarge from 'platformicons/svg_80x80/stride3d.svg';
import SvelteSVGLarge from 'platformicons/svg_80x80/svelte.svg';
import SwiftSVGLarge from 'platformicons/svg_80x80/swift.svg';
import SymfonySVGLarge from 'platformicons/svg_80x80/symfony.svg';
import TornadoSVGLarge from 'platformicons/svg_80x80/tornado.svg';
import TrytonSVGLarge from 'platformicons/svg_80x80/tryton.svg';
import UnitySVGLarge from 'platformicons/svg_80x80/unity.svg';
import UnoSVGLarge from 'platformicons/svg_80x80/uno.svg';
import UnrealSVGLarge from 'platformicons/svg_80x80/unreal.svg';
import VisualbasicSVGLarge from 'platformicons/svg_80x80/visual-basic.svg';
import VueSVGLarge from 'platformicons/svg_80x80/vue.svg';
import WasmSVGLarge from 'platformicons/svg_80x80/wasm.svg';
import WindowsSVGLarge from 'platformicons/svg_80x80/windows.svg';
import XamarinSVGLarge from 'platformicons/svg_80x80/xamarin.svg';

const formatToSVG = {
  HTML5: {
    sm: Html5SVG,
    lg: Html5SVGLarge,
  },
  actix: {
    sm: ActixSVG,
    lg: ActixSVGLarge,
  },
  aiohttp: {
    sm: AiohttpSVG,
    lg: AiohttpSVGLarge,
  },
  android: {
    sm: AndroidSVG,
    lg: AndroidSVGLarge,
  },
  angularjs: {
    sm: AngularjsSVG,
    lg: AngularjsSVGLarge,
  },
  'apache-airflow': {
    sm: ApacheairflowSVG,
    lg: ApacheairflowSVGLarge,
  },
  'apache-beam': {
    sm: ApachebeamSVG,
    lg: ApachebeamSVGLarge,
  },
  'apache-spark': {
    sm: ApachesparkSVG,
    lg: ApachesparkSVGLarge,
  },
  'app-engine': {
    sm: AppengineSVG,
    lg: AppengineSVGLarge,
  },
  apple: {
    sm: AppleSVG,
    lg: AppleSVGLarge,
  },
  ariadne: {
    sm: AriadneSVG,
    lg: AriadneSVGLarge,
  },
  astro: {
    sm: AstroSVG,
    lg: AstroSVGLarge,
  },
  aws: {
    sm: AwsSVG,
    lg: AwsSVGLarge,
  },
  awslambda: {
    sm: AwslambdaSVG,
    lg: AwslambdaSVGLarge,
  },
  'azure-functions': {
    sm: AzurefunctionsSVG,
    lg: AzurefunctionsSVGLarge,
  },
  azure: {
    sm: AzureSVG,
    lg: AzureSVGLarge,
  },
  backbone: {
    sm: BackboneSVG,
    lg: BackboneSVGLarge,
  },
  blazor: {
    sm: BlazorSVG,
    lg: BlazorSVGLarge,
  },
  bootstrap: {
    sm: BootstrapSVG,
    lg: BootstrapSVGLarge,
  },
  bottle: {
    sm: BottleSVG,
    lg: BottleSVGLarge,
  },
  bun: {
    sm: BunSVG,
    lg: BunSVGLarge,
  },
  capacitor: {
    sm: CapacitorSVG,
    lg: CapacitorSVGLarge,
  },
  celery: {
    sm: CelerySVG,
    lg: CelerySVGLarge,
  },
  chalice: {
    sm: ChaliceSVG,
    lg: ChaliceSVGLarge,
  },
  clickhouse: {
    sm: ClickhouseSVG,
    lg: ClickhouseSVGLarge,
  },
  clojure: {
    sm: ClojureSVG,
    lg: ClojureSVGLarge,
  },
  cloudflare: {
    sm: CloudflareSVG,
    lg: CloudflareSVGLarge,
  },
  connect: {
    sm: ConnectSVG,
    lg: ConnectSVGLarge,
  },
  cordova: {
    sm: CordovaSVG,
    lg: CordovaSVGLarge,
  },
  cpp: {
    sm: CppSVG,
    lg: CppSVGLarge,
  },
  cryengine: {
    sm: CryengineSVG,
    lg: CryengineSVGLarge,
  },
  csharp: {
    sm: CsharpSVG,
    lg: CsharpSVGLarge,
  },
  css: {
    sm: CssSVG,
    lg: CssSVGLarge,
  },
  dart: {
    sm: DartSVG,
    lg: DartSVGLarge,
  },
  default: {
    sm: DefaultSVG,
    lg: DefaultSVGLarge,
  },
  deno: {
    sm: DenoSVG,
    lg: DenoSVGLarge,
  },
  django: {
    sm: DjangoSVG,
    lg: DjangoSVGLarge,
  },
  dotnet: {
    sm: DotnetSVG,
    lg: DotnetSVGLarge,
  },
  dotnetcore: {
    sm: DotnetcoreSVG,
    lg: DotnetcoreSVGLarge,
  },
  dotnetfx: {
    sm: DotnetfxSVG,
    lg: DotnetfxSVGLarge,
  },
  echo: {
    sm: EchoSVG,
    lg: EchoSVGLarge,
  },
  electron: {
    sm: ElectronSVG,
    lg: ElectronSVGLarge,
  },
  elixir: {
    sm: ElixirSVG,
    lg: ElixirSVGLarge,
  },
  ember: {
    sm: EmberSVG,
    lg: EmberSVGLarge,
  },
  express: {
    sm: ExpressSVG,
    lg: ExpressSVGLarge,
  },
  falcon: {
    sm: FalconSVG,
    lg: FalconSVGLarge,
  },
  fastapi: {
    sm: FastapiSVG,
    lg: FastapiSVGLarge,
  },
  fasthttp: {
    sm: FasthttpSVG,
    lg: FasthttpSVGLarge,
  },
  flask: {
    sm: FlaskSVG,
    lg: FlaskSVGLarge,
  },
  flutter: {
    sm: FlutterSVG,
    lg: FlutterSVGLarge,
  },
  font: {
    sm: FontSVG,
    lg: FontSVGLarge,
  },
  fsharp: {
    sm: FsharpSVG,
    lg: FsharpSVGLarge,
  },
  gatsby: {
    sm: GatsbySVG,
    lg: GatsbySVGLarge,
  },
  'gcp-functions': {
    sm: GcpfunctionsSVG,
    lg: GcpfunctionsSVGLarge,
  },
  gcp: {
    sm: GcpSVG,
    lg: GcpSVGLarge,
  },
  gin: {
    sm: GinSVG,
    lg: GinSVGLarge,
  },
  git: {
    sm: GitSVG,
    lg: GitSVGLarge,
  },
  gnu: {
    sm: GnuSVG,
    lg: GnuSVGLarge,
  },
  go: {
    sm: GoSVG,
    lg: GoSVGLarge,
  },
  godot: {
    sm: GodotSVG,
    lg: GodotSVGLarge,
  },
  google: {
    sm: GoogleSVG,
    lg: GoogleSVGLarge,
  },
  graphene: {
    sm: GrapheneSVG,
    lg: GrapheneSVGLarge,
  },
  graphql: {
    sm: GraphqlSVG,
    lg: GraphqlSVGLarge,
  },
  grpc: {
    sm: GrpcSVG,
    lg: GrpcSVGLarge,
  },
  httpx: {
    sm: HttpxSVG,
    lg: HttpxSVGLarge,
  },
  huey: {
    sm: HueySVG,
    lg: HueySVGLarge,
  },
  ionic: {
    sm: IonicSVG,
    lg: IonicSVGLarge,
  },
  iris: {
    sm: IrisSVG,
    lg: IrisSVGLarge,
  },
  java: {
    sm: JavaSVG,
    lg: JavaSVGLarge,
  },
  javascript: {
    sm: JavascriptSVG,
    lg: JavascriptSVGLarge,
  },
  koa: {
    sm: KoaSVG,
    lg: KoaSVGLarge,
  },
  kotlin: {
    sm: KotlinSVG,
    lg: KotlinSVGLarge,
  },
  laravel: {
    sm: LaravelSVG,
    lg: LaravelSVGLarge,
  },
  linux: {
    sm: LinuxSVG,
    lg: LinuxSVGLarge,
  },
  logback: {
    sm: LogbackSVG,
    lg: LogbackSVGLarge,
  },
  loguru: {
    sm: LoguruSVG,
    lg: LoguruSVGLarge,
  },
  martini: {
    sm: MartiniSVG,
    lg: MartiniSVGLarge,
  },
  maui: {
    sm: MauiSVG,
    lg: MauiSVGLarge,
  },
  mongodb: {
    sm: MongodbSVG,
    lg: MongodbSVGLarge,
  },
  nativec: {
    sm: NativecSVG,
    lg: NativecSVGLarge,
  },
  nextjs: {
    sm: NextjsSVG,
    lg: NextjsSVGLarge,
  },
  nodejs: {
    sm: NodejsSVG,
    lg: NodejsSVGLarge,
  },
  perl: {
    sm: PerlSVG,
    lg: PerlSVGLarge,
  },
  php: {
    sm: PhpSVG,
    lg: PhpSVGLarge,
  },
  postgresql: {
    sm: PostgresqlSVG,
    lg: PostgresqlSVGLarge,
  },
  powershell: {
    sm: PowershellSVG,
    lg: PowershellSVGLarge,
  },
  pyramid: {
    sm: PyramidSVG,
    lg: PyramidSVGLarge,
  },
  python: {
    sm: PythonSVG,
    lg: PythonSVGLarge,
  },
  qt: {
    sm: QtSVG,
    lg: QtSVGLarge,
  },
  quart: {
    sm: QuartSVG,
    lg: QuartSVGLarge,
  },
  rails: {
    sm: RailsSVG,
    lg: RailsSVGLarge,
  },
  'react-native': {
    sm: ReactnativeSVG,
    lg: ReactnativeSVGLarge,
  },
  react: {
    sm: ReactSVG,
    lg: ReactSVGLarge,
  },
  redis: {
    sm: RedisSVG,
    lg: RedisSVGLarge,
  },
  redux: {
    sm: ReduxSVG,
    lg: ReduxSVGLarge,
  },
  remix: {
    sm: RemixSVG,
    lg: RemixSVGLarge,
  },
  ruby: {
    sm: RubySVG,
    lg: RubySVGLarge,
  },
  rust: {
    sm: RustSVG,
    lg: RustSVGLarge,
  },
  sanic: {
    sm: SanicSVG,
    lg: SanicSVGLarge,
  },
  scala: {
    sm: ScalaSVG,
    lg: ScalaSVGLarge,
  },
  sentry: {
    sm: SentrySVG,
    lg: SentrySVGLarge,
  },
  serverless: {
    sm: ServerlessSVG,
    lg: ServerlessSVGLarge,
  },
  sidekiq: {
    sm: SidekiqSVG,
    lg: SidekiqSVGLarge,
  },
  sinatra: {
    sm: SinatraSVG,
    lg: SinatraSVGLarge,
  },
  solid: {
    sm: SolidSVG,
    lg: SolidSVGLarge,
  },
  spring: {
    sm: SpringSVG,
    lg: SpringSVGLarge,
  },
  springboot: {
    sm: SpringbootSVG,
    lg: SpringbootSVGLarge,
  },
  sql: {
    sm: SqlSVG,
    lg: SqlSVGLarge,
  },
  sqlalchemy: {
    sm: SqlalchemySVG,
    lg: SqlalchemySVGLarge,
  },
  sqlserver: {
    sm: SqlserverSVG,
    lg: SqlserverSVGLarge,
  },
  starlette: {
    sm: StarletteSVG,
    lg: StarletteSVGLarge,
  },
  strawberry: {
    sm: StrawberrySVG,
    lg: StrawberrySVGLarge,
  },
  stride3d: {
    sm: Stride3dSVG,
    lg: Stride3dSVGLarge,
  },
  svelte: {
    sm: SvelteSVG,
    lg: SvelteSVGLarge,
  },
  swift: {
    sm: SwiftSVG,
    lg: SwiftSVGLarge,
  },
  symfony: {
    sm: SymfonySVG,
    lg: SymfonySVGLarge,
  },
  tornado: {
    sm: TornadoSVG,
    lg: TornadoSVGLarge,
  },
  tryton: {
    sm: TrytonSVG,
    lg: TrytonSVGLarge,
  },
  unity: {
    sm: UnitySVG,
    lg: UnitySVGLarge,
  },
  uno: {
    sm: UnoSVG,
    lg: UnoSVGLarge,
  },
  unreal: {
    sm: UnrealSVG,
    lg: UnrealSVGLarge,
  },
  'visual-basic': {
    sm: VisualbasicSVG,
    lg: VisualbasicSVGLarge,
  },
  vue: {
    sm: VueSVG,
    lg: VueSVGLarge,
  },
  wasm: {
    sm: WasmSVG,
    lg: WasmSVGLarge,
  },
  windows: {
    sm: WindowsSVG,
    lg: WindowsSVGLarge,
  },
  xamarin: {
    sm: XamarinSVG,
    lg: XamarinSVGLarge,
  },
};

export const PLATFORM_TO_ICON = {
  android: 'android',
  apple: 'apple',
  bun: 'bun',
  capacitor: 'capacitor',
  clojure: 'clojure',
  cocoa: 'apple',
  'cocoa-objc': 'apple',
  'cocoa-swift': 'swift',
  cordova: 'cordova',
  cloudflare: 'cloudflare',
  cpp: 'cpp',
  cryengine: 'cryengine',
  css: 'css',
  csharp: 'csharp',
  'csharp-aspnetcore': 'csharp',
  dart: 'dart',
  default: 'default',
  deno: 'deno',
  dotnet: 'dotnet',
  'dotnet-aspnetcore': 'dotnet',
  'dotnet-aspnet': 'dotnet',
  'dotnet-awslambda': 'awslambda',
  'dotnet-blazor': 'blazor',
  'dotnet-csharp': 'csharp',
  'dotnet-gcpfunctions': 'gcp-functions',
  'dotnet-maui': 'maui',
  'dotnet-uno': 'uno',
  'dotnet-xamarin': 'xamarin',
  dotnetcore: 'dotnetcore',
  dotnetfx: 'dotnetfx',
  electron: 'electron',
  elixir: 'elixir',
  flutter: 'flutter',
  font: 'font',
  fsharp: 'fsharp',
  git: 'git',
  go: 'go',
  'go-echo': 'echo',
  'go-fasthttp': 'fasthttp',
  'go-gin': 'gin',
  'go-iris': 'iris',
  'go-martini': 'martini',
  'go-negroni': 'go',
  godot: 'godot',
  java: 'java',
  'java-appengine': 'app-engine',
  'java-android': 'android',
  'java-log4j': 'java',
  'java-log4j2': 'java',
  'java-logback': 'logback',
  'java-logging': 'java',
  'java-spring': 'spring',
  'java-spring-boot': 'springboot',
  javascript: 'javascript',
  'javascript-astro': 'astro',
  'javascript-angular': 'angularjs',
  'javascript-angularjs': 'angularjs',
  'javascript-backbone': 'backbone',
  'javascript-browser': 'javascript',
  'javascript-capacitor': 'capacitor',
  'javascript-cordova': 'cordova',
  'javascript-electron': 'electron',
  'javascript-ember': 'ember',
  'javascript-gatsby': 'gatsby',
  'javascript-ionic': 'ionic',
  'javascript-nextjs': 'nextjs',
  'javascript-react': 'react',
  'javascript-remix': 'remix',
  'javascript-solid': 'solid',
  'javascript-svelte': 'svelte',
  'javascript-sveltekit': 'svelte',
  'javascript-vue': 'vue',
  'javascript-wasm': 'wasm',
  ionic: 'ionic',
  kotlin: 'kotlin',
  'kotlin-android': 'android',
  linux: 'linux',
  native: 'nativec',
  'native-qt': 'qt',
  node: 'nodejs',
  'node-awslambda': 'awslambda',
  'node-azurefunctions': 'azure-functions',
  'node-connect': 'connect',
  'node-express': 'express',
  'node-gcpfunctions': 'gcp-functions',
  'node-koa': 'koa',
  'node-serverlesscloud': 'serverless',
  perl: 'perl',
  php: 'php',
  'php-laravel': 'laravel',
  'php-monolog': 'php',
  'php-symfony2': 'symfony',
  'php-symfony': 'symfony',
  python: 'python',
  'python-aiohttp': 'aiohttp',
  'python-airflow': 'apache-airflow',
  'python-ariadne': 'ariadne',
  'python-asyncpg': 'postgresql',
  'python-awslambda': 'awslambda',
  'python-azurefunctions': 'azure-functions',
  'python-beam': 'apache-beam',
  'python-boto3': 'aws',
  'python-bottle': 'bottle',
  'python-celery': 'celery',
  'python-chalice': 'chalice',
  'python-clickhouse-driver': 'clickhouse',
  'python-django': 'django',
  'python-falcon': 'falcon',
  'python-fastapi': 'fastapi',
  'python-flask': 'flask',
  'python-gcpfunctions': 'gcp-functions',
  'python-gnu_backtrace': 'gnu',
  'python-gql': 'graphql',
  'python-graphene': 'graphene',
  'python-grpc': 'grpc',
  'python-httpx': 'httpx',
  'python-huey': 'huey',
  'python-loguru': 'loguru',
  'python-pylons': 'python',
  'python-pymongo': 'mongodb',
  'python-pyramid': 'pyramid',
  'python-pythonawslambda': 'awslambda',
  'python-quart': 'quart',
  'python-redis': 'redis',
  'python-rq': 'redis',
  'python-sanic': 'sanic',
  'python-serverless': 'serverless',
  'python-starlette': 'starlette',
  'python-strawberry': 'strawberry',
  'python-spark': 'apache-spark',
  'python-sqlalchemy': 'sqlalchemy',
  'python-tornado': 'tornado',
  'python-tryton': 'tryton',
  powershell: 'powershell',
  qt: 'qt',
  'react-native': 'react-native',
  ruby: 'ruby',
  'ruby-rack': 'ruby',
  'ruby-rails': 'rails',
  'ruby-sidekiq': 'sidekiq',
  'ruby-sinatra': 'sinatra',
  rust: 'rust',
  'rust-actix': 'actix',
  scala: 'scala',
  stride3d: 'stride3d',
  sql: 'sql',
  sqlserver: 'sqlserver',
  swift: 'swift',
  unity: 'unity',
  // This will be deprecated in favor of 'unrealengine'
  ue4: 'unreal',
  unreal: 'unreal',
  unrealengine: 'unreal',
  visualbasic: 'visual-basic',
  windows: 'windows',
  // Don't add new platforms down here!
  // Please add them where they belong alphabetically
} as const;

function normalizePlatform(platform: string): string {
  // sentry uses format python-django, but docs uses python.django
  // this function normalizes that
  return platform.replace('.', '-');
}

function getIcon(platform: string): Platform {
  const normalizedPlatform = normalizePlatform(platform);
  const icon = PLATFORM_TO_ICON[normalizedPlatform];

  if (icon) {
    return icon;
  }

  if (normalizedPlatform.includes('-')) {
    return getLanguageIcon(normalizedPlatform);
  }

  return 'default';
}

function getLanguageIcon(platform: string): Platform {
  const [language] = normalizePlatform(platform).split('-');

  return getIcon(language);
}

type Platform = (typeof PLATFORM_TO_ICON)[keyof typeof PLATFORM_TO_ICON];

type Props = React.HTMLAttributes<HTMLDivElement | HTMLImageElement> & {
  platform: string;
  format?: 'sm' | 'lg';
  languageIconStyles?: React.CSSProperties;
  radius?: number | null;
  size?: number;
  withLanguageIcon?: boolean;
};

export function PlatformIcon({
  platform,
  size = 20,
  format = 'sm',
  radius = 3,
  withLanguageIcon,
  languageIconStyles = {},
  style = {},
  ...otherProps
}: Props) {
  const icon = getIcon(platform);
  const svg = formatToSVG[icon][format];
  if (!svg) {
    console.log('svg is null');
  }

  const languageIcon = getLanguageIcon(platform);
  const languageSvg = formatToSVG[languageIcon][format];

  if (withLanguageIcon && languageIcon !== icon && languageIcon !== 'default') {
    return (
      <div {...otherProps} style={{position: 'relative', ...style}}>
        <Image
          src={svg}
          width={size}
          height={size}
          style={{borderRadius: `${radius}px`}}
          alt={`${platform} icon`}
        />
        <Image
          src={languageSvg}
          style={{
            position: 'absolute',
            bottom: '-1px',
            right: '-1px',
            height: '30%',
            width: '30%',
            borderRadius: '2px',
            ...languageIconStyles,
          }}
          alt={`${platform} icon`}
        />
      </div>
    );
  }

  return (
    <Image
      src={svg}
      width={size}
      height={size}
      {...otherProps}
      placeholder={undefined}
      style={{borderRadius: `${radius}px`, ...style}}
      alt={`${platform} icon`}
    />
  );
}