mlb logo

mlb from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
mlb
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the mlb logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.003 5.53a1.99 1.99 0 0 1 1.99 1.827l.007.177v8.927a2.007 2.007 0 0 1-1.848 2.002l-.15.006h-20a2 2 0 0 1-1.42-.586a1.98 1.98 0 0 1-.575-1.245L0 16.46V7.535a2 2 0 0 1 .583-1.427a2.02 2.02 0 0 1 1.242-.57l.176-.007h20.002zm-7.5.703H2.001a1.3 1.3 0 0 0-.926.375a1.3 1.3 0 0 0-.374.926v8.927a1.28 1.28 0 0 0 .374.922c.246.245.579.383.926.384h8.116a92 92 0 0 0-.495-.843H8.66c0-2.402.812-3.73 1.784-3.995c.133-.024.07-.68-.1-.88h-.561c-.09 0-.038-.169-.038-.169l.456-.972l-.062-.266H8.455l1.383-.967c.064-2.55 2.68-2.748 4.255-1.686c.937.62 1.008 1.849.937 2.698c-.012.054-.244.018-.244.018s-.16.937.257.937h1.838c.749-.03 1.472.478 1.472.478l.176-.643zm7.5 0h-5.59l3.207 5.36l.296.038l.187.245v.229l.202.041l.188.255v.221l.21.037l.211.23v.51c.252.228.536.418.843.563c.283.108.315.562.486.803c.213.352.505.493.444.69c-.143.526-.682 1.414-1.184 1.456h-1.986v.85h2.488a1.3 1.3 0 0 0 1.294-1.311V7.534h-.002a1.285 1.285 0 0 0-1.294-1.3zM4.022 14.404a.888.888 0 0 1-.638 1.513a.88.88 0 0 1-.88-.888a.888.888 0 0 1 1.518-.625"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMlb(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="M22.003 5.53a1.99 1.99 0 0 1 1.99 1.827l.007.177v8.927a2.007 2.007 0 0 1-1.848 2.002l-.15.006h-20a2 2 0 0 1-1.42-.586a1.98 1.98 0 0 1-.575-1.245L0 16.46V7.535a2 2 0 0 1 .583-1.427a2.02 2.02 0 0 1 1.242-.57l.176-.007h20.002zm-7.5.703H2.001a1.3 1.3 0 0 0-.926.375a1.3 1.3 0 0 0-.374.926v8.927a1.28 1.28 0 0 0 .374.922c.246.245.579.383.926.384h8.116a92 92 0 0 0-.495-.843H8.66c0-2.402.812-3.73 1.784-3.995c.133-.024.07-.68-.1-.88h-.561c-.09 0-.038-.169-.038-.169l.456-.972l-.062-.266H8.455l1.383-.967c.064-2.55 2.68-2.748 4.255-1.686c.937.62 1.008 1.849.937 2.698c-.012.054-.244.018-.244.018s-.16.937.257.937h1.838c.749-.03 1.472.478 1.472.478l.176-.643zm7.5 0h-5.59l3.207 5.36l.296.038l.187.245v.229l.202.041l.188.255v.221l.21.037l.211.23v.51c.252.228.536.418.843.563c.283.108.315.562.486.803c.213.352.505.493.444.69c-.143.526-.682 1.414-1.184 1.456h-1.986v.85h2.488a1.3 1.3 0 0 0 1.294-1.311V7.534h-.002a1.285 1.285 0 0 0-1.294-1.3zM4.022 14.404a.888.888 0 0 1-.638 1.513a.88.88 0 0 1-.88-.888a.888.888 0 0 1 1.518-.625"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.003 5.53a1.99 1.99 0 0 1 1.99 1.827l.007.177v8.927a2.007 2.007 0 0 1-1.848 2.002l-.15.006h-20a2 2 0 0 1-1.42-.586a1.98 1.98 0 0 1-.575-1.245L0 16.46V7.535a2 2 0 0 1 .583-1.427a2.02 2.02 0 0 1 1.242-.57l.176-.007h20.002zm-7.5.703H2.001a1.3 1.3 0 0 0-.926.375a1.3 1.3 0 0 0-.374.926v8.927a1.28 1.28 0 0 0 .374.922c.246.245.579.383.926.384h8.116a92 92 0 0 0-.495-.843H8.66c0-2.402.812-3.73 1.784-3.995c.133-.024.07-.68-.1-.88h-.561c-.09 0-.038-.169-.038-.169l.456-.972l-.062-.266H8.455l1.383-.967c.064-2.55 2.68-2.748 4.255-1.686c.937.62 1.008 1.849.937 2.698c-.012.054-.244.018-.244.018s-.16.937.257.937h1.838c.749-.03 1.472.478 1.472.478l.176-.643zm7.5 0h-5.59l3.207 5.36l.296.038l.187.245v.229l.202.041l.188.255v.221l.21.037l.211.23v.51c.252.228.536.418.843.563c.283.108.315.562.486.803c.213.352.505.493.444.69c-.143.526-.682 1.414-1.184 1.456h-1.986v.85h2.488a1.3 1.3 0 0 0 1.294-1.311V7.534h-.002a1.285 1.285 0 0 0-1.294-1.3zM4.022 14.404a.888.888 0 0 1-.638 1.513a.88.88 0 0 1-.88-.888a.888.888 0 0 1 1.518-.625"/></svg>
</template>

CSS

.icon-mlb {
  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%22M22.003%205.53a1.99%201.99%200%200%201%201.99%201.827l.007.177v8.927a2.007%202.007%200%200%201-1.848%202.002l-.15.006h-20a2%202%200%200%201-1.42-.586a1.98%201.98%200%200%201-.575-1.245L0%2016.46V7.535a2%202%200%200%201%20.583-1.427a2.02%202.02%200%200%201%201.242-.57l.176-.007h20.002zm-7.5.703H2.001a1.3%201.3%200%200%200-.926.375a1.3%201.3%200%200%200-.374.926v8.927a1.28%201.28%200%200%200%20.374.922c.246.245.579.383.926.384h8.116a92%2092%200%200%200-.495-.843H8.66c0-2.402.812-3.73%201.784-3.995c.133-.024.07-.68-.1-.88h-.561c-.09%200-.038-.169-.038-.169l.456-.972l-.062-.266H8.455l1.383-.967c.064-2.55%202.68-2.748%204.255-1.686c.937.62%201.008%201.849.937%202.698c-.012.054-.244.018-.244.018s-.16.937.257.937h1.838c.749-.03%201.472.478%201.472.478l.176-.643zm7.5%200h-5.59l3.207%205.36l.296.038l.187.245v.229l.202.041l.188.255v.221l.21.037l.211.23v.51c.252.228.536.418.843.563c.283.108.315.562.486.803c.213.352.505.493.444.69c-.143.526-.682%201.414-1.184%201.456h-1.986v.85h2.488a1.3%201.3%200%200%200%201.294-1.311V7.534h-.002a1.285%201.285%200%200%200-1.294-1.3zM4.022%2014.404a.888.888%200%200%201-.638%201.513a.88.88%200%200%201-.88-.888a.888.888%200%200%201%201.518-.625%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%22M22.003%205.53a1.99%201.99%200%200%201%201.99%201.827l.007.177v8.927a2.007%202.007%200%200%201-1.848%202.002l-.15.006h-20a2%202%200%200%201-1.42-.586a1.98%201.98%200%200%201-.575-1.245L0%2016.46V7.535a2%202%200%200%201%20.583-1.427a2.02%202.02%200%200%201%201.242-.57l.176-.007h20.002zm-7.5.703H2.001a1.3%201.3%200%200%200-.926.375a1.3%201.3%200%200%200-.374.926v8.927a1.28%201.28%200%200%200%20.374.922c.246.245.579.383.926.384h8.116a92%2092%200%200%200-.495-.843H8.66c0-2.402.812-3.73%201.784-3.995c.133-.024.07-.68-.1-.88h-.561c-.09%200-.038-.169-.038-.169l.456-.972l-.062-.266H8.455l1.383-.967c.064-2.55%202.68-2.748%204.255-1.686c.937.62%201.008%201.849.937%202.698c-.012.054-.244.018-.244.018s-.16.937.257.937h1.838c.749-.03%201.472.478%201.472.478l.176-.643zm7.5%200h-5.59l3.207%205.36l.296.038l.187.245v.229l.202.041l.188.255v.221l.21.037l.211.23v.51c.252.228.536.418.843.563c.283.108.315.562.486.803c.213.352.505.493.444.69c-.143.526-.682%201.414-1.184%201.456h-1.986v.85h2.488a1.3%201.3%200%200%200%201.294-1.311V7.534h-.002a1.285%201.285%200%200%200-1.294-1.3zM4.022%2014.404a.888.888%200%200%201-.638%201.513a.88.88%200%200%201-.88-.888a.888.888%200%200%201%201.518-.625%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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