Modx icon
logos:modx
The Modx icon (logos:modx) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 141 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 141
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="141" viewBox="0 0 512 141"><path fill="#00b5de" d="M132.503 13.21H66.052l-9.208 14.412l48.038 29.623z"/><path fill="#00decc" d="M56.844 27.622L12.41 0v66.452l15.612 8.807l76.86-18.014z"/><path fill="#ff5529" d="m119.293 70.855l-14.411-8.807l-29.623 47.638l44.034 27.621z"/><path fill="#ff9640" d="m104.882 62.048l-77.26 18.415L0 123.697h66.452l8.807-14.011z"/><path fill="#102c53" d="M310.242 35.228c22.017 0 38.43 15.211 38.43 36.428s-16.413 36.428-38.43 36.428s-38.43-15.612-38.43-36.428s16.413-36.429 38.43-36.429m-120.094 1.2l26.02 43.635l26.021-43.635h13.21l.4 70.055h-15.612V64.851l-20.816 34.827h-7.205L191.75 66.052v41.232h-15.212V36.428zm270.612.4l16.012 22.819l16.013-22.818h17.613L485.98 70.855L512 107.284h-18.414v-.4l-16.813-24.42l-16.813 24.42h-18.815l26.02-35.628l-24.819-34.427zm-63.65-.4c22.818 0 38.83 14.011 38.83 35.228c0 21.216-15.612 35.227-38.83 35.227h-32.025V36.428zm-86.868 12.81c-12.41 0-22.017 9.208-22.017 22.418s9.607 22.417 22.017 22.417s22.017-9.207 22.017-22.417s-9.607-22.418-22.017-22.418m86.067.801h-14.811v43.634h14.811v-.4c14.011 0 23.218-8.407 23.218-21.617c0-13.61-9.207-21.617-23.218-21.617"/></svg>
How to use the Modx icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:modx" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:modx" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:modx" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--modx]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:modx"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:modx"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/modx.svg" alt="Modx icon" width="24" height="24">
Related icons in SVG Logos
Modx icon in other icon sets
Modx icon FAQ
Is the Modx icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Modx icon in React?
Install @iconify/react and render <Icon icon="logos:modx" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Modx icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/modx.svg" alt="Modx icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
