Home/Libraries/SVG Logos (Iconify)/moltin-icon

SVG Logos (Iconify)

MoltinIcon

License: CC0-1.0Commercial 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 256 291"><defs><linearGradient id="svgIDa" x1="38.079%" x2="53.243%" y1="8.528%" y2="60.768%"><stop offset="1.093%" stop-color="#E67417"/><stop offset="99.952%" stop-color="#E62F17"/></linearGradient><linearGradient id="svgIDb" x1="49.997%" x2="49.997%" y1=".659%" y2="97.276%"><stop offset="0%" stop-color="#F2BB30"/><stop offset="30.905%" stop-color="#E67417"/><stop offset="100%" stop-color="#E62F17"/></linearGradient><linearGradient id="svgIDc" x1="41.259%" x2="55.319%" y1="84.788%" y2="36.662%"><stop offset="0%" stop-color="#FFF"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient></defs><path fill="#818cf8" d="M247.128 71.953L132.111 5.55a8.236 8.236 0 0 0-8.222 0L8.872 71.953a8.228 8.228 0 0 0-4.11 7.124v132.808a8.222 8.222 0 0 0 4.11 7.12l115.017 66.405a8.236 8.236 0 0 0 8.222 0l115.017-66.404a8.222 8.222 0 0 0 4.11-7.12V79.075a8.228 8.228 0 0 0-4.11-7.123Z"/><path fill="#818cf8" d="M248.5 67.245L135.505 2.008a15.03 15.03 0 0 0-15.009 0L7.505 67.24A15.07 15.07 0 0 0 0 80.246v130.467a15.056 15.056 0 0 0 7.506 13l112.989 65.235a15.008 15.008 0 0 0 15.009 0l112.991-65.234a15.057 15.057 0 0 0 7.505-13V80.245a15.066 15.066 0 0 0-7.5-13.001Zm.566 143.468a8.078 8.078 0 0 1-4.038 6.995l-112.99 65.234a8.091 8.091 0 0 1-8.077 0l-112.99-65.234a8.077 8.077 0 0 1-4.037-6.995V80.246a8.083 8.083 0 0 1 4.038-6.998l112.99-65.234a8.091 8.091 0 0 1 8.077 0l112.99 65.234a8.083 8.083 0 0 1 4.037 6.998v130.467Z"/><path fill="url(#svgIDa)" d="M4.602 126.725a9.156 9.156 0 0 1-4.578-7.93V52.734a65.381 65.381 0 0 1 3.298-22.361C7.165 20 14.765 9.853 29.83 3.869c28.865-11.466 57.394 4.037 73.51 27.018c13.534 19.298 21.432 26.97 38.45 39.998c15.068 11.535 62.325 32.282 69.472-9.042v56.953a9.156 9.156 0 0 1-4.578 7.93l-96.462 55.692a9.156 9.156 0 0 1-9.156 0L4.602 126.725Z" transform="translate(22.228 81.62)"/><path fill="url(#svgIDb)" d="m4.602 126.725l96.463 55.693a9.156 9.156 0 0 0 9.156 0l96.462-55.693a9.156 9.156 0 0 0 4.578-7.93V61.844c0-42.185-47.054-45.668-71.304-12.14c-19.221 26.573-27.735 36.088-53.465 45.444c-30.112 10.95-57.14 5.012-72.51-10.024A45.787 45.787 0 0 1 .024 52.733v66.063a9.156 9.156 0 0 0 4.578 7.93Z" transform="translate(22.228 81.62)"/><path fill="url(#svgIDc)" d="M211.261 61.843c0-42.185-47.054-45.668-71.304-12.14c-3.337 4.613-6.347 8.702-9.185 12.376c3.275 2.781 6.874 5.634 11.016 8.806c15.069 11.535 62.326 32.282 69.473-9.042Z" opacity=".3" transform="translate(22.228 81.62)"/></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. MoltinIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** 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.