novelai logo
novelai from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- novelai
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
1 other variant in LobeHub AI Icons
Use the novelai logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.861 18.918c-.829-1.368-1.838-2.504-3.04-3.289a.74.74 0 01-.18-1.045C4.817 11.764 8.199 4.378 9.97.359c.264-.601 1.17-.4 1.17.256v10.71a2.719 2.719 0 00-1.35 3.611l-3.935 3.982h.006zm.871 1.678c.415.924.763 1.92 1.04 2.948a.605.605 0 00.582.456h7.748a.61.61 0 00.583-.456 19.585 19.585 0 011.039-2.948l-2.06-2.085-1.718 1.738c.042.158.066.323.066.493 0 .997-.799 1.805-1.784 1.805a1.795 1.795 0 01-1.784-1.805c0-.997.799-1.806 1.784-1.806.15 0 .3.019.438.055l1.736-1.757-.979-.99a2.68 2.68 0 01-2.378 0l-4.3 4.352h-.013zm11.863-1.678c.829-1.368 1.838-2.504 3.04-3.289a.74.74 0 00.18-1.045C19.64 11.764 16.257 4.378 14.485.359c-.264-.601-1.17-.4-1.17.256v10.71a2.719 2.719 0 011.35 3.611l3.935 3.982h-.006z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubNovelai(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" fillRule="evenodd" d="M5.861 18.918c-.829-1.368-1.838-2.504-3.04-3.289a.74.74 0 01-.18-1.045C4.817 11.764 8.199 4.378 9.97.359c.264-.601 1.17-.4 1.17.256v10.71a2.719 2.719 0 00-1.35 3.611l-3.935 3.982h.006zm.871 1.678c.415.924.763 1.92 1.04 2.948a.605.605 0 00.582.456h7.748a.61.61 0 00.583-.456 19.585 19.585 0 011.039-2.948l-2.06-2.085-1.718 1.738c.042.158.066.323.066.493 0 .997-.799 1.805-1.784 1.805a1.795 1.795 0 01-1.784-1.805c0-.997.799-1.806 1.784-1.806.15 0 .3.019.438.055l1.736-1.757-.979-.99a2.68 2.68 0 01-2.378 0l-4.3 4.352h-.013zm11.863-1.678c.829-1.368 1.838-2.504 3.04-3.289a.74.74 0 00.18-1.045C19.64 11.764 16.257 4.378 14.485.359c-.264-.601-1.17-.4-1.17.256v10.71a2.719 2.719 0 011.35 3.611l3.935 3.982h-.006z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.861 18.918c-.829-1.368-1.838-2.504-3.04-3.289a.74.74 0 01-.18-1.045C4.817 11.764 8.199 4.378 9.97.359c.264-.601 1.17-.4 1.17.256v10.71a2.719 2.719 0 00-1.35 3.611l-3.935 3.982h.006zm.871 1.678c.415.924.763 1.92 1.04 2.948a.605.605 0 00.582.456h7.748a.61.61 0 00.583-.456 19.585 19.585 0 011.039-2.948l-2.06-2.085-1.718 1.738c.042.158.066.323.066.493 0 .997-.799 1.805-1.784 1.805a1.795 1.795 0 01-1.784-1.805c0-.997.799-1.806 1.784-1.806.15 0 .3.019.438.055l1.736-1.757-.979-.99a2.68 2.68 0 01-2.378 0l-4.3 4.352h-.013zm11.863-1.678c.829-1.368 1.838-2.504 3.04-3.289a.74.74 0 00.18-1.045C19.64 11.764 16.257 4.378 14.485.359c-.264-.601-1.17-.4-1.17.256v10.71a2.719 2.719 0 011.35 3.611l3.935 3.982h-.006z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-novelai {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M5.861%2018.918c-.829-1.368-1.838-2.504-3.04-3.289a.74.74%200%2001-.18-1.045C4.817%2011.764%208.199%204.378%209.97.359c.264-.601%201.17-.4%201.17.256v10.71a2.719%202.719%200%2000-1.35%203.611l-3.935%203.982h.006zm.871%201.678c.415.924.763%201.92%201.04%202.948a.605.605%200%2000.582.456h7.748a.61.61%200%2000.583-.456%2019.585%2019.585%200%20011.039-2.948l-2.06-2.085-1.718%201.738c.042.158.066.323.066.493%200%20.997-.799%201.805-1.784%201.805a1.795%201.795%200%2001-1.784-1.805c0-.997.799-1.806%201.784-1.806.15%200%20.3.019.438.055l1.736-1.757-.979-.99a2.68%202.68%200%2001-2.378%200l-4.3%204.352h-.013zm11.863-1.678c.829-1.368%201.838-2.504%203.04-3.289a.74.74%200%2000.18-1.045C19.64%2011.764%2016.257%204.378%2014.485.359c-.264-.601-1.17-.4-1.17.256v10.71a2.719%202.719%200%20011.35%203.611l3.935%203.982h-.006z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M5.861%2018.918c-.829-1.368-1.838-2.504-3.04-3.289a.74.74%200%2001-.18-1.045C4.817%2011.764%208.199%204.378%209.97.359c.264-.601%201.17-.4%201.17.256v10.71a2.719%202.719%200%2000-1.35%203.611l-3.935%203.982h.006zm.871%201.678c.415.924.763%201.92%201.04%202.948a.605.605%200%2000.582.456h7.748a.61.61%200%2000.583-.456%2019.585%2019.585%200%20011.039-2.948l-2.06-2.085-1.718%201.738c.042.158.066.323.066.493%200%20.997-.799%201.805-1.784%201.805a1.795%201.795%200%2001-1.784-1.805c0-.997.799-1.806%201.784-1.806.15%200%20.3.019.438.055l1.736-1.757-.979-.99a2.68%202.68%200%2001-2.378%200l-4.3%204.352h-.013zm11.863-1.678c.829-1.368%201.838-2.504%203.04-3.289a.74.74%200%2000.18-1.045C19.64%2011.764%2016.257%204.378%2014.485.359c-.264-.601-1.17-.4-1.17.256v10.71a2.719%202.719%200%20011.35%203.611l3.935%203.982h-.006z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/novelai.svg?color=%231a73e8&size=48
