madge logo

madge from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
madge
Set
SVG Logos
Style
Color
Viewbox
256×372
License
CC0

Use the madge logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosMadge(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 372"><defs><linearGradient id="SVGXZk54C4L" x1="32.157%" x2="70.686%" y1="46.417%" y2="49.75%"><stop offset="0%" stopColor="#91c5aa"/><stop offset="100%" stopColor="#3965af"/></linearGradient><linearGradient id="SVGDR93EbVL" x1="53.539%" x2="53.539%" y1="68.101%" y2="19.969%"><stop offset="0%" stopColor="#803fa5"/><stop offset="100%" stopColor="#4b114a"/></linearGradient></defs><g fill="none" fillRule="evenodd"><path fill="#c4baff" fillRule="nonzero" d="m129.794 61.025l59.476 222.012H70.317z"/><path fill="#6750e5" fillOpacity=".498" fillRule="nonzero" d="M205.037 0L70.092 283.122h184.422z"/><path fill="#6750e5" fillOpacity=".498" fillRule="nonzero" d="m56.92 0l132.569 283.122H0z"/><path fill="url(#SVGXZk54C4L)" fillRule="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)" fillRule="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" strokeLinecap="square" strokeOpacity=".356" strokeWidth="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" fillRule="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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-madge {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20372%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGXZk54C4L%22%20x1%3D%2232.157%25%22%20x2%3D%2270.686%25%22%20y1%3D%2246.417%25%22%20y2%3D%2249.75%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2391c5aa%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233965af%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGDR93EbVL%22%20x1%3D%2253.539%25%22%20x2%3D%2253.539%25%22%20y1%3D%2268.101%25%22%20y2%3D%2219.969%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23803fa5%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%234b114a%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23c4baff%22%20fill-rule%3D%22nonzero%22%20d%3D%22m129.794%2061.025l59.476%20222.012H70.317z%22%2F%3E%3Cpath%20fill%3D%22%236750e5%22%20fill-opacity%3D%22.498%22%20fill-rule%3D%22nonzero%22%20d%3D%22M205.037%200L70.092%20283.122h184.422z%22%2F%3E%3Cpath%20fill%3D%22%236750e5%22%20fill-opacity%3D%22.498%22%20fill-rule%3D%22nonzero%22%20d%3D%22m56.92%200l132.569%20283.122H0z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXZk54C4L)%22%20fill-rule%3D%22nonzero%22%20d%3D%22M53.336%20351.582H21.4L13.088%20369.7H.96l36.915-79.289l35.61%2079.289H61.163zM48.746%20341l-11.065-25.366L26.085%20341zm26.23%2028.7v-74.6H90.63q11.258%200%2017.78%202.222q7.006%202.175%2012.708%207.392q11.547%2010.532%2011.547%2027.686q0%2017.2-12.03%2027.83q-6.04%205.316-12.66%207.393q-6.185%202.078-17.539%202.078zm11.258-10.58h5.073q7.585%200%2012.61-1.595q5.026-1.69%209.084-5.363q8.31-7.586%208.31-19.762q0-12.273-8.213-19.907q-7.392-6.812-21.791-6.812h-5.073zm91.12-28.266h30.826v2.464q0%208.407-1.981%2014.882q-1.933%205.99-6.523%2011.21q-10.389%2011.691-26.43%2011.692q-15.654%200-26.816-11.306q-11.16-11.354-11.161-27.251q0-16.234%2011.355-27.54q11.355-11.355%2027.637-11.355q8.745%200%2016.331%203.575q7.248%203.577%2014.254%2011.596l-8.021%207.683q-9.18-12.224-22.37-12.224q-11.839%200-19.86%208.165q-8.02%208.02-8.02%2020.1q0%2012.465%208.939%2020.535q8.358%207.49%2018.119%207.489q8.31%200%2014.93-5.605q6.62-5.653%207.392-13.529h-18.602zm78.315-25.173H225.76v17.925h29.04v10.582h-29.04v24.931h29.909v10.582h-41.166v-74.602h41.166z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDR93EbVL)%22%20fill-rule%3D%22nonzero%22%20d%3D%22M26.541%20263.876L66.234%2061.131l64.732%20146.563l67.052-146.563l35.663%20202.745h-29.19l-18.198-113.83l-55.815%20122.502L76.25%20149.924L55.976%20263.876z%22%2F%3E%3Cpath%20stroke%3D%22%23a28bca%22%20stroke-linecap%3D%22square%22%20stroke-opacity%3D%22.356%22%20stroke-width%3D%222%22%20d%3D%22m44.666%20243.948l24.739-133.313m59.784%20124.38L70.092%20107.198m61.846%20126.44l60.471-126.44m22.677%20139.497L192.41%20109.948%22%2F%3E%3Cpath%20fill%3D%22%23dcc6ff%22%20fill-rule%3D%22nonzero%22%20d%3D%22M215.773%20243.26a4.123%204.123%200%201%201%200%208.247a4.123%204.123%200%200%201%200-8.247m-171.794%200a4.123%204.123%200%201%201%200%208.247a4.123%204.123%200%200%201%200-8.247m86.584-8.246a4.123%204.123%200%201%201%200%208.246a4.123%204.123%200%200%201%200-8.246M70.092%20105.825a4.123%204.123%200%201%201%200%208.246a4.123%204.123%200%200%201%200-8.246m122.317%200a4.123%204.123%200%201%201%200%208.246a4.123%204.123%200%200%201%200-8.246%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20372%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGXZk54C4L%22%20x1%3D%2232.157%25%22%20x2%3D%2270.686%25%22%20y1%3D%2246.417%25%22%20y2%3D%2249.75%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2391c5aa%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233965af%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGDR93EbVL%22%20x1%3D%2253.539%25%22%20x2%3D%2253.539%25%22%20y1%3D%2268.101%25%22%20y2%3D%2219.969%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23803fa5%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%234b114a%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23c4baff%22%20fill-rule%3D%22nonzero%22%20d%3D%22m129.794%2061.025l59.476%20222.012H70.317z%22%2F%3E%3Cpath%20fill%3D%22%236750e5%22%20fill-opacity%3D%22.498%22%20fill-rule%3D%22nonzero%22%20d%3D%22M205.037%200L70.092%20283.122h184.422z%22%2F%3E%3Cpath%20fill%3D%22%236750e5%22%20fill-opacity%3D%22.498%22%20fill-rule%3D%22nonzero%22%20d%3D%22m56.92%200l132.569%20283.122H0z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXZk54C4L)%22%20fill-rule%3D%22nonzero%22%20d%3D%22M53.336%20351.582H21.4L13.088%20369.7H.96l36.915-79.289l35.61%2079.289H61.163zM48.746%20341l-11.065-25.366L26.085%20341zm26.23%2028.7v-74.6H90.63q11.258%200%2017.78%202.222q7.006%202.175%2012.708%207.392q11.547%2010.532%2011.547%2027.686q0%2017.2-12.03%2027.83q-6.04%205.316-12.66%207.393q-6.185%202.078-17.539%202.078zm11.258-10.58h5.073q7.585%200%2012.61-1.595q5.026-1.69%209.084-5.363q8.31-7.586%208.31-19.762q0-12.273-8.213-19.907q-7.392-6.812-21.791-6.812h-5.073zm91.12-28.266h30.826v2.464q0%208.407-1.981%2014.882q-1.933%205.99-6.523%2011.21q-10.389%2011.691-26.43%2011.692q-15.654%200-26.816-11.306q-11.16-11.354-11.161-27.251q0-16.234%2011.355-27.54q11.355-11.355%2027.637-11.355q8.745%200%2016.331%203.575q7.248%203.577%2014.254%2011.596l-8.021%207.683q-9.18-12.224-22.37-12.224q-11.839%200-19.86%208.165q-8.02%208.02-8.02%2020.1q0%2012.465%208.939%2020.535q8.358%207.49%2018.119%207.489q8.31%200%2014.93-5.605q6.62-5.653%207.392-13.529h-18.602zm78.315-25.173H225.76v17.925h29.04v10.582h-29.04v24.931h29.909v10.582h-41.166v-74.602h41.166z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDR93EbVL)%22%20fill-rule%3D%22nonzero%22%20d%3D%22M26.541%20263.876L66.234%2061.131l64.732%20146.563l67.052-146.563l35.663%20202.745h-29.19l-18.198-113.83l-55.815%20122.502L76.25%20149.924L55.976%20263.876z%22%2F%3E%3Cpath%20stroke%3D%22%23a28bca%22%20stroke-linecap%3D%22square%22%20stroke-opacity%3D%22.356%22%20stroke-width%3D%222%22%20d%3D%22m44.666%20243.948l24.739-133.313m59.784%20124.38L70.092%20107.198m61.846%20126.44l60.471-126.44m22.677%20139.497L192.41%20109.948%22%2F%3E%3Cpath%20fill%3D%22%23dcc6ff%22%20fill-rule%3D%22nonzero%22%20d%3D%22M215.773%20243.26a4.123%204.123%200%201%201%200%208.247a4.123%204.123%200%200%201%200-8.247m-171.794%200a4.123%204.123%200%201%201%200%208.247a4.123%204.123%200%200%201%200-8.247m86.584-8.246a4.123%204.123%200%201%201%200%208.246a4.123%204.123%200%200%201%200-8.246M70.092%20105.825a4.123%204.123%200%201%201%200%208.246a4.123%204.123%200%200%201%200-8.246m122.317%200a4.123%204.123%200%201%201%200%208.246a4.123%204.123%200%200%201%200-8.246%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/madge.svg?color=%231a73e8&size=48