mega logo
mega from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- mega
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the mega logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.372 0 0 5.372 0 12s5.372 12 12 12s12-5.372 12-12S18.628 0 12 0m6.23 16.244a.37.37 0 0 1-.373.372H16.29a.37.37 0 0 1-.372-.372v-4.828c0-.04-.046-.06-.08-.033l-3.32 3.32a.74.74 0 0 1-1.043 0l-3.32-3.32c-.027-.027-.08-.007-.08.033v4.828a.37.37 0 0 1-.372.372H6.136a.37.37 0 0 1-.372-.372V7.757c0-.206.166-.372.372-.372h1.076a.75.75 0 0 1 .525.22l4.13 4.13a.18.18 0 0 0 .26 0l4.13-4.13c.14-.14.325-.22.525-.22h1.075c.206 0 .372.166.372.372z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMega(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.372 0 0 5.372 0 12s5.372 12 12 12s12-5.372 12-12S18.628 0 12 0m6.23 16.244a.37.37 0 0 1-.373.372H16.29a.37.37 0 0 1-.372-.372v-4.828c0-.04-.046-.06-.08-.033l-3.32 3.32a.74.74 0 0 1-1.043 0l-3.32-3.32c-.027-.027-.08-.007-.08.033v4.828a.37.37 0 0 1-.372.372H6.136a.37.37 0 0 1-.372-.372V7.757c0-.206.166-.372.372-.372h1.076a.75.75 0 0 1 .525.22l4.13 4.13a.18.18 0 0 0 .26 0l4.13-4.13c.14-.14.325-.22.525-.22h1.075c.206 0 .372.166.372.372z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.372 0 0 5.372 0 12s5.372 12 12 12s12-5.372 12-12S18.628 0 12 0m6.23 16.244a.37.37 0 0 1-.373.372H16.29a.37.37 0 0 1-.372-.372v-4.828c0-.04-.046-.06-.08-.033l-3.32 3.32a.74.74 0 0 1-1.043 0l-3.32-3.32c-.027-.027-.08-.007-.08.033v4.828a.37.37 0 0 1-.372.372H6.136a.37.37 0 0 1-.372-.372V7.757c0-.206.166-.372.372-.372h1.076a.75.75 0 0 1 .525.22l4.13 4.13a.18.18 0 0 0 .26 0l4.13-4.13c.14-.14.325-.22.525-.22h1.075c.206 0 .372.166.372.372z"/></svg> </template>
CSS
.icon-mega {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.372%200%200%205.372%200%2012s5.372%2012%2012%2012s12-5.372%2012-12S18.628%200%2012%200m6.23%2016.244a.37.37%200%200%201-.373.372H16.29a.37.37%200%200%201-.372-.372v-4.828c0-.04-.046-.06-.08-.033l-3.32%203.32a.74.74%200%200%201-1.043%200l-3.32-3.32c-.027-.027-.08-.007-.08.033v4.828a.37.37%200%200%201-.372.372H6.136a.37.37%200%200%201-.372-.372V7.757c0-.206.166-.372.372-.372h1.076a.75.75%200%200%201%20.525.22l4.13%204.13a.18.18%200%200%200%20.26%200l4.13-4.13c.14-.14.325-.22.525-.22h1.075c.206%200%20.372.166.372.372z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.372%200%200%205.372%200%2012s5.372%2012%2012%2012s12-5.372%2012-12S18.628%200%2012%200m6.23%2016.244a.37.37%200%200%201-.373.372H16.29a.37.37%200%200%201-.372-.372v-4.828c0-.04-.046-.06-.08-.033l-3.32%203.32a.74.74%200%200%201-1.043%200l-3.32-3.32c-.027-.027-.08-.007-.08.033v4.828a.37.37%200%200%201-.372.372H6.136a.37.37%200%200%201-.372-.372V7.757c0-.206.166-.372.372-.372h1.076a.75.75%200%200%201%20.525.22l4.13%204.13a.18.18%200%200%200%20.26%200l4.13-4.13c.14-.14.325-.22.525-.22h1.075c.206%200%20.372.166.372.372z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/mega.svg?color=%231a73e8&size=48
