sega logo
sega from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- sega
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the sega logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.229 4.14l-.006 3.33h-10.6a.4.4 0 0 0 0 .798l2.76-.016a7.87 7.87 0 0 1-.001 15.738L2.748 24l.005-3.375h10.635a4.505 4.505 0 1 0-.002-9.01l-2.771-.03a3.723 3.723 0 1 1-.004-7.446zM2.763 19.843l-.004-3.331h10.609c.21 0 .383-.175.383-.387a.385.385 0 0 0-.384-.385h-2.744c-4.345 0-7.867-3.525-7.867-7.871S6.278 0 10.623 0l10.6.003l.006 3.35l-10.604.003c-2.49 0-4.5 2.019-4.5 4.507a4.51 4.51 0 0 0 4.515 4.504l2.775.03a3.722 3.722 0 0 1 0 7.443H2.765z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSega(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="m21.229 4.14l-.006 3.33h-10.6a.4.4 0 0 0 0 .798l2.76-.016a7.87 7.87 0 0 1-.001 15.738L2.748 24l.005-3.375h10.635a4.505 4.505 0 1 0-.002-9.01l-2.771-.03a3.723 3.723 0 1 1-.004-7.446zM2.763 19.843l-.004-3.331h10.609c.21 0 .383-.175.383-.387a.385.385 0 0 0-.384-.385h-2.744c-4.345 0-7.867-3.525-7.867-7.871S6.278 0 10.623 0l10.6.003l.006 3.35l-10.604.003c-2.49 0-4.5 2.019-4.5 4.507a4.51 4.51 0 0 0 4.515 4.504l2.775.03a3.722 3.722 0 0 1 0 7.443H2.765z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.229 4.14l-.006 3.33h-10.6a.4.4 0 0 0 0 .798l2.76-.016a7.87 7.87 0 0 1-.001 15.738L2.748 24l.005-3.375h10.635a4.505 4.505 0 1 0-.002-9.01l-2.771-.03a3.723 3.723 0 1 1-.004-7.446zM2.763 19.843l-.004-3.331h10.609c.21 0 .383-.175.383-.387a.385.385 0 0 0-.384-.385h-2.744c-4.345 0-7.867-3.525-7.867-7.871S6.278 0 10.623 0l10.6.003l.006 3.35l-10.604.003c-2.49 0-4.5 2.019-4.5 4.507a4.51 4.51 0 0 0 4.515 4.504l2.775.03a3.722 3.722 0 0 1 0 7.443H2.765z"/></svg> </template>
CSS
.icon-sega {
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%22m21.229%204.14l-.006%203.33h-10.6a.4.4%200%200%200%200%20.798l2.76-.016a7.87%207.87%200%200%201-.001%2015.738L2.748%2024l.005-3.375h10.635a4.505%204.505%200%201%200-.002-9.01l-2.771-.03a3.723%203.723%200%201%201-.004-7.446zM2.763%2019.843l-.004-3.331h10.609c.21%200%20.383-.175.383-.387a.385.385%200%200%200-.384-.385h-2.744c-4.345%200-7.867-3.525-7.867-7.871S6.278%200%2010.623%200l10.6.003l.006%203.35l-10.604.003c-2.49%200-4.5%202.019-4.5%204.507a4.51%204.51%200%200%200%204.515%204.504l2.775.03a3.722%203.722%200%200%201%200%207.443H2.765z%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%22m21.229%204.14l-.006%203.33h-10.6a.4.4%200%200%200%200%20.798l2.76-.016a7.87%207.87%200%200%201-.001%2015.738L2.748%2024l.005-3.375h10.635a4.505%204.505%200%201%200-.002-9.01l-2.771-.03a3.723%203.723%200%201%201-.004-7.446zM2.763%2019.843l-.004-3.331h10.609c.21%200%20.383-.175.383-.387a.385.385%200%200%200-.384-.385h-2.744c-4.345%200-7.867-3.525-7.867-7.871S6.278%200%2010.623%200l10.6.003l.006%203.35l-10.604.003c-2.49%200-4.5%202.019-4.5%204.507a4.51%204.51%200%200%200%204.515%204.504l2.775.03a3.722%203.722%200%200%201%200%207.443H2.765z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/sega.svg?color=%231a73e8&size=48
