Mageia icon
logos:mageia
The Mageia icon (logos:mageia) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 158 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 × 158
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="158" viewBox="0 0 512 158"><path fill="#262f45" d="M146.191 74.028c-15.876 0-27.783 11.907-27.783 27.783v26.46h7.938v-26.46c0-11.907 7.938-19.845 19.845-19.845s19.845 7.938 19.845 19.845v26.46h7.938v-26.46c0-11.907 7.938-19.845 19.845-19.845s19.845 7.938 19.845 19.845v26.46h7.938v-26.46c0-15.876-11.907-27.783-27.783-27.783c-10.362 0-19.04 5.085-23.814 13.024c-4.773-7.939-13.451-13.024-23.814-13.024m115.762 0c-15.875 0-27.782 11.907-27.782 27.783s11.907 27.783 27.782 27.783c7.938 0 14.884-2.977 19.845-7.938v6.615h7.938v-26.46c0-15.876-11.907-27.783-27.783-27.783m0 7.938c11.907 0 19.845 7.938 19.845 19.845s-7.938 19.845-19.845 19.845s-19.844-7.938-19.844-19.845s7.938-19.845 19.844-19.845m67.473-7.938c-15.876 0-27.783 11.907-27.783 27.783s11.907 27.783 27.783 27.783c7.938 0 14.884-2.977 19.845-7.938v7.938c0 11.907-7.938 19.845-19.845 19.845v7.938c15.876 0 27.783-11.907 27.783-27.783v-27.783c0-15.876-11.907-27.783-27.783-27.783m0 7.938c11.907 0 19.845 7.938 19.845 19.845s-7.938 19.845-19.845 19.845s-19.845-7.938-19.845-19.845s7.938-19.845 19.845-19.845m67.474-7.938c-15.877 0-27.784 11.907-27.784 27.783s11.907 27.783 27.783 27.783v-7.938c-10.523 0-17.93-6.216-19.514-15.876h47.05c.168-1.294.247-2.611.247-3.969c0-15.876-11.907-27.783-27.783-27.783m0 7.938c10.522 0 17.93 6.216 19.513 15.876h-39.028c1.584-9.66 8.991-15.876 19.514-15.876m39.692-6.615h7.937v52.92h-7.938z"/><path fill="#2397d4" d="M440.558 148.778a5.953 5.953 0 1 1 0-11.907a5.953 5.953 0 0 1 0 11.907"/><path fill="#262f45" d="M484.217 74.028c-15.876 0-27.783 11.907-27.783 27.783s11.907 27.783 27.783 27.783c7.938 0 14.884-2.977 19.845-7.938v6.615H512v-26.46c0-15.876-11.907-27.783-27.783-27.783m0 7.938c11.907 0 19.845 7.938 19.845 19.845s-7.938 19.845-19.845 19.845s-19.845-7.938-19.845-19.845s7.938-19.845 19.845-19.845M12.52 62.625C5.605 71.585 0 81.665 0 93.873c0 26.464 20.082 48.29 44.982 48.29s44.982-21.825 44.982-48.29c0-12.211-5.616-21.97-12.92-31.247c-2.738-2.874-6.692-2.447-9.57-.608c-8.423 4.358-12.97 6.1-22.492 6.057c-9.21-.041-14.048-1.545-22.471-6.137c-2.879-1.76-7.253-2.186-9.992.687m6.002 7.434c8.73 4.828 16.517 7.277 26.46 7.277c9.951 0 17.725-2.45 26.46-7.277c4.766 6.721 9.26 15.055 9.26 23.814c0 21.698-15.991 39.029-35.72 39.029c-19.73 0-36.383-17.33-36.383-39.029c0-8.748 5.146-17.088 9.923-23.814"/><path fill="#2397d4" d="M34.85 55.407h-.008c-4.414 0-8.008-3.59-8.013-8.001c-.007-4.426 3.589-8.02 8.007-8.026c4.42 0 8.015 3.59 8.02 8.001c0 4.426-3.589 8.022-8.007 8.027zm21.642-5.877c-4.122 0-7.477-3.35-7.48-7.468c-.006-4.13 3.348-7.486 7.473-7.49c4.127 0 7.482 3.35 7.486 7.47c0 4.128-3.349 7.485-7.472 7.489zm-6.157-21.356a6.678 6.678 0 1 1-13.355 0a6.678 6.678 0 0 1 13.355 0m10.151-11.219a6.144 6.144 0 1 1-12.288 0a6.144 6.144 0 0 1 12.288 0M46.596 6.003a5.342 5.342 0 1 1-10.685 0a5.342 5.342 0 0 1 10.685 0"/></svg>How to use the Mageia icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:mageia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:mageia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:mageia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mageia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mageia"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mageia"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/mageia.svg" alt="Mageia icon" width="24" height="24">Mageia icon FAQ
Is the Mageia 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 Mageia icon in React?
Install @iconify/react and render <Icon icon="logos:mageia" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mageia icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/mageia.svg" alt="Mageia icon">, or paste the SVG code inline to style it with CSS.