react-car-logo 0.2.0

package/src/logos/AlfaRomeo.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: "Alfa Romeo",
+  slug: "alfa-romeo",
+  pngUrl: "https://www.carlogos.org/logo/Alfa-Romeo-logo.png",
+  country: "Italy",
+  region: "Italian",
+  founded: 1910,
+  hex: "CC0000",
+};
+
+export const AlfaRomeo: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Alfa Romeo",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Alfa-Romeo-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default AlfaRomeo;

package/src/logos/Alpine.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: "Alpine",
+  slug: "alpine",
+  pngUrl: "https://www.carlogos.org/logo/Alpine-logo.png",
+  country: "France",
+  region: "French",
+  founded: 1955,
+  hex: "003087",
+};
+
+export const Alpine: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Alpine",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Alpine-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Alpine;

package/src/logos/Arash.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: "Arash",
+  slug: "arash",
+  pngUrl: "https://www.carlogos.org/logo/Arash-logo.png",
+  country: "UK",
+  region: "British",
+  founded: 1999,
+  hex: "1A1A1A",
+};
+
+export const Arash: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Arash",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Arash-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Arash;

package/src/logos/AstonMartin.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: "Aston Martin",
+  slug: "aston-martin",
+  pngUrl: "https://www.carlogos.org/logo/Aston-Martin-logo.png",
+  country: "UK",
+  region: "British",
+  founded: 1913,
+  hex: "004225",
+};
+
+export const AstonMartin: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Aston Martin",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Aston-Martin-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default AstonMartin;

package/src/logos/Audi.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: "Audi",
+  slug: "audi",
+  pngUrl: "https://www.carlogos.org/logo/Audi-logo.png",
+  country: "Germany",
+  region: "German",
+  founded: 1909,
+  hex: "1A1A1A",
+};
+
+export const Audi: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Audi",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Audi-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Audi;

package/src/logos/BMW.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: "BMW",
+  slug: "bmw",
+  pngUrl: "https://www.carlogos.org/logo/BMW-logo.png",
+  country: "Germany",
+  region: "German",
+  founded: 1916,
+  hex: "0066B2",
+};
+
+export const BMW: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "BMW",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/BMW-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default BMW;

package/src/logos/Bentley.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: "Bentley",
+  slug: "bentley",
+  pngUrl: "https://www.carlogos.org/logo/Bentley-logo.png",
+  country: "UK",
+  region: "British",
+  founded: 1919,
+  hex: "1A5276",
+};
+
+export const Bentley: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Bentley",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Bentley-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Bentley;

package/src/logos/Brabus.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: "Brabus",
+  slug: "brabus",
+  pngUrl: "https://www.carlogos.org/logo/Brabus-logo.png",
+  country: "Germany",
+  region: "German",
+  founded: 1977,
+  hex: "1A1A1A",
+};
+
+export const Brabus: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Brabus",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Brabus-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Brabus;

package/src/logos/Bugatti.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: "Bugatti",
+  slug: "bugatti",
+  pngUrl: "https://www.carlogos.org/logo/Bugatti-logo.png",
+  country: "France",
+  region: "French",
+  founded: 1909,
+  hex: "1B1F8A",
+};
+
+export const Bugatti: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Bugatti",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Bugatti-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Bugatti;

package/src/logos/Chevrolet.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: "Chevrolet",
+  slug: "chevrolet",
+  pngUrl: "https://www.carlogos.org/logo/Chevrolet-logo.png",
+  country: "USA",
+  region: "American",
+  founded: 1911,
+  hex: "CC0000",
+};
+
+export const Chevrolet: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Chevrolet",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Chevrolet-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Chevrolet;

package/src/logos/DeTomaso.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: "De Tomaso",
+  slug: "de-tomaso",
+  pngUrl: "https://www.carlogos.org/logo/De-Tomaso-logo.png",
+  country: "Italy",
+  region: "Italian",
+  founded: 1959,
+  hex: "003087",
+};
+
+export const DeTomaso: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "De Tomaso",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/De-Tomaso-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default DeTomaso;

package/src/logos/Dodge.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: "Dodge",
+  slug: "dodge",
+  pngUrl: "https://www.carlogos.org/logo/Dodge-logo.png",
+  country: "USA",
+  region: "American",
+  founded: 1900,
+  hex: "CC0000",
+};
+
+export const Dodge: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Dodge",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Dodge-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Dodge;

package/src/logos/Ferrari.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: "Ferrari",
+  slug: "ferrari",
+  pngUrl: "https://www.carlogos.org/logo/Ferrari-logo.png",
+  country: "Italy",
+  region: "Italian",
+  founded: 1939,
+  hex: "CD212A",
+};
+
+export const Ferrari: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Ferrari",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Ferrari-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Ferrari;

package/src/logos/Ford.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: "Ford",
+  slug: "ford",
+  pngUrl: "https://www.carlogos.org/logo/Ford-logo.png",
+  country: "USA",
+  region: "American",
+  founded: 1903,
+  hex: "003087",
+};
+
+export const Ford: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Ford",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Ford-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Ford;

package/src/logos/Gumpert.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: "Gumpert",
+  slug: "gumpert",
+  pngUrl: "https://www.carlogos.org/logo/Gumpert-logo.png",
+  country: "Germany",
+  region: "German",
+  founded: 2004,
+  hex: "1A1A1A",
+};
+
+export const Gumpert: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Gumpert",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Gumpert-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Gumpert;

package/src/logos/Hennessey.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: "Hennessey",
+  slug: "hennessey",
+  pngUrl: "https://www.carlogos.org/logo/Hennessey-logo.png",
+  country: "USA",
+  region: "American",
+  founded: 1991,
+  hex: "1A1A1A",
+};
+
+export const Hennessey: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Hennessey",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Hennessey-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Hennessey;

package/src/logos/Jaguar.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: "Jaguar",
+  slug: "jaguar",
+  pngUrl: "https://www.carlogos.org/logo/Jaguar-logo.png",
+  country: "UK",
+  region: "British",
+  founded: 1935,
+  hex: "003F7C",
+};
+
+export const Jaguar: React.FC<CarLogoProps> = ({
+  size = "md",
+  width,
+  height,
+  alt = "Jaguar",
+  loading = "lazy",
+  style,
+  ...props
+}) => {
+  const renderPx = width ?? height ?? SIZE_MAP[size];
+
+  return (
+    <img
+      src="https://www.carlogos.org/logo/Jaguar-logo.png"
+      alt={alt}
+      width={renderPx}
+      height={renderPx}
+      loading={loading}
+      style={{ objectFit: "contain", ...style }}
+      {...props}
+    />
+  );
+};
+
+export default Jaguar;