Copy code import type { SVGProps } from "react";
export type IconProps = {
size?: number | string;
color?: string;
className?: string;
} & SVGProps<SVGSVGElement>;
export const Laravel = ({
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="M21.7 6.49s0-.04-.02-.05l-.02-.02-.03-.04-.03-.02-.04-.03-3.77-2.16a.32.32 0 0 0-.3 0l-3.76 2.16-.03.03-.04.02-.02.04-.02.02-.02.05v.03s-.02.05-.02.08v4.11l-3.13 1.8V4.47l-.02-.08v-.03l-.03-.05-.02-.03s-.02-.02-.02-.04l-.04-.02s-.02-.02-.03-.02L6.53 2.04a.29.29 0 0 0-.31 0L2.46 4.2s-.02.02-.04.02l-.03.02-.03.04-.02.03-.02.05-.02.03v12.96c0 .11.06.21.16.27l7.53 4.33.05.02h.03c.05.02.11.02.16 0h.02l.05-.04 7.52-4.33c.1-.05.15-.16.15-.27v-4.11l3.61-2.08c.09-.05.15-.16.15-.27V6.49l-.02-.02Zm-15.03 8.2V6.83l1.82-1.05 1.31-.76v7.87l-1.82 1.05zm-.3-12.01L9.5 4.49l-3.13 1.8-3.13-1.8zm3.45 18.47-6.9-3.97V5.03l1.31.75 1.81 1.05v8.4l.02.04v.05l.02.04.02.04.02.03.03.03s.02.02.03.02l.03.03 3.6 2.04v3.6Zm.31-4.15L7 15.23l3.29-1.89 3.6-2.08 3.13 1.81-2.29 1.31zm7.21.17-6.89 3.98v-3.6l5.1-2.91 1.79-1.02v3.57Zm0-8.21v3.57l-1.31-.76-1.82-1.05V7.15l1.31.76zm.31-.55L14.52 6.6l3.13-1.81 3.13 1.81zm3.45 2.31-3.13 1.8V8.95l1.82-1.04 1.31-.76z" />
</svg>
);Default · 24px · currentColor
UI examples Size, inline, toolbar, and dark UI — works for any icon style.
Related languages-frameworks icons
Laravel Icon — Free SVG Component The Laravel icon is a free, open-source SVG icon component built with TypeScript for React, Next.js, Vue, Remix, Svelte, and Astro projects. No npm install or package dependency required — just copy the component code and paste it into your project.
How to use Laravel icon in React Import the Laravel component from your icons folder. Use it as a standard React component with props: size (number), color (string), className (string), and all standard SVG attributes via spread props.
Example: <Laravel size={24} color=“currentColor“ className=“shrink-0“ />
Features Zero dependencies — no package install needed TypeScript ready with full type safety Fully customizable size, color, and className Works with Tailwind CSS, styled-components, CSS modules Accessible — supports aria attributes Tree-shakeable — only import what you use MIT licensed — free for commercial use Compatible frameworks React, Next.js (App Router & Pages Router), Vue, Remix, Svelte, Astro, Nuxt, Gatsby, Vite, Angular, Qwik.
Category: languages-frameworks Browse more languages-frameworks icons in the Next Icons library. All icons are hand-crafted SVGs optimized for web performance.