Mageia アイコン
logos:mageia
Mageia アイコン(logos:mageia)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 158 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 158
SVG コード
<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>Mageia アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mageia"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/mageia.svg" alt="Mageia アイコン" width="24" height="24">Mageia アイコン のよくある質問
Mageia アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mageia アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:mageia" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mageia アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/mageia.svg" alt="Mageia アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。