Home/Libraries/SVG Logos (Iconify)/marko

SVG Logos (Iconify)

Marko

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 62 512 105"><path fill="#818cf8" d="M36.721 101.466a3.29 3.29 0 0 0 0-3.337l-11.53-19.773c-.632-1.207-2.334-1.277-3.063-.126l-.072.126L.463 116.232a3.34 3.34 0 0 0 0 3.338l26.195 44.906a3.33 3.33 0 0 0 2.933 1.668h22.25a2.22 2.22 0 0 0 1.922-3.388l-26.296-44.905"/><path fill="#818cf8" d="M57.656 117.901H81.93a3.38 3.38 0 0 0 2.934-1.719l8.141-14.716c.607-1.011.556-2.276 0-3.337L81.476 78.406c-.634-1.206-2.335-1.275-3.064-.124q-.039.06-.072.124l-8.597 15.323l-13.148-22.453a3.34 3.34 0 0 0-2.883-1.669H31.513c-1.713-.019-2.804 1.823-1.964 3.316l.042.073l25.183 43.236a3.44 3.44 0 0 0 2.934 1.669"/><path fill="#818cf8" d="m111.918 117.851l-26.195 44.905c-.859 1.517.202 3.338 1.921 3.338h22.353a3.31 3.31 0 0 0 2.882-1.669l26.296-44.855c.607-1.011.607-2.326 0-3.388l-26.296-44.906a3.34 3.34 0 0 0-2.882-1.669H87.644c-1.712-.019-2.804 1.823-1.963 3.316l.042.073z"/><path fill="#818cf8" d="M123.651 69.607h22.3c1.214 0 2.276.658 2.883 1.669l26.195 44.906c.607 1.011.607 2.326 0 3.388l-26.195 44.855a3.34 3.34 0 0 1-2.883 1.669h-22.3c-1.714.035-2.822-1.797-1.996-3.297l.023-.041l26.195-44.905l-26.195-44.855a2.257 2.257 0 0 1 1.973-3.389"/><path fill="#818cf8" d="M.008 117.851h56.183l13.552-24.122V69.607h9.658l25.791 48.244h70.292v127.233H.008" clip-path="url(#SVGMTW6WdUe)"/><path fill="#818cf8" d="M.008 117.851h56.183l13.552-24.122V69.607h9.658l25.791 48.244h70.292v127.233H.008" clip-path="url(#SVGe5CNoeKI)"/><path fill="#818cf8" d="M.008 117.851h56.183l13.552-24.122V69.607h9.658l25.791 48.244h70.292v127.233H.008" clip-path="url(#SVGXRWZ1u8n)"/><path fill="#818cf8" d="M.008 117.851h56.183l13.552-24.122V69.607h9.658l25.791 48.244h70.292v127.233H.008" clip-path="url(#SVGdaUird7X)"/><path fill="#818cf8" d="M291.793 119.115c0-4.096-.353-8.092-1.112-11.58a19.22 19.22 0 0 0-11.024-14.767c-10.114-4.248-21.745-1.821-30.948 3.945a24.78 24.78 0 0 0-17.447-6.068c-8.445-.152-16.991.91-25.134 3.336v59.825h14.413v-49.913c5.967-.909 15.677-2.427 18.559 3.338c1.669 2.883 2.427 7.586 2.427 14.008v32.567h14.413V119.57c-.152-4.399-.303-9.608-1.72-13.401c6.17-3.337 16.536-5.158 20.38 1.062c1.517 2.883 2.478 7.586 2.478 14.008v32.567h14.665v-34.64zm13.907-14.463a57.2 57.2 0 0 1 15.93-2.428c8.596-.151 13.3 5.007 12.844 12.137v2.478c-6.878-1.213-12.844-2.326-20.531-.303c-5.967 1.365-11.126 4.045-13.907 9.254c-2.781 4.551-2.933 12.946-.303 18.256c2.73 5.512 6.574 7.787 12.996 9.608c8.597 2.276 24.476.303 35.499-1.669v-37.422c-.15-12.389-3.64-18.457-13.147-22.401c-9.052-3.034-21.593-2.023-31.252.91zm9.962 37.269c-4.754-2.882-4.146-11.985 1.214-13.856a30.25 30.25 0 0 1 17.902-.758v15.879c-5.968.607-14.21 1.669-19.116-1.214zm81.013-49.051c-12.744-4.046-26.802-1.923-37.827 2.174v58.913h14.363v-49.608a37.9 37.9 0 0 1 20.986.606l2.478-12.035zm31.05 26.7c8.747-9.001 17.294-18.255 25.789-27.56h-17.092a558 558 0 0 1-22.251 24.222v-54.21l-14.361 2.427v89.357h14.413v-28.319a104.2 104.2 0 0 1 24.02 28.47h16.688a136.7 136.7 0 0 0-27.258-34.387zm81.922-10.064a28.33 28.33 0 0 0-15.576-16.738c-7.838-3.186-16.688-3.034-24.071 0c-7.484 3.034-13.148 9.103-15.625 16.738a41.7 41.7 0 0 0 0 26.65a29.33 29.33 0 0 0 16.081 17.498a29.08 29.08 0 0 0 23.767-.456a28.57 28.57 0 0 0 15.626-17.042a40.7 40.7 0 0 0-.152-26.65zm-16.537 28.168c-5.613 7.787-17.244 6.776-22.301 0c-4.905-7.13-5.664-21.138 0-29.33c5.664-7.788 18.104-6.574 22.352 0c4.905 6.219 5.664 21.138 0 29.33"/><defs><clipPath id="SVGMTW6WdUe"><path fill="#818cf8" d="M36.722 101.466a3.29 3.29 0 0 0 0-3.338L25.191 78.356c-.632-1.207-2.334-1.277-3.062-.126q-.039.06-.072.126L.463 116.232a3.34 3.34 0 0 0 0 3.338l26.195 44.906a3.33 3.33 0 0 0 2.933 1.668h22.25a2.22 2.22 0 0 0 1.923-3.388l-26.297-44.905"/></clipPath><clipPath id="SVGe5CNoeKI"><path fill="#818cf8" d="M57.658 117.901h24.273a3.38 3.38 0 0 0 2.933-1.719l8.141-14.716c.607-1.011.556-2.276 0-3.338L81.476 78.406c-.633-1.206-2.335-1.276-3.064-.125a2 2 0 0 0-.072.125l-8.597 15.323l-13.148-22.453a3.34 3.34 0 0 0-2.883-1.669H31.513c-1.713-.019-2.804 1.823-1.964 3.316l.042.072l25.184 43.237a3.44 3.44 0 0 0 2.933 1.669"/></clipPath><clipPath id="SVGXRWZ1u8n"><path fill="#818cf8" d="m111.918 117.851l-26.195 44.905c-.859 1.517.202 3.338 1.921 3.338h22.353a3.31 3.31 0 0 0 2.882-1.669l26.296-44.855c.607-1.012.607-2.327 0-3.388l-26.296-44.906a3.34 3.34 0 0 0-2.882-1.669H87.644c-1.712-.019-2.804 1.823-1.963 3.316l.042.072z"/></clipPath><clipPath id="SVGdaUird7X"><path fill="#818cf8" d="M123.651 69.607h22.3c1.214 0 2.276.658 2.883 1.669l26.195 44.906c.607 1.011.607 2.326 0 3.388l-26.195 44.855a3.34 3.34 0 0 1-2.883 1.669h-22.3c-1.714.035-2.822-1.796-1.995-3.297l.022-.041l26.195-44.905l-26.195-44.856a2.257 2.257 0 0 1 1.973-3.388"/></clipPath></defs></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. MarkoIcon.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.