novu logo
novu from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- novu
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the novu logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.48 9.62a.72.72 0 0 1-1.235.503L8.007.68C9.256.24 10.6 0 12 0c2.387 0 4.611.697 6.48 1.898zm3.36-4.49v4.49c0 3.656-4.44 5.466-6.996 2.853L4.909 2.319A11.98 11.98 0 0 0 0 12c0 2.555.799 4.924 2.16 6.87v-4.465c0-3.657 4.44-5.467 6.996-2.854l9.922 10.14A11.98 11.98 0 0 0 24 12c0-2.555-.799-4.924-2.16-6.87M6.755 13.9l9.22 9.425A12 12 0 0 1 12 24c-2.387 0-4.611-.697-6.48-1.898v-7.697a.72.72 0 0 1 1.235-.504"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsNovu(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="M18.48 9.62a.72.72 0 0 1-1.235.503L8.007.68C9.256.24 10.6 0 12 0c2.387 0 4.611.697 6.48 1.898zm3.36-4.49v4.49c0 3.656-4.44 5.466-6.996 2.853L4.909 2.319A11.98 11.98 0 0 0 0 12c0 2.555.799 4.924 2.16 6.87v-4.465c0-3.657 4.44-5.467 6.996-2.854l9.922 10.14A11.98 11.98 0 0 0 24 12c0-2.555-.799-4.924-2.16-6.87M6.755 13.9l9.22 9.425A12 12 0 0 1 12 24c-2.387 0-4.611-.697-6.48-1.898v-7.697a.72.72 0 0 1 1.235-.504"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.48 9.62a.72.72 0 0 1-1.235.503L8.007.68C9.256.24 10.6 0 12 0c2.387 0 4.611.697 6.48 1.898zm3.36-4.49v4.49c0 3.656-4.44 5.466-6.996 2.853L4.909 2.319A11.98 11.98 0 0 0 0 12c0 2.555.799 4.924 2.16 6.87v-4.465c0-3.657 4.44-5.467 6.996-2.854l9.922 10.14A11.98 11.98 0 0 0 24 12c0-2.555-.799-4.924-2.16-6.87M6.755 13.9l9.22 9.425A12 12 0 0 1 12 24c-2.387 0-4.611-.697-6.48-1.898v-7.697a.72.72 0 0 1 1.235-.504"/></svg> </template>
CSS
.icon-novu {
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%22M18.48%209.62a.72.72%200%200%201-1.235.503L8.007.68C9.256.24%2010.6%200%2012%200c2.387%200%204.611.697%206.48%201.898zm3.36-4.49v4.49c0%203.656-4.44%205.466-6.996%202.853L4.909%202.319A11.98%2011.98%200%200%200%200%2012c0%202.555.799%204.924%202.16%206.87v-4.465c0-3.657%204.44-5.467%206.996-2.854l9.922%2010.14A11.98%2011.98%200%200%200%2024%2012c0-2.555-.799-4.924-2.16-6.87M6.755%2013.9l9.22%209.425A12%2012%200%200%201%2012%2024c-2.387%200-4.611-.697-6.48-1.898v-7.697a.72.72%200%200%201%201.235-.504%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%22M18.48%209.62a.72.72%200%200%201-1.235.503L8.007.68C9.256.24%2010.6%200%2012%200c2.387%200%204.611.697%206.48%201.898zm3.36-4.49v4.49c0%203.656-4.44%205.466-6.996%202.853L4.909%202.319A11.98%2011.98%200%200%200%200%2012c0%202.555.799%204.924%202.16%206.87v-4.465c0-3.657%204.44-5.467%206.996-2.854l9.922%2010.14A11.98%2011.98%200%200%200%2024%2012c0-2.555-.799-4.924-2.16-6.87M6.755%2013.9l9.22%209.425A12%2012%200%200%201%2012%2024c-2.387%200-4.611-.697-6.48-1.898v-7.697a.72.72%200%200%201%201.235-.504%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/novu.svg?color=%231a73e8&size=48
