How to use the Postgresql icon in React?

Import the Postgresql component: import { Postgresql } from "@/icons/languages-frameworks/Postgresql". Then use it as . No npm install needed — just copy the file into your project.

Is the Postgresql icon free to use?

Yes, the Postgresql icon is 100% free and open source under the MIT license. Use it in personal and commercial projects without attribution.

Can I customize the postgresql icon size and color?

Yes. Pass size prop (number) to control dimensions, color prop (string) for fill/stroke color, and className for Tailwind or CSS styling. All standard SVG props are also supported.

Does the Postgresql icon work with Next.js and Tailwind CSS?

Yes. The icon is a TypeScript React component that works with Next.js App Router, Pages Router, and Tailwind CSS. It's also compatible with Vue, Remix, Svelte, Astro, and any JSX/TSX framework.

Do I need to install any package for the postgresql icon?

No. Next Icons is a zero-dependency icon library. Simply copy the component source code into your project and import it. No npm install, no package.json changes.

export type IconProps = {
  size?: number | string;
  color?: string;
  className?: string;
} & React.SVGProps<SVGSVGElement>;

export const PostgresqlIcon = ({
  size = 24,
  color = "currentColor",
  className,
  ...props
}: IconProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width={size}
    height={size}
    fill={color}
    className={className}
    {...props}
  >
      <path d="M10.74 12.89v-.11c.06-.15.12-.29.19-.43a5.15 5.15 0 0 0 .26-3.74.86.86 0 0 0-.66-.74 3.12 3.12 0 0 0-2.08.61v.18a11.3 11.3 0 0 1-.06 2.41 2.37 2.37 0 0 0 .62 2 2 2 0 0 0 1.43.63 8 8 0 0 1 .3-.81M10 8.58a.36.36 0 0 1-.09-.23.2.2 0 0 1 .09-.12.74.74 0 0 1 .48-.07c.25 0 .5.16.48.34a.51.51 0 0 1-.49.33h-.06a.63.63 0 0 1-.41-.25" />
      <path d="M7.88 11a12.6 12.6 0 0 0 .06-2.3v-.28a7 7 0 0 1 1.54-4.55c-1-.32-3.4-1-4.87.1-.9.64-1.32 1.84-1.23 3.55a25 25 0 0 0 1 4.4c.68 2.22 1.45 3.62 2.11 3.85.1 0 .41.13.86-.41.64-.76 1.23-1.41 1.5-1.7l-.19-.19A2.89 2.89 0 0 1 7.88 11m3.5 3.4c-.16-.06-.24-.1-.42.11a2.5 2.5 0 0 0-.29.35c-.35.43-.5.58-1.51.79a2 2 0 0 0-.4.11 1 1 0 0 0 .37.16 2.21 2.21 0 0 0 2.5-.8.41.41 0 0 0 0-.35.6.6 0 0 0-.25-.37m6.29-5.82a5 5 0 0 0 .08-.79c-.66-.08-1.42-.07-1.72.36-.58.83.56 2.88 1 3.75a4 4 0 0 1 .26.48 2 2 0 0 0 .15.31 3.7 3.7 0 0 0 .16-2.13 7.5 7.5 0 0 1-.07-1.05 6 6 0 0 1 .14-.93m-.56-.16a.6.6 0 0 1-.32.17h-.06a.47.47 0 0 1-.44-.3c0-.14.2-.24.44-.28s.48 0 .5.15a.38.38 0 0 1-.12.26" />
      <path d="M17 4.88a6.06 6.06 0 0 1 1.37 2.57.7.7 0 0 1 0 .15 5.7 5.7 0 0 1-.09 1.06 7 7 0 0 0-.09.86 6.6 6.6 0 0 0 .07 1 4 4 0 0 1-.36 2.71l.07.08c2.22-3.49 3-7.54 2.29-8.43a4.77 4.77 0 0 0-3.81-1.8 7.3 7.3 0 0 0-1.63.16A6.2 6.2 0 0 1 17 4.88" />
      <path d="M21.65 14c-.07-.2-.37-.85-1.47-.62a6 6 0 0 1-1 .13 19.7 19.7 0 0 0 2.06-4.88c.37-1.45.66-3.39-.11-4.38A5.91 5.91 0 0 0 16.37 2a8.4 8.4 0 0 0-2.46.35 9.4 9.4 0 0 0-1.45-.14 4.8 4.8 0 0 0-2.46.62 12 12 0 0 0-1.77-.44A5.44 5.44 0 0 0 4 3.05c-1.24.87-1.81 2.39-1.71 4.52a26.3 26.3 0 0 0 1 4.67A16 16 0 0 0 4.4 15a3.4 3.4 0 0 0 1.75 1.83 1.71 1.71 0 0 0 1.69-.37 2 2 0 0 0 1 .59 3.65 3.65 0 0 0 2.35-.14v.81a8.5 8.5 0 0 0 .31 2.36 1 1 0 0 1 0 .13 3 3 0 0 0 .71 1.24 2.08 2.08 0 0 0 1.49.56 3 3 0 0 0 .7-.08 3.27 3.27 0 0 0 2.21-1.27 7.34 7.34 0 0 0 .91-4v-.26h.17a5.24 5.24 0 0 0 2.4-.4c.45-.23 1.91-1 1.56-2m-1.81 1.47a4.7 4.7 0 0 1-1.8.34 2.6 2.6 0 0 1-.79-.1c-.1.94-.32 2.69-.45 3.42a2.47 2.47 0 0 1-2.25 2.3 3.2 3.2 0 0 1-.66.07A2 2 0 0 1 12 20a16.8 16.8 0 0 1-.28-4.06 2.56 2.56 0 0 1-1.78.66 4 4 0 0 1-.94-.13c-.09 0-.87-.23-.86-.73s.66-.59.9-.64c.86-.18.92-.25 1.19-.59a3 3 0 0 1 .19-.24 2.56 2.56 0 0 1-1.11-.3c-.23.25-.86.93-1.54 1.74a1.43 1.43 0 0 1-1.11.63 1.2 1.2 0 0 1-.35 0C5.43 16 4.6 14.55 3.84 12a25 25 0 0 1-1-4.53c-.1-1.92.4-3.28 1.47-4 1.92-1.36 5-.31 5.7-.06a4 4 0 0 1 2.41-.66 5.6 5.6 0 0 1 1.4.18 7.5 7.5 0 0 1 2.5-.4 5.35 5.35 0 0 1 4.32 2c.69.88.23 3 0 3.89a18.8 18.8 0 0 1-2.41 5.41c.16.11.65.31 2 0 .46-.1.73 0 .82.25.22.55-.7 1.13-1.21 1.37z" />
      <path d="M17.43 13.59a4 4 0 0 1-.62-1c0-.07-.12-.24-.23-.43-.58-1-1.79-3.22-1-4.34a2.16 2.16 0 0 1 2.12-.61 6.3 6.3 0 0 0-1.13-1.94 5.41 5.41 0 0 0-4.13-2 3.34 3.34 0 0 0-2.55.95A5.82 5.82 0 0 0 8.51 7.8l.15-.08A3.7 3.7 0 0 1 10 7.3a1.45 1.45 0 0 1 1.76 1.19 5.73 5.73 0 0 1-.29 4.09 3 3 0 0 0-.17.39v.11c-.1.27-.19.52-.25.73a.94.94 0 0 1 .57.07 1.16 1.16 0 0 1 .62.74v.16a.3.3 0 0 1 0 .09 22.2 22.2 0 0 0 .22 4.9 1.5 1.5 0 0 0 2 1.09A1.92 1.92 0 0 0 16.25 19c.15-.88.45-3.35.49-3.88 0-1.06.52-1.27.84-1.36z" />
      <path d="m18 14.33-.08-.06h-.12c-.26.07-.5.14-.47.8a1.9 1.9 0 0 0 .93.12 4.3 4.3 0 0 0 1.38-.29 3 3 0 0 0 .79-.52 3.47 3.47 0 0 1-2.43-.05" />
  </svg>
);

Icon

Postgresql

Related languages-frameworks icons