laravel logo

laravel from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: laravel
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same logo in other sets

laravelBoxicons Brands laravelCatppuccin Icons laravelCoreUI Brands laravelDevicon laravelFont Awesome Brands laravel-solidFlowbite Icons laravelLine Awesome laravelSVG Logos laravelMaterial Icon Theme laravelMaterial Design Icons laravelSimple Icons laravel-darkSkill Icons laravel-outlineTeenyicons

Use the laravel logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M107.2 0c2.5 0 4.7.8 6.7 2l94.3 54.1c2.7 1.5 4.5 3.5 5.4 5.9c.9 2.2.9 4.3.9 5.6V261l69.2-39.7V121c0-2.6.6-5 2.2-7.2c1.5-2.1 3.5-3.6 5.7-4.8l94-54c1.6-.9 3.4-1.6 5.5-1.6s4 .7 5.6 1.6l95.8 55.1c2.3 1.3 3.9 3 4.9 5.3c.9 2.1.9 4.2.9 5.8v107.2c0 2-.2 4.3-1.4 6.4c-1.2 2.2-3 3.7-5.1 4.9l-.1.1l-88 50.5v100c0 2.3-.3 4.8-1.6 7s-3.3 3.7-5.3 4.9h-.1L208.7 510c-2.2 1.2-4.5 2-7.1 2s-4.9-.9-7.1-2l-.1-.1L7.1 402l-.5-.3c-1.1-.7-2.6-1.7-3.8-2.9c-1.9-1.9-2.8-4.2-2.8-7.2V65.9c0-4.8 3-7.9 5.5-9.3l95-54.6c2-1.2 4.3-2 6.8-2zM38.1 67.1l69 39.9l69.2-39.9l-69.2-39.7zm353 93.2l69-39.7l-69-39.7l-69.1 39.7zM189.2 89L120 128.8v186.4l69.2-39.9V88.9zm-94.7 39.9L25.2 89.1v294.2l164 94.2v-79.4l-87.3-49.3l-.2-.1c-1.3-.8-3.2-1.9-4.6-3.7c-1.7-2.1-2.5-4.7-2.5-7.7V128.8zm214.7 92.4l69.3 39.6v-78.5l-69.3-39.9zm94.5 39.6l69.3-39.7v-78.8l-69.3 39.9v78.5zM201.6 376.1l163.8-93.2l-69-39.9L133 337.1l68.6 38.9zm12.9 101.5l164-94.2v-78.8l-164 93.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsLaravel(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M107.2 0c2.5 0 4.7.8 6.7 2l94.3 54.1c2.7 1.5 4.5 3.5 5.4 5.9c.9 2.2.9 4.3.9 5.6V261l69.2-39.7V121c0-2.6.6-5 2.2-7.2c1.5-2.1 3.5-3.6 5.7-4.8l94-54c1.6-.9 3.4-1.6 5.5-1.6s4 .7 5.6 1.6l95.8 55.1c2.3 1.3 3.9 3 4.9 5.3c.9 2.1.9 4.2.9 5.8v107.2c0 2-.2 4.3-1.4 6.4c-1.2 2.2-3 3.7-5.1 4.9l-.1.1l-88 50.5v100c0 2.3-.3 4.8-1.6 7s-3.3 3.7-5.3 4.9h-.1L208.7 510c-2.2 1.2-4.5 2-7.1 2s-4.9-.9-7.1-2l-.1-.1L7.1 402l-.5-.3c-1.1-.7-2.6-1.7-3.8-2.9c-1.9-1.9-2.8-4.2-2.8-7.2V65.9c0-4.8 3-7.9 5.5-9.3l95-54.6c2-1.2 4.3-2 6.8-2zM38.1 67.1l69 39.9l69.2-39.9l-69.2-39.7zm353 93.2l69-39.7l-69-39.7l-69.1 39.7zM189.2 89L120 128.8v186.4l69.2-39.9V88.9zm-94.7 39.9L25.2 89.1v294.2l164 94.2v-79.4l-87.3-49.3l-.2-.1c-1.3-.8-3.2-1.9-4.6-3.7c-1.7-2.1-2.5-4.7-2.5-7.7V128.8zm214.7 92.4l69.3 39.6v-78.5l-69.3-39.9zm94.5 39.6l69.3-39.7v-78.8l-69.3 39.9v78.5zM201.6 376.1l163.8-93.2l-69-39.9L133 337.1l68.6 38.9zm12.9 101.5l164-94.2v-78.8l-164 93.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M107.2 0c2.5 0 4.7.8 6.7 2l94.3 54.1c2.7 1.5 4.5 3.5 5.4 5.9c.9 2.2.9 4.3.9 5.6V261l69.2-39.7V121c0-2.6.6-5 2.2-7.2c1.5-2.1 3.5-3.6 5.7-4.8l94-54c1.6-.9 3.4-1.6 5.5-1.6s4 .7 5.6 1.6l95.8 55.1c2.3 1.3 3.9 3 4.9 5.3c.9 2.1.9 4.2.9 5.8v107.2c0 2-.2 4.3-1.4 6.4c-1.2 2.2-3 3.7-5.1 4.9l-.1.1l-88 50.5v100c0 2.3-.3 4.8-1.6 7s-3.3 3.7-5.3 4.9h-.1L208.7 510c-2.2 1.2-4.5 2-7.1 2s-4.9-.9-7.1-2l-.1-.1L7.1 402l-.5-.3c-1.1-.7-2.6-1.7-3.8-2.9c-1.9-1.9-2.8-4.2-2.8-7.2V65.9c0-4.8 3-7.9 5.5-9.3l95-54.6c2-1.2 4.3-2 6.8-2zM38.1 67.1l69 39.9l69.2-39.9l-69.2-39.7zm353 93.2l69-39.7l-69-39.7l-69.1 39.7zM189.2 89L120 128.8v186.4l69.2-39.9V88.9zm-94.7 39.9L25.2 89.1v294.2l164 94.2v-79.4l-87.3-49.3l-.2-.1c-1.3-.8-3.2-1.9-4.6-3.7c-1.7-2.1-2.5-4.7-2.5-7.7V128.8zm214.7 92.4l69.3 39.6v-78.5l-69.3-39.9zm94.5 39.6l69.3-39.7v-78.8l-69.3 39.9v78.5zM201.6 376.1l163.8-93.2l-69-39.9L133 337.1l68.6 38.9zm12.9 101.5l164-94.2v-78.8l-164 93.6z"/></svg>
</template>

CSS

.icon-laravel {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M107.2%200c2.5%200%204.7.8%206.7%202l94.3%2054.1c2.7%201.5%204.5%203.5%205.4%205.9c.9%202.2.9%204.3.9%205.6V261l69.2-39.7V121c0-2.6.6-5%202.2-7.2c1.5-2.1%203.5-3.6%205.7-4.8l94-54c1.6-.9%203.4-1.6%205.5-1.6s4%20.7%205.6%201.6l95.8%2055.1c2.3%201.3%203.9%203%204.9%205.3c.9%202.1.9%204.2.9%205.8v107.2c0%202-.2%204.3-1.4%206.4c-1.2%202.2-3%203.7-5.1%204.9l-.1.1l-88%2050.5v100c0%202.3-.3%204.8-1.6%207s-3.3%203.7-5.3%204.9h-.1L208.7%20510c-2.2%201.2-4.5%202-7.1%202s-4.9-.9-7.1-2l-.1-.1L7.1%20402l-.5-.3c-1.1-.7-2.6-1.7-3.8-2.9c-1.9-1.9-2.8-4.2-2.8-7.2V65.9c0-4.8%203-7.9%205.5-9.3l95-54.6c2-1.2%204.3-2%206.8-2zM38.1%2067.1l69%2039.9l69.2-39.9l-69.2-39.7zm353%2093.2l69-39.7l-69-39.7l-69.1%2039.7zM189.2%2089L120%20128.8v186.4l69.2-39.9V88.9zm-94.7%2039.9L25.2%2089.1v294.2l164%2094.2v-79.4l-87.3-49.3l-.2-.1c-1.3-.8-3.2-1.9-4.6-3.7c-1.7-2.1-2.5-4.7-2.5-7.7V128.8zm214.7%2092.4l69.3%2039.6v-78.5l-69.3-39.9zm94.5%2039.6l69.3-39.7v-78.8l-69.3%2039.9v78.5zM201.6%20376.1l163.8-93.2l-69-39.9L133%20337.1l68.6%2038.9zm12.9%20101.5l164-94.2v-78.8l-164%2093.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M107.2%200c2.5%200%204.7.8%206.7%202l94.3%2054.1c2.7%201.5%204.5%203.5%205.4%205.9c.9%202.2.9%204.3.9%205.6V261l69.2-39.7V121c0-2.6.6-5%202.2-7.2c1.5-2.1%203.5-3.6%205.7-4.8l94-54c1.6-.9%203.4-1.6%205.5-1.6s4%20.7%205.6%201.6l95.8%2055.1c2.3%201.3%203.9%203%204.9%205.3c.9%202.1.9%204.2.9%205.8v107.2c0%202-.2%204.3-1.4%206.4c-1.2%202.2-3%203.7-5.1%204.9l-.1.1l-88%2050.5v100c0%202.3-.3%204.8-1.6%207s-3.3%203.7-5.3%204.9h-.1L208.7%20510c-2.2%201.2-4.5%202-7.1%202s-4.9-.9-7.1-2l-.1-.1L7.1%20402l-.5-.3c-1.1-.7-2.6-1.7-3.8-2.9c-1.9-1.9-2.8-4.2-2.8-7.2V65.9c0-4.8%203-7.9%205.5-9.3l95-54.6c2-1.2%204.3-2%206.8-2zM38.1%2067.1l69%2039.9l69.2-39.9l-69.2-39.7zm353%2093.2l69-39.7l-69-39.7l-69.1%2039.7zM189.2%2089L120%20128.8v186.4l69.2-39.9V88.9zm-94.7%2039.9L25.2%2089.1v294.2l164%2094.2v-79.4l-87.3-49.3l-.2-.1c-1.3-.8-3.2-1.9-4.6-3.7c-1.7-2.1-2.5-4.7-2.5-7.7V128.8zm214.7%2092.4l69.3%2039.6v-78.5l-69.3-39.9zm94.5%2039.6l69.3-39.7v-78.8l-69.3%2039.9v78.5zM201.6%20376.1l163.8-93.2l-69-39.9L133%20337.1l68.6%2038.9zm12.9%20101.5l164-94.2v-78.8l-164%2093.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/laravel.svg?color=%231a73e8&size=48