ICONYZ
العربية
أيقونة Madge من SVG Logos

أيقونة Madge

logos:madge

أيقونة Madge (logos:madge) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 372. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
256 × 372
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="372" viewBox="0 0 256 372"><defs><linearGradient id="SVGXZk54C4L" x1="32.157%" x2="70.686%" y1="46.417%" y2="49.75%"><stop offset="0%" stop-color="#91c5aa"/><stop offset="100%" stop-color="#3965af"/></linearGradient><linearGradient id="SVGDR93EbVL" x1="53.539%" x2="53.539%" y1="68.101%" y2="19.969%"><stop offset="0%" stop-color="#803fa5"/><stop offset="100%" stop-color="#4b114a"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="#c4baff" fill-rule="nonzero" d="m129.794 61.025l59.476 222.012H70.317z"/><path fill="#6750e5" fill-opacity=".498" fill-rule="nonzero" d="M205.037 0L70.092 283.122h184.422z"/><path fill="#6750e5" fill-opacity=".498" fill-rule="nonzero" d="m56.92 0l132.569 283.122H0z"/><path fill="url(#SVGXZk54C4L)" fill-rule="nonzero" d="M53.336 351.582H21.4L13.088 369.7H.96l36.915-79.289l35.61 79.289H61.163zM48.746 341l-11.065-25.366L26.085 341zm26.23 28.7v-74.6H90.63q11.258 0 17.78 2.222q7.006 2.175 12.708 7.392q11.547 10.532 11.547 27.686q0 17.2-12.03 27.83q-6.04 5.316-12.66 7.393q-6.185 2.078-17.539 2.078zm11.258-10.58h5.073q7.585 0 12.61-1.595q5.026-1.69 9.084-5.363q8.31-7.586 8.31-19.762q0-12.273-8.213-19.907q-7.392-6.812-21.791-6.812h-5.073zm91.12-28.266h30.826v2.464q0 8.407-1.981 14.882q-1.933 5.99-6.523 11.21q-10.389 11.691-26.43 11.692q-15.654 0-26.816-11.306q-11.16-11.354-11.161-27.251q0-16.234 11.355-27.54q11.355-11.355 27.637-11.355q8.745 0 16.331 3.575q7.248 3.577 14.254 11.596l-8.021 7.683q-9.18-12.224-22.37-12.224q-11.839 0-19.86 8.165q-8.02 8.02-8.02 20.1q0 12.465 8.939 20.535q8.358 7.49 18.119 7.489q8.31 0 14.93-5.605q6.62-5.653 7.392-13.529h-18.602zm78.315-25.173H225.76v17.925h29.04v10.582h-29.04v24.931h29.909v10.582h-41.166v-74.602h41.166z"/><path fill="url(#SVGDR93EbVL)" fill-rule="nonzero" d="M26.541 263.876L66.234 61.131l64.732 146.563l67.052-146.563l35.663 202.745h-29.19l-18.198-113.83l-55.815 122.502L76.25 149.924L55.976 263.876z"/><path stroke="#a28bca" stroke-linecap="square" stroke-opacity=".356" stroke-width="2" d="m44.666 243.948l24.739-133.313m59.784 124.38L70.092 107.198m61.846 126.44l60.471-126.44m22.677 139.497L192.41 109.948"/><path fill="#dcc6ff" fill-rule="nonzero" d="M215.773 243.26a4.123 4.123 0 1 1 0 8.247a4.123 4.123 0 0 1 0-8.247m-171.794 0a4.123 4.123 0 1 1 0 8.247a4.123 4.123 0 0 1 0-8.247m86.584-8.246a4.123 4.123 0 1 1 0 8.246a4.123 4.123 0 0 1 0-8.246M70.092 105.825a4.123 4.123 0 1 1 0 8.246a4.123 4.123 0 0 1 0-8.246m122.317 0a4.123 4.123 0 1 1 0 8.246a4.123 4.123 0 0 1 0-8.246"/></g></svg>

كيفية استخدام أيقونة Madge

React

import { Icon } from "@iconify/react";

<Icon icon="logos:madge" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:madge" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:madge" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--madge]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:madge"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:madge"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/madge.svg" alt="أيقونة Madge" width="24" height="24">

الأسئلة الشائعة حول أيقونة Madge

هل أيقونة Madge مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Madge في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:madge" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Madge إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/madge.svg" alt="أيقونة Madge">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →