mern logo

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

Name
mern
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the mern logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M254.223 128c0 69.711-56.512 126.223-126.223 126.223C58.288 254.223 1.776 197.711 1.776 128S58.288 1.777 128 1.777c69.711 0 126.223 56.512 126.223 126.223" fill="#FEFEFE"/><path d="M128 0C57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0m0 5.126c16.59 0 32.681 3.248 47.827 9.654c14.631 6.188 27.772 15.049 39.058 26.335c11.286 11.286 20.147 24.427 26.335 39.058c6.406 15.146 9.654 31.237 9.654 47.827s-3.248 32.681-9.654 47.826c-6.188 14.632-15.049 27.773-26.335 39.059c-11.286 11.286-24.427 20.147-39.058 26.335c-15.146 6.406-31.237 9.654-47.827 9.654s-32.681-3.248-47.827-9.654c-14.631-6.188-27.772-15.049-39.058-26.335c-11.286-11.286-20.147-24.427-26.335-39.059C8.374 160.681 5.126 144.59 5.126 128s3.248-32.681 9.654-47.827c6.188-14.631 15.049-27.772 26.335-39.058C52.401 29.829 65.542 20.968 80.173 14.78C95.319 8.374 111.41 5.126 128 5.126m-31.247 168.09V73.046h16.873l14.31 46.133l14.657-46.134h16.1v100.171h-11.64V90.132l-12.149 39.513h-13.616l-12.36-39.513v83.084H96.752z" fill="#474749"/></svg>

React

import type { SVGProps } from "react";

export function LogosMern(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M254.223 128c0 69.711-56.512 126.223-126.223 126.223C58.288 254.223 1.776 197.711 1.776 128S58.288 1.777 128 1.777c69.711 0 126.223 56.512 126.223 126.223" fill="#FEFEFE"/><path d="M128 0C57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0m0 5.126c16.59 0 32.681 3.248 47.827 9.654c14.631 6.188 27.772 15.049 39.058 26.335c11.286 11.286 20.147 24.427 26.335 39.058c6.406 15.146 9.654 31.237 9.654 47.827s-3.248 32.681-9.654 47.826c-6.188 14.632-15.049 27.773-26.335 39.059c-11.286 11.286-24.427 20.147-39.058 26.335c-15.146 6.406-31.237 9.654-47.827 9.654s-32.681-3.248-47.827-9.654c-14.631-6.188-27.772-15.049-39.058-26.335c-11.286-11.286-20.147-24.427-26.335-39.059C8.374 160.681 5.126 144.59 5.126 128s3.248-32.681 9.654-47.827c6.188-14.631 15.049-27.772 26.335-39.058C52.401 29.829 65.542 20.968 80.173 14.78C95.319 8.374 111.41 5.126 128 5.126m-31.247 168.09V73.046h16.873l14.31 46.133l14.657-46.134h16.1v100.171h-11.64V90.132l-12.149 39.513h-13.616l-12.36-39.513v83.084H96.752z" fill="#474749"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M254.223 128c0 69.711-56.512 126.223-126.223 126.223C58.288 254.223 1.776 197.711 1.776 128S58.288 1.777 128 1.777c69.711 0 126.223 56.512 126.223 126.223" fill="#FEFEFE"/><path d="M128 0C57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0m0 5.126c16.59 0 32.681 3.248 47.827 9.654c14.631 6.188 27.772 15.049 39.058 26.335c11.286 11.286 20.147 24.427 26.335 39.058c6.406 15.146 9.654 31.237 9.654 47.827s-3.248 32.681-9.654 47.826c-6.188 14.632-15.049 27.773-26.335 39.059c-11.286 11.286-24.427 20.147-39.058 26.335c-15.146 6.406-31.237 9.654-47.827 9.654s-32.681-3.248-47.827-9.654c-14.631-6.188-27.772-15.049-39.058-26.335c-11.286-11.286-20.147-24.427-26.335-39.059C8.374 160.681 5.126 144.59 5.126 128s3.248-32.681 9.654-47.827c6.188-14.631 15.049-27.772 26.335-39.058C52.401 29.829 65.542 20.968 80.173 14.78C95.319 8.374 111.41 5.126 128 5.126m-31.247 168.09V73.046h16.873l14.31 46.133l14.657-46.134h16.1v100.171h-11.64V90.132l-12.149 39.513h-13.616l-12.36-39.513v83.084H96.752z" fill="#474749"/></svg>
</template>

CSS

.icon-mern {
  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%3Cpath%20d%3D%22M254.223%20128c0%2069.711-56.512%20126.223-126.223%20126.223C58.288%20254.223%201.776%20197.711%201.776%20128S58.288%201.777%20128%201.777c69.711%200%20126.223%2056.512%20126.223%20126.223%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cpath%20d%3D%22M128%200C57.308%200%200%2057.308%200%20128c0%2070.692%2057.308%20128%20128%20128c70.692%200%20128-57.308%20128-128C256%2057.308%20198.692%200%20128%200m0%205.126c16.59%200%2032.681%203.248%2047.827%209.654c14.631%206.188%2027.772%2015.049%2039.058%2026.335c11.286%2011.286%2020.147%2024.427%2026.335%2039.058c6.406%2015.146%209.654%2031.237%209.654%2047.827s-3.248%2032.681-9.654%2047.826c-6.188%2014.632-15.049%2027.773-26.335%2039.059c-11.286%2011.286-24.427%2020.147-39.058%2026.335c-15.146%206.406-31.237%209.654-47.827%209.654s-32.681-3.248-47.827-9.654c-14.631-6.188-27.772-15.049-39.058-26.335c-11.286-11.286-20.147-24.427-26.335-39.059C8.374%20160.681%205.126%20144.59%205.126%20128s3.248-32.681%209.654-47.827c6.188-14.631%2015.049-27.772%2026.335-39.058C52.401%2029.829%2065.542%2020.968%2080.173%2014.78C95.319%208.374%20111.41%205.126%20128%205.126m-31.247%20168.09V73.046h16.873l14.31%2046.133l14.657-46.134h16.1v100.171h-11.64V90.132l-12.149%2039.513h-13.616l-12.36-39.513v83.084H96.752z%22%20fill%3D%22%23474749%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%3Cpath%20d%3D%22M254.223%20128c0%2069.711-56.512%20126.223-126.223%20126.223C58.288%20254.223%201.776%20197.711%201.776%20128S58.288%201.777%20128%201.777c69.711%200%20126.223%2056.512%20126.223%20126.223%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cpath%20d%3D%22M128%200C57.308%200%200%2057.308%200%20128c0%2070.692%2057.308%20128%20128%20128c70.692%200%20128-57.308%20128-128C256%2057.308%20198.692%200%20128%200m0%205.126c16.59%200%2032.681%203.248%2047.827%209.654c14.631%206.188%2027.772%2015.049%2039.058%2026.335c11.286%2011.286%2020.147%2024.427%2026.335%2039.058c6.406%2015.146%209.654%2031.237%209.654%2047.827s-3.248%2032.681-9.654%2047.826c-6.188%2014.632-15.049%2027.773-26.335%2039.059c-11.286%2011.286-24.427%2020.147-39.058%2026.335c-15.146%206.406-31.237%209.654-47.827%209.654s-32.681-3.248-47.827-9.654c-14.631-6.188-27.772-15.049-39.058-26.335c-11.286-11.286-20.147-24.427-26.335-39.059C8.374%20160.681%205.126%20144.59%205.126%20128s3.248-32.681%209.654-47.827c6.188-14.631%2015.049-27.772%2026.335-39.058C52.401%2029.829%2065.542%2020.968%2080.173%2014.78C95.319%208.374%20111.41%205.126%20128%205.126m-31.247%20168.09V73.046h16.873l14.31%2046.133l14.657-46.134h16.1v100.171h-11.64V90.132l-12.149%2039.513h-13.616l-12.36-39.513v83.084H96.752z%22%20fill%3D%22%23474749%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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