laravelnova logo

laravelnova from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
laravelnova
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the laravelnova logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.333 4.319C16.56.386 9.453.632 4.973 5.057a7.57 7.57 0 0 0 0 10.8c3.018 2.982 7.912 2.982 10.931 0a3.245 3.245 0 0 0 0-4.628a3.34 3.34 0 0 0-4.685 0a1.114 1.114 0 0 1-1.561 0a1.08 1.08 0 0 1 0-1.543a5.57 5.57 0 0 1 7.808 0a5.41 5.41 0 0 1 0 7.714c-3.881 3.834-10.174 3.834-14.055 0a9.734 9.734 0 0 1-.015-13.87C5.596 1.35 8.638 0 12 0c3.75 0 7.105 1.68 9.333 4.319m-.714 16.136A12.18 12.18 0 0 1 12 24a12.18 12.18 0 0 1-9.333-4.319c4.772 3.933 11.88 3.687 16.36-.738a7.57 7.57 0 0 0 0-10.8c-3.018-2.982-7.912-2.982-10.931 0a3.245 3.245 0 0 0 0 4.628a3.34 3.34 0 0 0 4.685 0a1.114 1.114 0 0 1 1.561 0a1.08 1.08 0 0 1 0 1.543a5.57 5.57 0 0 1-7.808 0a5.41 5.41 0 0 1 0-7.714c3.881-3.834 10.174-3.834 14.055 0a9.734 9.734 0 0 1 .03 13.855"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsLaravelnova(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.333 4.319C16.56.386 9.453.632 4.973 5.057a7.57 7.57 0 0 0 0 10.8c3.018 2.982 7.912 2.982 10.931 0a3.245 3.245 0 0 0 0-4.628a3.34 3.34 0 0 0-4.685 0a1.114 1.114 0 0 1-1.561 0a1.08 1.08 0 0 1 0-1.543a5.57 5.57 0 0 1 7.808 0a5.41 5.41 0 0 1 0 7.714c-3.881 3.834-10.174 3.834-14.055 0a9.734 9.734 0 0 1-.015-13.87C5.596 1.35 8.638 0 12 0c3.75 0 7.105 1.68 9.333 4.319m-.714 16.136A12.18 12.18 0 0 1 12 24a12.18 12.18 0 0 1-9.333-4.319c4.772 3.933 11.88 3.687 16.36-.738a7.57 7.57 0 0 0 0-10.8c-3.018-2.982-7.912-2.982-10.931 0a3.245 3.245 0 0 0 0 4.628a3.34 3.34 0 0 0 4.685 0a1.114 1.114 0 0 1 1.561 0a1.08 1.08 0 0 1 0 1.543a5.57 5.57 0 0 1-7.808 0a5.41 5.41 0 0 1 0-7.714c3.881-3.834 10.174-3.834 14.055 0a9.734 9.734 0 0 1 .03 13.855"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.333 4.319C16.56.386 9.453.632 4.973 5.057a7.57 7.57 0 0 0 0 10.8c3.018 2.982 7.912 2.982 10.931 0a3.245 3.245 0 0 0 0-4.628a3.34 3.34 0 0 0-4.685 0a1.114 1.114 0 0 1-1.561 0a1.08 1.08 0 0 1 0-1.543a5.57 5.57 0 0 1 7.808 0a5.41 5.41 0 0 1 0 7.714c-3.881 3.834-10.174 3.834-14.055 0a9.734 9.734 0 0 1-.015-13.87C5.596 1.35 8.638 0 12 0c3.75 0 7.105 1.68 9.333 4.319m-.714 16.136A12.18 12.18 0 0 1 12 24a12.18 12.18 0 0 1-9.333-4.319c4.772 3.933 11.88 3.687 16.36-.738a7.57 7.57 0 0 0 0-10.8c-3.018-2.982-7.912-2.982-10.931 0a3.245 3.245 0 0 0 0 4.628a3.34 3.34 0 0 0 4.685 0a1.114 1.114 0 0 1 1.561 0a1.08 1.08 0 0 1 0 1.543a5.57 5.57 0 0 1-7.808 0a5.41 5.41 0 0 1 0-7.714c3.881-3.834 10.174-3.834 14.055 0a9.734 9.734 0 0 1 .03 13.855"/></svg>
</template>

CSS

.icon-laravelnova {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.333%204.319C16.56.386%209.453.632%204.973%205.057a7.57%207.57%200%200%200%200%2010.8c3.018%202.982%207.912%202.982%2010.931%200a3.245%203.245%200%200%200%200-4.628a3.34%203.34%200%200%200-4.685%200a1.114%201.114%200%200%201-1.561%200a1.08%201.08%200%200%201%200-1.543a5.57%205.57%200%200%201%207.808%200a5.41%205.41%200%200%201%200%207.714c-3.881%203.834-10.174%203.834-14.055%200a9.734%209.734%200%200%201-.015-13.87C5.596%201.35%208.638%200%2012%200c3.75%200%207.105%201.68%209.333%204.319m-.714%2016.136A12.18%2012.18%200%200%201%2012%2024a12.18%2012.18%200%200%201-9.333-4.319c4.772%203.933%2011.88%203.687%2016.36-.738a7.57%207.57%200%200%200%200-10.8c-3.018-2.982-7.912-2.982-10.931%200a3.245%203.245%200%200%200%200%204.628a3.34%203.34%200%200%200%204.685%200a1.114%201.114%200%200%201%201.561%200a1.08%201.08%200%200%201%200%201.543a5.57%205.57%200%200%201-7.808%200a5.41%205.41%200%200%201%200-7.714c3.881-3.834%2010.174-3.834%2014.055%200a9.734%209.734%200%200%201%20.03%2013.855%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.333%204.319C16.56.386%209.453.632%204.973%205.057a7.57%207.57%200%200%200%200%2010.8c3.018%202.982%207.912%202.982%2010.931%200a3.245%203.245%200%200%200%200-4.628a3.34%203.34%200%200%200-4.685%200a1.114%201.114%200%200%201-1.561%200a1.08%201.08%200%200%201%200-1.543a5.57%205.57%200%200%201%207.808%200a5.41%205.41%200%200%201%200%207.714c-3.881%203.834-10.174%203.834-14.055%200a9.734%209.734%200%200%201-.015-13.87C5.596%201.35%208.638%200%2012%200c3.75%200%207.105%201.68%209.333%204.319m-.714%2016.136A12.18%2012.18%200%200%201%2012%2024a12.18%2012.18%200%200%201-9.333-4.319c4.772%203.933%2011.88%203.687%2016.36-.738a7.57%207.57%200%200%200%200-10.8c-3.018-2.982-7.912-2.982-10.931%200a3.245%203.245%200%200%200%200%204.628a3.34%203.34%200%200%200%204.685%200a1.114%201.114%200%200%201%201.561%200a1.08%201.08%200%200%201%200%201.543a5.57%205.57%200%200%201-7.808%200a5.41%205.41%200%200%201%200-7.714c3.881-3.834%2010.174-3.834%2014.055%200a9.734%209.734%200%200%201%20.03%2013.855%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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