react-car-logo 0.2.0

package/src/logos/Koenigsegg.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Koenigsegg",
+  slug: "koenigsegg",
+  pngUrl: "https://www.carlogos.org/logo/Koenigsegg-logo.png",
+  country: "Sweden",
+  region: "Swedish",
+  founded: 1994,
+  hex: "FFCC00",
+};
+
+export const Koenigsegg: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Koenigsegg",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Koenigsegg-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Koenigsegg;

package/src/logos/Lamborghini.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Lamborghini",
+  slug: "lamborghini",
+  pngUrl: "https://www.carlogos.org/logo/Lamborghini-logo.png",
+  country: "Italy",
+  region: "Italian",
+  founded: 1963,
+  hex: "D4AF37",
+};
+
+export const Lamborghini: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Lamborghini",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Lamborghini-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Lamborghini;

package/src/logos/Lotus.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Lotus",
+  slug: "lotus",
+  pngUrl: "https://www.carlogos.org/logo/Lotus-logo.png",
+  country: "UK",
+  region: "British",
+  founded: 1948,
+  hex: "005C3E",
+};
+
+export const Lotus: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Lotus",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Lotus-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Lotus;

package/src/logos/Maserati.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Maserati",
+  slug: "maserati",
+  pngUrl: "https://www.carlogos.org/logo/Maserati-logo.png",
+  country: "Italy",
+  region: "Italian",
+  founded: 1914,
+  hex: "003087",
+};
+
+export const Maserati: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Maserati",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Maserati-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Maserati;

package/src/logos/Maybach.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Maybach",
+  slug: "maybach",
+  pngUrl: "https://www.carlogos.org/logo/Maybach-logo.png",
+  country: "Germany",
+  region: "German",
+  founded: 1909,
+  hex: "1A1A1A",
+};
+
+export const Maybach: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Maybach",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Maybach-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Maybach;

package/src/logos/McLaren.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "McLaren",
+  slug: "mclaren",
+  pngUrl: "https://www.carlogos.org/logo/McLaren-logo.png",
+  country: "UK",
+  region: "British",
+  founded: 1963,
+  hex: "FF8000",
+};
+
+export const McLaren: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "McLaren",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/McLaren-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default McLaren;

package/src/logos/MercedesAMG.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Mercedes-AMG",
+  slug: "mercedes-amg",
+  pngUrl: "https://www.carlogos.org/car-logos/mercedes-benz-logo.png",
+  country: "Germany",
+  region: "German",
+  founded: 1967,
+  hex: "1A1A1A",
+};
+
+export const MercedesAMG: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Mercedes-AMG",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/car-logos/mercedes-benz-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default MercedesAMG;

package/src/logos/Mosler.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Mosler",
+  slug: "mosler",
+  pngUrl: "https://www.carlogos.org/logo/Mosler-logo.png",
+  country: "USA",
+  region: "American",
+  founded: 1985,
+  hex: "003087",
+};
+
+export const Mosler: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Mosler",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Mosler-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Mosler;

package/src/logos/Pagani.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Pagani",
+  slug: "pagani",
+  pngUrl: "https://www.carlogos.org/logo/Pagani-logo.png",
+  country: "Italy",
+  region: "Italian",
+  founded: 1992,
+  hex: "1A1A1A",
+};
+
+export const Pagani: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Pagani",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Pagani-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Pagani;

package/src/logos/Pininfarina.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Pininfarina",
+  slug: "pininfarina",
+  pngUrl: "https://www.carlogos.org/logo/Pininfarina-logo.png",
+  country: "Italy",
+  region: "Italian",
+  founded: 1930,
+  hex: "1A1A1A",
+};
+
+export const Pininfarina: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Pininfarina",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Pininfarina-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Pininfarina;

package/src/logos/Polestar.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Polestar",
+  slug: "polestar",
+  pngUrl: "https://www.carlogos.org/logo/Polestar-logo.png",
+  country: "Sweden",
+  region: "Swedish",
+  founded: 2017,
+  hex: "1A1A1A",
+};
+
+export const Polestar: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Polestar",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Polestar-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Polestar;

package/src/logos/Porsche.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Porsche",
+  slug: "porsche",
+  pngUrl: "https://www.carlogos.org/logo/Porsche-logo.png",
+  country: "Germany",
+  region: "German",
+  founded: 1931,
+  hex: "1A1A1A",
+};
+
+export const Porsche: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Porsche",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Porsche-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Porsche;

package/src/logos/Radical.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Radical",
+  slug: "radical",
+  pngUrl: "https://www.carlogos.org/logo/Radical-Sportscars-logo.png",
+  country: "UK",
+  region: "British",
+  founded: 1997,
+  hex: "CC0000",
+};
+
+export const Radical: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Radical",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Radical-Sportscars-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Radical;

package/src/logos/Rimac.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Rimac",
+  slug: "rimac",
+  pngUrl: "https://www.carlogos.org/logo/Rimac-logo.png",
+  country: "Croatia",
+  region: "Other",
+  founded: 2009,
+  hex: "0033A0",
+};
+
+export const Rimac: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Rimac",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Rimac-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Rimac;

package/src/logos/RollsRoyce.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Rolls-Royce",
+  slug: "rolls-royce",
+  pngUrl: "https://www.carlogos.org/logo/Rolls-Royce-logo.png",
+  country: "UK",
+  region: "British",
+  founded: 1904,
+  hex: "1A1A1A",
+};
+
+export const RollsRoyce: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Rolls-Royce",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Rolls-Royce-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default RollsRoyce;

package/src/logos/SSC.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "SSC",
+  slug: "ssc",
+  pngUrl: "https://www.carlogos.org/logo/SSC-logo.png",
+  country: "USA",
+  region: "American",
+  founded: 1998,
+  hex: "1A1A1A",
+};
+
+export const SSC: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "SSC",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/SSC-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default SSC;

package/src/logos/Saleen.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import type { CarLogoProps, CarLogoMeta } from "../types";
+import { SIZE_MAP } from "../types";
+
+export const meta: CarLogoMeta = {
+  title: "Saleen",
+  slug: "saleen",
+  pngUrl: "https://www.carlogos.org/logo/Saleen-logo.png",
+  country: "USA",
+  region: "American",
+  founded: 1983,
+  hex: "1A1A1A",
+};
+
+export const Saleen: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Saleen",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Saleen-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Saleen;