laravel nova logo
laravel-nova from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- laravel-nova
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
Related icons in CoreUI Brands
Use the laravel nova logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.443 5.76C22.078.515 12.604.843 6.63 6.744a10.085 10.085 0 0 0 0 14.396c4.026 3.979 10.552 3.979 14.573 0a4.314 4.314 0 0 0 0-6.167a4.446 4.446 0 0 0-6.245 0a1.486 1.486 0 0 1-2.083 0a1.446 1.446 0 0 1 0-2.057a7.42 7.42 0 0 1 10.411 0a7.205 7.205 0 0 1 0 10.282c-5.172 5.115-13.563 5.115-18.74 0a12.97 12.97 0 0 1-3.88-9.24a12.97 12.97 0 0 1 3.859-9.25A16.26 16.26 0 0 1 15.999 0c5 0 9.474 2.24 12.443 5.76zm-.953 21.511A16.23 16.23 0 0 1 16 32a16.23 16.23 0 0 1-12.443-5.76c6.359 5.245 15.839 4.917 21.813-.984a10.085 10.085 0 0 0 0-14.396c-4.026-3.979-10.552-3.979-14.573 0a4.314 4.314 0 0 0 0 6.167a4.446 4.446 0 0 0 6.245 0a1.486 1.486 0 0 1 2.083 0a1.446 1.446 0 0 1 0 2.057a7.42 7.42 0 0 1-10.411 0a7.205 7.205 0 0 1 0-10.282c5.172-5.115 13.562-5.115 18.74 0a12.97 12.97 0 0 1 .036 18.469"/></svg>
React
import type { SVGProps } from "react";
export function CibLaravelNova(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.443 5.76C22.078.515 12.604.843 6.63 6.744a10.085 10.085 0 0 0 0 14.396c4.026 3.979 10.552 3.979 14.573 0a4.314 4.314 0 0 0 0-6.167a4.446 4.446 0 0 0-6.245 0a1.486 1.486 0 0 1-2.083 0a1.446 1.446 0 0 1 0-2.057a7.42 7.42 0 0 1 10.411 0a7.205 7.205 0 0 1 0 10.282c-5.172 5.115-13.563 5.115-18.74 0a12.97 12.97 0 0 1-3.88-9.24a12.97 12.97 0 0 1 3.859-9.25A16.26 16.26 0 0 1 15.999 0c5 0 9.474 2.24 12.443 5.76zm-.953 21.511A16.23 16.23 0 0 1 16 32a16.23 16.23 0 0 1-12.443-5.76c6.359 5.245 15.839 4.917 21.813-.984a10.085 10.085 0 0 0 0-14.396c-4.026-3.979-10.552-3.979-14.573 0a4.314 4.314 0 0 0 0 6.167a4.446 4.446 0 0 0 6.245 0a1.486 1.486 0 0 1 2.083 0a1.446 1.446 0 0 1 0 2.057a7.42 7.42 0 0 1-10.411 0a7.205 7.205 0 0 1 0-10.282c5.172-5.115 13.562-5.115 18.74 0a12.97 12.97 0 0 1 .036 18.469"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.443 5.76C22.078.515 12.604.843 6.63 6.744a10.085 10.085 0 0 0 0 14.396c4.026 3.979 10.552 3.979 14.573 0a4.314 4.314 0 0 0 0-6.167a4.446 4.446 0 0 0-6.245 0a1.486 1.486 0 0 1-2.083 0a1.446 1.446 0 0 1 0-2.057a7.42 7.42 0 0 1 10.411 0a7.205 7.205 0 0 1 0 10.282c-5.172 5.115-13.563 5.115-18.74 0a12.97 12.97 0 0 1-3.88-9.24a12.97 12.97 0 0 1 3.859-9.25A16.26 16.26 0 0 1 15.999 0c5 0 9.474 2.24 12.443 5.76zm-.953 21.511A16.23 16.23 0 0 1 16 32a16.23 16.23 0 0 1-12.443-5.76c6.359 5.245 15.839 4.917 21.813-.984a10.085 10.085 0 0 0 0-14.396c-4.026-3.979-10.552-3.979-14.573 0a4.314 4.314 0 0 0 0 6.167a4.446 4.446 0 0 0 6.245 0a1.486 1.486 0 0 1 2.083 0a1.446 1.446 0 0 1 0 2.057a7.42 7.42 0 0 1-10.411 0a7.205 7.205 0 0 1 0-10.282c5.172-5.115 13.562-5.115 18.74 0a12.97 12.97 0 0 1 .036 18.469"/></svg> </template>
CSS
.icon-laravel-nova {
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%22currentColor%22%20d%3D%22M28.443%205.76C22.078.515%2012.604.843%206.63%206.744a10.085%2010.085%200%200%200%200%2014.396c4.026%203.979%2010.552%203.979%2014.573%200a4.314%204.314%200%200%200%200-6.167a4.446%204.446%200%200%200-6.245%200a1.486%201.486%200%200%201-2.083%200a1.446%201.446%200%200%201%200-2.057a7.42%207.42%200%200%201%2010.411%200a7.205%207.205%200%200%201%200%2010.282c-5.172%205.115-13.563%205.115-18.74%200a12.97%2012.97%200%200%201-3.88-9.24a12.97%2012.97%200%200%201%203.859-9.25A16.26%2016.26%200%200%201%2015.999%200c5%200%209.474%202.24%2012.443%205.76zm-.953%2021.511A16.23%2016.23%200%200%201%2016%2032a16.23%2016.23%200%200%201-12.443-5.76c6.359%205.245%2015.839%204.917%2021.813-.984a10.085%2010.085%200%200%200%200-14.396c-4.026-3.979-10.552-3.979-14.573%200a4.314%204.314%200%200%200%200%206.167a4.446%204.446%200%200%200%206.245%200a1.486%201.486%200%200%201%202.083%200a1.446%201.446%200%200%201%200%202.057a7.42%207.42%200%200%201-10.411%200a7.205%207.205%200%200%201%200-10.282c5.172-5.115%2013.562-5.115%2018.74%200a12.97%2012.97%200%200%201%20.036%2018.469%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%22currentColor%22%20d%3D%22M28.443%205.76C22.078.515%2012.604.843%206.63%206.744a10.085%2010.085%200%200%200%200%2014.396c4.026%203.979%2010.552%203.979%2014.573%200a4.314%204.314%200%200%200%200-6.167a4.446%204.446%200%200%200-6.245%200a1.486%201.486%200%200%201-2.083%200a1.446%201.446%200%200%201%200-2.057a7.42%207.42%200%200%201%2010.411%200a7.205%207.205%200%200%201%200%2010.282c-5.172%205.115-13.563%205.115-18.74%200a12.97%2012.97%200%200%201-3.88-9.24a12.97%2012.97%200%200%201%203.859-9.25A16.26%2016.26%200%200%201%2015.999%200c5%200%209.474%202.24%2012.443%205.76zm-.953%2021.511A16.23%2016.23%200%200%201%2016%2032a16.23%2016.23%200%200%201-12.443-5.76c6.359%205.245%2015.839%204.917%2021.813-.984a10.085%2010.085%200%200%200%200-14.396c-4.026-3.979-10.552-3.979-14.573%200a4.314%204.314%200%200%200%200%206.167a4.446%204.446%200%200%200%206.245%200a1.486%201.486%200%200%201%202.083%200a1.446%201.446%200%200%201%200%202.057a7.42%207.42%200%200%201-10.411%200a7.205%207.205%200%200%201%200-10.282c5.172-5.115%2013.562-5.115%2018.74%200a12.97%2012.97%200%200%201%20.036%2018.469%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/laravel-nova.svg?color=%231a73e8&size=48
