laravel logo
laravel from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- laravel
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
The same logo in other sets
Use the laravel logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ff5252" d="M31.963 9.12c-.008-.03-.023-.056-.034-.085a1 1 0 0 0-.07-.156a2 2 0 0 0-.162-.205a1 1 0 0 0-.088-.072a1 1 0 0 0-.083-.068l-.044-.02l-.035-.024l-6-3a1 1 0 0 0-.894 0l-6 3l-.035.024l-.044.02a1 1 0 0 0-.083.068a.7.7 0 0 0-.187.191a1 1 0 0 0-.064.086a1 1 0 0 0-.069.156c-.01.029-.026.055-.034.085a1 1 0 0 0-.037.265v5.382l-4 2V5.385a1 1 0 0 0-.037-.265c-.008-.03-.023-.056-.034-.085a1 1 0 0 0-.07-.156a1 1 0 0 0-.063-.086a.7.7 0 0 0-.187-.191a1 1 0 0 0-.083-.068l-.044-.02l-.035-.024l-6-3a1 1 0 0 0-.894 0l-6 3l-.035.024l-.044.02a1 1 0 0 0-.083.068a1 1 0 0 0-.088.072a1 1 0 0 0-.1.119a1 1 0 0 0-.063.086a1 1 0 0 0-.069.156c-.01.029-.026.055-.034.085A1 1 0 0 0 0 5.385v19a1 1 0 0 0 .553.894l6 3l6 3c.014.007.03.005.046.011a.9.9 0 0 0 .802 0c.015-.006.032-.004.046-.01l12-6a1 1 0 0 0 .553-.895v-5.382l5.447-2.724a1 1 0 0 0 .553-.894v-6a1 1 0 0 0-.037-.265M9.236 21.385l4.211-2.106h.001L19 16.503l3.764 1.882L13 23.267ZM24 13.003v3.764l-4-2v-3.764Zm1-5.5l3.764 1.882L25 11.267l-3.764-1.882ZM8 19.767V9.003l4-2v10.764ZM7 3.503l3.764 1.882L7 7.267L3.236 5.385Zm-5 3.5l4 2v16.764l-4-2Zm6 16l4 2v3.764l-4-2Zm16 .764l-10 5v-3.764l10-5Zm6-9l-4 2v-3.764l4-2Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeLaravel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ff5252" d="M31.963 9.12c-.008-.03-.023-.056-.034-.085a1 1 0 0 0-.07-.156a2 2 0 0 0-.162-.205a1 1 0 0 0-.088-.072a1 1 0 0 0-.083-.068l-.044-.02l-.035-.024l-6-3a1 1 0 0 0-.894 0l-6 3l-.035.024l-.044.02a1 1 0 0 0-.083.068a.7.7 0 0 0-.187.191a1 1 0 0 0-.064.086a1 1 0 0 0-.069.156c-.01.029-.026.055-.034.085a1 1 0 0 0-.037.265v5.382l-4 2V5.385a1 1 0 0 0-.037-.265c-.008-.03-.023-.056-.034-.085a1 1 0 0 0-.07-.156a1 1 0 0 0-.063-.086a.7.7 0 0 0-.187-.191a1 1 0 0 0-.083-.068l-.044-.02l-.035-.024l-6-3a1 1 0 0 0-.894 0l-6 3l-.035.024l-.044.02a1 1 0 0 0-.083.068a1 1 0 0 0-.088.072a1 1 0 0 0-.1.119a1 1 0 0 0-.063.086a1 1 0 0 0-.069.156c-.01.029-.026.055-.034.085A1 1 0 0 0 0 5.385v19a1 1 0 0 0 .553.894l6 3l6 3c.014.007.03.005.046.011a.9.9 0 0 0 .802 0c.015-.006.032-.004.046-.01l12-6a1 1 0 0 0 .553-.895v-5.382l5.447-2.724a1 1 0 0 0 .553-.894v-6a1 1 0 0 0-.037-.265M9.236 21.385l4.211-2.106h.001L19 16.503l3.764 1.882L13 23.267ZM24 13.003v3.764l-4-2v-3.764Zm1-5.5l3.764 1.882L25 11.267l-3.764-1.882ZM8 19.767V9.003l4-2v10.764ZM7 3.503l3.764 1.882L7 7.267L3.236 5.385Zm-5 3.5l4 2v16.764l-4-2Zm6 16l4 2v3.764l-4-2Zm16 .764l-10 5v-3.764l10-5Zm6-9l-4 2v-3.764l4-2Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ff5252" d="M31.963 9.12c-.008-.03-.023-.056-.034-.085a1 1 0 0 0-.07-.156a2 2 0 0 0-.162-.205a1 1 0 0 0-.088-.072a1 1 0 0 0-.083-.068l-.044-.02l-.035-.024l-6-3a1 1 0 0 0-.894 0l-6 3l-.035.024l-.044.02a1 1 0 0 0-.083.068a.7.7 0 0 0-.187.191a1 1 0 0 0-.064.086a1 1 0 0 0-.069.156c-.01.029-.026.055-.034.085a1 1 0 0 0-.037.265v5.382l-4 2V5.385a1 1 0 0 0-.037-.265c-.008-.03-.023-.056-.034-.085a1 1 0 0 0-.07-.156a1 1 0 0 0-.063-.086a.7.7 0 0 0-.187-.191a1 1 0 0 0-.083-.068l-.044-.02l-.035-.024l-6-3a1 1 0 0 0-.894 0l-6 3l-.035.024l-.044.02a1 1 0 0 0-.083.068a1 1 0 0 0-.088.072a1 1 0 0 0-.1.119a1 1 0 0 0-.063.086a1 1 0 0 0-.069.156c-.01.029-.026.055-.034.085A1 1 0 0 0 0 5.385v19a1 1 0 0 0 .553.894l6 3l6 3c.014.007.03.005.046.011a.9.9 0 0 0 .802 0c.015-.006.032-.004.046-.01l12-6a1 1 0 0 0 .553-.895v-5.382l5.447-2.724a1 1 0 0 0 .553-.894v-6a1 1 0 0 0-.037-.265M9.236 21.385l4.211-2.106h.001L19 16.503l3.764 1.882L13 23.267ZM24 13.003v3.764l-4-2v-3.764Zm1-5.5l3.764 1.882L25 11.267l-3.764-1.882ZM8 19.767V9.003l4-2v10.764ZM7 3.503l3.764 1.882L7 7.267L3.236 5.385Zm-5 3.5l4 2v16.764l-4-2Zm6 16l4 2v3.764l-4-2Zm16 .764l-10 5v-3.764l10-5Zm6-9l-4 2v-3.764l4-2Z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22%23ff5252%22%20d%3D%22M31.963%209.12c-.008-.03-.023-.056-.034-.085a1%201%200%200%200-.07-.156a2%202%200%200%200-.162-.205a1%201%200%200%200-.088-.072a1%201%200%200%200-.083-.068l-.044-.02l-.035-.024l-6-3a1%201%200%200%200-.894%200l-6%203l-.035.024l-.044.02a1%201%200%200%200-.083.068a.7.7%200%200%200-.187.191a1%201%200%200%200-.064.086a1%201%200%200%200-.069.156c-.01.029-.026.055-.034.085a1%201%200%200%200-.037.265v5.382l-4%202V5.385a1%201%200%200%200-.037-.265c-.008-.03-.023-.056-.034-.085a1%201%200%200%200-.07-.156a1%201%200%200%200-.063-.086a.7.7%200%200%200-.187-.191a1%201%200%200%200-.083-.068l-.044-.02l-.035-.024l-6-3a1%201%200%200%200-.894%200l-6%203l-.035.024l-.044.02a1%201%200%200%200-.083.068a1%201%200%200%200-.088.072a1%201%200%200%200-.1.119a1%201%200%200%200-.063.086a1%201%200%200%200-.069.156c-.01.029-.026.055-.034.085A1%201%200%200%200%200%205.385v19a1%201%200%200%200%20.553.894l6%203l6%203c.014.007.03.005.046.011a.9.9%200%200%200%20.802%200c.015-.006.032-.004.046-.01l12-6a1%201%200%200%200%20.553-.895v-5.382l5.447-2.724a1%201%200%200%200%20.553-.894v-6a1%201%200%200%200-.037-.265M9.236%2021.385l4.211-2.106h.001L19%2016.503l3.764%201.882L13%2023.267ZM24%2013.003v3.764l-4-2v-3.764Zm1-5.5l3.764%201.882L25%2011.267l-3.764-1.882ZM8%2019.767V9.003l4-2v10.764ZM7%203.503l3.764%201.882L7%207.267L3.236%205.385Zm-5%203.5l4%202v16.764l-4-2Zm6%2016l4%202v3.764l-4-2Zm16%20.764l-10%205v-3.764l10-5Zm6-9l-4%202v-3.764l4-2Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23ff5252%22%20d%3D%22M31.963%209.12c-.008-.03-.023-.056-.034-.085a1%201%200%200%200-.07-.156a2%202%200%200%200-.162-.205a1%201%200%200%200-.088-.072a1%201%200%200%200-.083-.068l-.044-.02l-.035-.024l-6-3a1%201%200%200%200-.894%200l-6%203l-.035.024l-.044.02a1%201%200%200%200-.083.068a.7.7%200%200%200-.187.191a1%201%200%200%200-.064.086a1%201%200%200%200-.069.156c-.01.029-.026.055-.034.085a1%201%200%200%200-.037.265v5.382l-4%202V5.385a1%201%200%200%200-.037-.265c-.008-.03-.023-.056-.034-.085a1%201%200%200%200-.07-.156a1%201%200%200%200-.063-.086a.7.7%200%200%200-.187-.191a1%201%200%200%200-.083-.068l-.044-.02l-.035-.024l-6-3a1%201%200%200%200-.894%200l-6%203l-.035.024l-.044.02a1%201%200%200%200-.083.068a1%201%200%200%200-.088.072a1%201%200%200%200-.1.119a1%201%200%200%200-.063.086a1%201%200%200%200-.069.156c-.01.029-.026.055-.034.085A1%201%200%200%200%200%205.385v19a1%201%200%200%200%20.553.894l6%203l6%203c.014.007.03.005.046.011a.9.9%200%200%200%20.802%200c.015-.006.032-.004.046-.01l12-6a1%201%200%200%200%20.553-.895v-5.382l5.447-2.724a1%201%200%200%200%20.553-.894v-6a1%201%200%200%200-.037-.265M9.236%2021.385l4.211-2.106h.001L19%2016.503l3.764%201.882L13%2023.267ZM24%2013.003v3.764l-4-2v-3.764Zm1-5.5l3.764%201.882L25%2011.267l-3.764-1.882ZM8%2019.767V9.003l4-2v10.764ZM7%203.503l3.764%201.882L7%207.267L3.236%205.385Zm-5%203.5l4%202v16.764l-4-2Zm6%2016l4%202v3.764l-4-2Zm16%20.764l-10%205v-3.764l10-5Zm6-9l-4%202v-3.764l4-2Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/laravel.svg?color=%231a73e8&size=48
