Home/Libraries/Devicon (Iconify)/lovable-wordmark

Devicon (Iconify)

LovableWordmark

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><g fill="none"><path fill="#818cf8" d="M120.521 74.855q-2.374 0-4.125-.905q-1.75-.921-2.73-2.76q-.965-1.84-.965-4.556q0-2.582 1.01-4.451q1.008-1.885 2.789-2.864q1.78-.98 4.051-.98q2.181 0 3.873.95t2.626 2.76q.95 1.81.95 4.333q0 .904-.015 1.44H116.16v-3.117h8.962l-1.691.579q0-1.217-.356-2.033q-.341-.832-1.01-1.246q-.668-.416-1.617-.416q-.994 0-1.75.49q-.743.474-1.158 1.424q-.4.95-.401 2.285v1.529q0 1.365.415 2.315q.416.95 1.188 1.44q.77.474 1.825.474q1.157 0 1.914-.594q.756-.608.95-1.706h4.496q-.209 1.721-1.172 2.982q-.951 1.262-2.538 1.944q-1.587.683-3.695.683m-13.662-21.71h4.496v21.28h-4.496zm-7.65 21.71q-1.277 0-2.286-.445a4.4 4.4 0 0 1-1.692-1.336q-.697-.904-1.038-2.226l.474.134v3.442h-4.451V58.77h4.496v3.502l-.505.09q.341-1.263 1.04-2.152a4.7 4.7 0 0 1 1.735-1.38q1.025-.49 2.3-.49q1.915 0 3.324.994q1.41.995 2.167 2.864q.756 1.855.756 4.407q0 2.537-.771 4.407q-.772 1.856-2.211 2.85q-1.425.994-3.339.994m-1.396-3.428q1.01 0 1.692-.594q.697-.593 1.039-1.676q.356-1.084.356-2.553q0-1.47-.356-2.552q-.341-1.083-1.04-1.677q-.681-.608-1.69-.608q-.995 0-1.707.608q-.697.594-1.054 1.692q-.356 1.083-.356 2.537q0 1.47.356 2.553q.357 1.082 1.054 1.676q.713.594 1.706.594m-7.597-18.282h4.496v5.624h-4.496ZM78.931 74.855q-1.47 0-2.641-.579a4.45 4.45 0 0 1-1.825-1.647q-.654-1.083-.653-2.522q0-2.197 1.29-3.354q1.292-1.173 3.725-1.528l2.716-.386q.816-.12 1.29-.297q.476-.178.698-.475q.223-.312.223-.786a1.57 1.57 0 0 0-.267-.89q-.253-.416-.772-.654q-.504-.252-1.232-.252q-1.157 0-1.854.609q-.698.593-.757 1.632h-4.645q.06-1.574.95-2.79q.906-1.23 2.508-1.914t3.71-.683q2.21 0 3.739.727q1.529.713 2.3 2.048q.786 1.336.786 3.19v6.53q0 1.053.149 1.958q.163.891.46 1.128v.505h-4.675a11 11 0 0 1-.252-1.44a18 18 0 0 1-.104-1.691l.727-.312a4.96 4.96 0 0 1-1.038 1.944q-.743.875-1.914 1.41q-1.158.519-2.642.519m1.662-3.294q.95 0 1.677-.416a2.86 2.86 0 0 0 1.113-1.187q.4-.756.4-1.721v-2.048l.371.208a2.35 2.35 0 0 1-.89.727q-.519.252-1.41.43l-1.142.223q-1.143.222-1.721.682q-.564.46-.564 1.291q0 .832.608 1.321q.609.49 1.558.49M58.52 58.77h4.778l4.11 13.429h-1.44l3.948-13.43h4.644l-5.416 15.656h-5zm-7.03 16.085q-2.328 0-4.095-1.01q-1.75-1.008-2.715-2.878q-.95-1.869-.95-4.377t.95-4.363q.965-1.87 2.715-2.879q1.767-1.008 4.096-1.009t4.08 1.01q1.752 1.008 2.701 2.878q.965 1.855.965 4.363q0 2.507-.965 4.377q-.95 1.87-2.7 2.879q-1.752 1.01-4.081 1.009m0-3.443q.98 0 1.678-.534q.697-.549 1.068-1.617q.37-1.083.371-2.671q0-2.36-.816-3.576q-.816-1.233-2.3-1.232q-.98 0-1.692.549q-.697.534-1.068 1.617q-.37 1.069-.371 2.642q0 1.572.37 2.656q.372 1.083 1.07 1.632q.711.534 1.69.534M30.587 53.145h4.66v17.963l-.831-.964h6.277c3.97 0 3.427 4.28 3.427 4.28H30.587Z"/><circle cx="65.281" cy="80.767" r="100.733" fill="#818cf8" filter="url(#SVGlUwBfaro)" mask="url(#SVGwU8DbcjN)" transform="translate(0 53.145)scale(.14062)"/><ellipse cx="76.349" cy="25.488" fill="#818cf8" filter="url(#SVG6JRU9c8I)" mask="url(#SVGwU8DbcjN)" rx="129.012" ry="100.733" transform="translate(0 53.145)scale(.14062)"/><ellipse cx="97.393" cy="6.54" fill="#818cf8" filter="url(#SVGyCP6kbDF)" mask="url(#SVGwU8DbcjN)" rx="100.733" ry="88.465" transform="translate(0 53.145)scale(.14062)"/><circle cx="78.143" cy="25.468" r="60.581" fill="#818cf8" filter="url(#SVGLgv8fbnf)" mask="url(#SVGwU8DbcjN)" transform="translate(0 53.145)scale(.14062)"/><defs><linearGradient id="SVGCDRU1dSZ" x1="50.077" x2="95.414" y1="26.591" y2="151.261" gradientUnits="userSpaceOnUse"><stop offset=".025" stop-color="#ff8e63"/><stop offset=".56" stop-color="#ff7eb0"/><stop offset=".95" stop-color="#4b73ff"/></linearGradient><linearGradient id="SVGEPj2DbMQ" x1="50.077" x2="95.414" y1="26.591" y2="151.261" gradientUnits="userSpaceOnUse" href="#SVGCDRU1dSZ"/><filter id="SVGlUwBfaro" width="291.756" height="291.756" x="-80.597" y="-65.111" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_313_127" stdDeviation="22.572"/></filter><filter id="SVG6JRU9c8I" width="348.313" height="291.756" x="-97.808" y="-120.39" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_313_127" stdDeviation="22.572"/></filter><filter id="SVGyCP6kbDF" width="291.756" height="267.22" x="-48.486" y="-127.071" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_313_127" stdDeviation="22.572"/></filter><filter id="SVGLgv8fbnf" width="211.451" height="211.451" x="-27.582" y="-80.257" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_313_127" stdDeviation="22.572"/></filter><mask id="SVGwU8DbcjN" maskUnits="userSpaceOnUse"><path fill="url(#SVGEPj2DbMQ)" fill-rule="evenodd" d="M44.65 0C69.31 0 89.3 20.043 89.3 44.768v17.015h14.86c24.66 0 44.65 20.043 44.65 44.767s-19.99 44.768-44.65 44.768H0V44.768C0 20.043 19.99 0 44.65 0" clip-rule="evenodd"/></mask></defs></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. LovableWordmarkIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.