icons/Devicon/lovableOpen in browser →

lovable · Devicon

Free SVG lovable icon from Devicon. Rendered at 24×24 in the filled style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.

lovable icon — DeviconFree lovable SVG icon from Devicon, filled style, MIT licensed.

Tags

  • lovable

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(0.1875) translate(0 0)"><ellipse cx="52.738" cy="65.101" fill="#4b73ff" filter="url(#SVGisokdbCk)" mask="url(#SVGV7e6deGe)" rx="81.373" ry="81.192" transform="translate(.92)scale(1.04949)"/><ellipse cx="61.673" cy="20.547" fill="#ff66f4" filter="url(#SVGaTNKjcdw)" mask="url(#SVGV7e6deGe)" rx="104.216" ry="81.192" transform="translate(.92)scale(1.04949)"/><ellipse cx="78.666" cy="5.268" fill="#ff0105" filter="url(#SVGPdo8IVtS)" mask="url(#SVGV7e6deGe)" rx="81.373" ry="71.304" transform="translate(.92)scale(1.04949)"/><ellipse cx="63.121" cy="20.527" fill="#fe7b02" filter="url(#SVG4UcRldRB)" mask="url(#SVGV7e6deGe)" rx="48.937" ry="48.829" transform="translate(.92)scale(1.04949)"/><defs><linearGradient id="SVGV7PGSdya" x1="40.453" x2="76.933" y1="21.433" y2="121.971" gradientTransform="translate(.92)scale(1.04949)" gradientUnits="userSpaceOnUse"><stop offset=".025" stop-color="#ff8e63"/><stop offset=".56" stop-color="#ff7eb0"/><stop offset=".95" stop-color="#4b73ff"/></linearGradient><linearGradient id="SVGvgqzodPu" x1="40.453" x2="76.933" y1="21.433" y2="121.971" gradientTransform="translate(.92)scale(1.04949)" gradientUnits="userSpaceOnUse" href="#SVGV7PGSdya"/><filter id="SVGisokdbCk" width="235.52" height="235.159" x="-65.022" y="-52.478" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_572_319" stdDeviation="18.194"/></filter><filter id="SVGaTNKjcdw" width="281.208" height="235.159" x="-78.93" y="-97.032" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_572_319" stdDeviation="18.194"/></filter><filter id="SVGPdo8IVtS" width="235.52" height="215.383" x="-39.094" y="-102.423" 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_572_319" stdDeviation="18.194"/></filter><filter id="SVG4UcRldRB" width="170.649" height="170.432" x="-22.204" y="-64.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_572_319" stdDeviation="18.194"/></filter><mask id="SVGV7e6deGe" maskUnits="userSpaceOnUse"><path fill="url(#SVGvgqzodPu)" fill-rule="evenodd" stroke-width="1.049" d="M38.774 0C59.68 0 76.628 16.955 76.628 37.87v14.392h12.598c20.905 0 37.854 16.955 37.854 37.87c0 20.913-16.949 37.868-37.854 37.868H.92V37.87C.92 16.954 17.868 0 38.774 0" clip-rule="evenodd" transform="translate(-.877)scale(.95284)"/></mask></defs></g></svg>
React
// Run: npx sant-icons get devicon-lovable --format react
export function DeviconLovable(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(0.1875) translate(0 0)"><ellipse cx="52.738" cy="65.101" fill="#4b73ff" filter="url(#SVGisokdbCk)" mask="url(#SVGV7e6deGe)" rx="81.373" ry="81.192" transform="translate(.92)scale(1.04949)"/><ellipse cx="61.673" cy="20.547" fill="#ff66f4" filter="url(#SVGaTNKjcdw)" mask="url(#SVGV7e6deGe)" rx="104.216" ry="81.192" transform="translate(.92)scale(1.04949)"/><ellipse cx="78.666" cy="5.268" fill="#ff0105" filter="url(#SVGPdo8IVtS)" mask="url(#SVGV7e6deGe)" rx="81.373" ry="71.304" transform="translate(.92)scale(1.04949)"/><ellipse cx="63.121" cy="20.527" fill="#fe7b02" filter="url(#SVG4UcRldRB)" mask="url(#SVGV7e6deGe)" rx="48.937" ry="48.829" transform="translate(.92)scale(1.04949)"/><defs><linearGradient id="SVGV7PGSdya" x1="40.453" x2="76.933" y1="21.433" y2="121.971" gradientTransform="translate(.92)scale(1.04949)" gradientUnits="userSpaceOnUse"><stop offset=".025" stop-color="#ff8e63"/><stop offset=".56" stop-color="#ff7eb0"/><stop offset=".95" stop-color="#4b73ff"/></linearGradient><linearGradient id="SVGvgqzodPu" x1="40.453" x2="76.933" y1="21.433" y2="121.971" gradientTransform="translate(.92)scale(1.04949)" gradientUnits="userSpaceOnUse" href="#SVGV7PGSdya"/><filter id="SVGisokdbCk" width="235.52" height="235.159" x="-65.022" y="-52.478" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_572_319" stdDeviation="18.194"/></filter><filter id="SVGaTNKjcdw" width="281.208" height="235.159" x="-78.93" y="-97.032" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_572_319" stdDeviation="18.194"/></filter><filter id="SVGPdo8IVtS" width="235.52" height="215.383" x="-39.094" y="-102.423" 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_572_319" stdDeviation="18.194"/></filter><filter id="SVG4UcRldRB" width="170.649" height="170.432" x="-22.204" y="-64.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_572_319" stdDeviation="18.194"/></filter><mask id="SVGV7e6deGe" maskUnits="userSpaceOnUse"><path fill="url(#SVGvgqzodPu)" fill-rule="evenodd" stroke-width="1.049" d="M38.774 0C59.68 0 76.628 16.955 76.628 37.87v14.392h12.598c20.905 0 37.854 16.955 37.854 37.87c0 20.913-16.949 37.868-37.854 37.868H.92V37.87C.92 16.954 17.868 0 38.774 0" clip-rule="evenodd" transform="translate(-.877)scale(.95284)"/></mask></defs></g></svg>
  );
}
CLI
npx sant-icons get devicon-lovable

Properties

Name
lovable
Library
Devicon
Style
filled
License
MIT
Version
1.2.78
Identifier
devicon-lovable

Related from Devicon

The lovable icon ships with Devicon, an open-source icon set licensed under MIT. Search for it as "devicon lovable", "lovable svg", or any of its tagged terms (lovable). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.

Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch devicon-lovable directly into your project. No browser context-switch.