magento logo

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

Name: magento
Set: SVG Logos
Style: Color
Viewbox: 256×256
License: CC0

The same logo in other sets

magentoBoxicons Brands magentoCoreUI Brands magentoDevicon magentoFont Awesome 6 Brands magentoFont Awesome Brands magentoLine Awesome magentoSimple Icons

Use the magento logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="129.141" cy="127.998" r="121.376" fill="#27140D"/><path fill="#F26724" d="M129.141 12.571c16 0 30.857 3.429 44.571 9.143c13.714 5.714 26.285 13.714 36.57 25.143c10.286 10.285 19.43 22.856 25.143 36.57c5.715 13.715 9.143 29.714 9.143 44.571s-3.428 30.857-9.143 44.571c-5.714 13.714-13.714 26.285-25.142 36.571c-10.286 10.286-22.857 19.428-36.571 25.143c-13.714 5.714-29.714 9.142-44.57 9.142c-14.858 0-30.858-3.428-44.572-9.142c-13.714-5.715-26.285-13.715-36.57-25.143c-10.286-10.286-19.429-22.857-25.143-36.57c-5.714-13.715-9.143-29.715-9.143-44.572c0-14.857 3.429-30.856 9.143-44.57C28.57 69.712 36.57 57.141 47.999 46.856C58.285 36.57 70.856 27.428 84.57 21.714c13.714-5.714 28.571-9.143 44.571-9.143m0-12.571C58.285 0 0 57.142 0 127.998s57.142 127.999 127.998 127.999s127.999-57.143 127.999-127.999S199.997 0 129.14 0Z"/><path fill="#FDDFDD" d="m139.427 98.284l20.57 11.429v84.57l-30.856 17.143l-30.857-17.143v-84.57l20.572-11.429v83.428l10.285 5.714l10.286-5.714V98.284ZM129.14 44.571l73.142 41.142v84.57l-20.571 11.429V98.284l-52.57-29.713L76.57 98.284v83.428L56 169.14V85.713l73.141-41.142Z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMagento(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="129.141" cy="127.998" r="121.376" fill="#27140D"/><path fill="#F26724" d="M129.141 12.571c16 0 30.857 3.429 44.571 9.143c13.714 5.714 26.285 13.714 36.57 25.143c10.286 10.285 19.43 22.856 25.143 36.57c5.715 13.715 9.143 29.714 9.143 44.571s-3.428 30.857-9.143 44.571c-5.714 13.714-13.714 26.285-25.142 36.571c-10.286 10.286-22.857 19.428-36.571 25.143c-13.714 5.714-29.714 9.142-44.57 9.142c-14.858 0-30.858-3.428-44.572-9.142c-13.714-5.715-26.285-13.715-36.57-25.143c-10.286-10.286-19.429-22.857-25.143-36.57c-5.714-13.715-9.143-29.715-9.143-44.572c0-14.857 3.429-30.856 9.143-44.57C28.57 69.712 36.57 57.141 47.999 46.856C58.285 36.57 70.856 27.428 84.57 21.714c13.714-5.714 28.571-9.143 44.571-9.143m0-12.571C58.285 0 0 57.142 0 127.998s57.142 127.999 127.998 127.999s127.999-57.143 127.999-127.999S199.997 0 129.14 0Z"/><path fill="#FDDFDD" d="m139.427 98.284l20.57 11.429v84.57l-30.856 17.143l-30.857-17.143v-84.57l20.572-11.429v83.428l10.285 5.714l10.286-5.714V98.284ZM129.14 44.571l73.142 41.142v84.57l-20.571 11.429V98.284l-52.57-29.713L76.57 98.284v83.428L56 169.14V85.713l73.141-41.142Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="129.141" cy="127.998" r="121.376" fill="#27140D"/><path fill="#F26724" d="M129.141 12.571c16 0 30.857 3.429 44.571 9.143c13.714 5.714 26.285 13.714 36.57 25.143c10.286 10.285 19.43 22.856 25.143 36.57c5.715 13.715 9.143 29.714 9.143 44.571s-3.428 30.857-9.143 44.571c-5.714 13.714-13.714 26.285-25.142 36.571c-10.286 10.286-22.857 19.428-36.571 25.143c-13.714 5.714-29.714 9.142-44.57 9.142c-14.858 0-30.858-3.428-44.572-9.142c-13.714-5.715-26.285-13.715-36.57-25.143c-10.286-10.286-19.429-22.857-25.143-36.57c-5.714-13.715-9.143-29.715-9.143-44.572c0-14.857 3.429-30.856 9.143-44.57C28.57 69.712 36.57 57.141 47.999 46.856C58.285 36.57 70.856 27.428 84.57 21.714c13.714-5.714 28.571-9.143 44.571-9.143m0-12.571C58.285 0 0 57.142 0 127.998s57.142 127.999 127.998 127.999s127.999-57.143 127.999-127.999S199.997 0 129.14 0Z"/><path fill="#FDDFDD" d="m139.427 98.284l20.57 11.429v84.57l-30.856 17.143l-30.857-17.143v-84.57l20.572-11.429v83.428l10.285 5.714l10.286-5.714V98.284ZM129.14 44.571l73.142 41.142v84.57l-20.571 11.429V98.284l-52.57-29.713L76.57 98.284v83.428L56 169.14V85.713l73.141-41.142Z"/></svg>
</template>

CSS

.icon-magento {
  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%20256%22%3E%3Ccircle%20cx%3D%22129.141%22%20cy%3D%22127.998%22%20r%3D%22121.376%22%20fill%3D%22%2327140D%22%2F%3E%3Cpath%20fill%3D%22%23F26724%22%20d%3D%22M129.141%2012.571c16%200%2030.857%203.429%2044.571%209.143c13.714%205.714%2026.285%2013.714%2036.57%2025.143c10.286%2010.285%2019.43%2022.856%2025.143%2036.57c5.715%2013.715%209.143%2029.714%209.143%2044.571s-3.428%2030.857-9.143%2044.571c-5.714%2013.714-13.714%2026.285-25.142%2036.571c-10.286%2010.286-22.857%2019.428-36.571%2025.143c-13.714%205.714-29.714%209.142-44.57%209.142c-14.858%200-30.858-3.428-44.572-9.142c-13.714-5.715-26.285-13.715-36.57-25.143c-10.286-10.286-19.429-22.857-25.143-36.57c-5.714-13.715-9.143-29.715-9.143-44.572c0-14.857%203.429-30.856%209.143-44.57C28.57%2069.712%2036.57%2057.141%2047.999%2046.856C58.285%2036.57%2070.856%2027.428%2084.57%2021.714c13.714-5.714%2028.571-9.143%2044.571-9.143m0-12.571C58.285%200%200%2057.142%200%20127.998s57.142%20127.999%20127.998%20127.999s127.999-57.143%20127.999-127.999S199.997%200%20129.14%200Z%22%2F%3E%3Cpath%20fill%3D%22%23FDDFDD%22%20d%3D%22m139.427%2098.284l20.57%2011.429v84.57l-30.856%2017.143l-30.857-17.143v-84.57l20.572-11.429v83.428l10.285%205.714l10.286-5.714V98.284ZM129.14%2044.571l73.142%2041.142v84.57l-20.571%2011.429V98.284l-52.57-29.713L76.57%2098.284v83.428L56%20169.14V85.713l73.141-41.142Z%22%2F%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%20256%22%3E%3Ccircle%20cx%3D%22129.141%22%20cy%3D%22127.998%22%20r%3D%22121.376%22%20fill%3D%22%2327140D%22%2F%3E%3Cpath%20fill%3D%22%23F26724%22%20d%3D%22M129.141%2012.571c16%200%2030.857%203.429%2044.571%209.143c13.714%205.714%2026.285%2013.714%2036.57%2025.143c10.286%2010.285%2019.43%2022.856%2025.143%2036.57c5.715%2013.715%209.143%2029.714%209.143%2044.571s-3.428%2030.857-9.143%2044.571c-5.714%2013.714-13.714%2026.285-25.142%2036.571c-10.286%2010.286-22.857%2019.428-36.571%2025.143c-13.714%205.714-29.714%209.142-44.57%209.142c-14.858%200-30.858-3.428-44.572-9.142c-13.714-5.715-26.285-13.715-36.57-25.143c-10.286-10.286-19.429-22.857-25.143-36.57c-5.714-13.715-9.143-29.715-9.143-44.572c0-14.857%203.429-30.856%209.143-44.57C28.57%2069.712%2036.57%2057.141%2047.999%2046.856C58.285%2036.57%2070.856%2027.428%2084.57%2021.714c13.714-5.714%2028.571-9.143%2044.571-9.143m0-12.571C58.285%200%200%2057.142%200%20127.998s57.142%20127.999%20127.998%20127.999s127.999-57.143%20127.999-127.999S199.997%200%20129.14%200Z%22%2F%3E%3Cpath%20fill%3D%22%23FDDFDD%22%20d%3D%22m139.427%2098.284l20.57%2011.429v84.57l-30.856%2017.143l-30.857-17.143v-84.57l20.572-11.429v83.428l10.285%205.714l10.286-5.714V98.284ZM129.14%2044.571l73.142%2041.142v84.57l-20.571%2011.429V98.284l-52.57-29.713L76.57%2098.284v83.428L56%20169.14V85.713l73.141-41.142Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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