shanghaimetro logo
shanghaimetro from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- shanghaimetro
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the shanghaimetro logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.383 11.664h-1.716l-3.432-4.487l-3.073 3.606L9.31 7.177l-3.513 4.487H3.63c.185-4.464 3.872-8.047 8.383-8.047c3.953 0 7.27 2.748 8.15 6.424h3.687C22.91 4.359 17.96.01 12 .01c-6.632 0-12 5.369-12 12c0 1.102.15 2.169.429 3.177h6.516l2.412-2.55l2.805 3.478l2.945-3.502l1.902 2.61h2.69c-1.287 2.967-4.256 5.495-7.699 5.495c-2.84 0-5.357-1.681-6.875-3.942H.997C2.852 21.02 7.072 23.988 12 23.988c6.632 0 12-5.368 12-12c0-.116 0-.231-.012-.347z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsShanghaimetro(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="M20.383 11.664h-1.716l-3.432-4.487l-3.073 3.606L9.31 7.177l-3.513 4.487H3.63c.185-4.464 3.872-8.047 8.383-8.047c3.953 0 7.27 2.748 8.15 6.424h3.687C22.91 4.359 17.96.01 12 .01c-6.632 0-12 5.369-12 12c0 1.102.15 2.169.429 3.177h6.516l2.412-2.55l2.805 3.478l2.945-3.502l1.902 2.61h2.69c-1.287 2.967-4.256 5.495-7.699 5.495c-2.84 0-5.357-1.681-6.875-3.942H.997C2.852 21.02 7.072 23.988 12 23.988c6.632 0 12-5.368 12-12c0-.116 0-.231-.012-.347z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.383 11.664h-1.716l-3.432-4.487l-3.073 3.606L9.31 7.177l-3.513 4.487H3.63c.185-4.464 3.872-8.047 8.383-8.047c3.953 0 7.27 2.748 8.15 6.424h3.687C22.91 4.359 17.96.01 12 .01c-6.632 0-12 5.369-12 12c0 1.102.15 2.169.429 3.177h6.516l2.412-2.55l2.805 3.478l2.945-3.502l1.902 2.61h2.69c-1.287 2.967-4.256 5.495-7.699 5.495c-2.84 0-5.357-1.681-6.875-3.942H.997C2.852 21.02 7.072 23.988 12 23.988c6.632 0 12-5.368 12-12c0-.116 0-.231-.012-.347z"/></svg> </template>
CSS
.icon-shanghaimetro {
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%22M20.383%2011.664h-1.716l-3.432-4.487l-3.073%203.606L9.31%207.177l-3.513%204.487H3.63c.185-4.464%203.872-8.047%208.383-8.047c3.953%200%207.27%202.748%208.15%206.424h3.687C22.91%204.359%2017.96.01%2012%20.01c-6.632%200-12%205.369-12%2012c0%201.102.15%202.169.429%203.177h6.516l2.412-2.55l2.805%203.478l2.945-3.502l1.902%202.61h2.69c-1.287%202.967-4.256%205.495-7.699%205.495c-2.84%200-5.357-1.681-6.875-3.942H.997C2.852%2021.02%207.072%2023.988%2012%2023.988c6.632%200%2012-5.368%2012-12c0-.116%200-.231-.012-.347z%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%22M20.383%2011.664h-1.716l-3.432-4.487l-3.073%203.606L9.31%207.177l-3.513%204.487H3.63c.185-4.464%203.872-8.047%208.383-8.047c3.953%200%207.27%202.748%208.15%206.424h3.687C22.91%204.359%2017.96.01%2012%20.01c-6.632%200-12%205.369-12%2012c0%201.102.15%202.169.429%203.177h6.516l2.412-2.55l2.805%203.478l2.945-3.502l1.902%202.61h2.69c-1.287%202.967-4.256%205.495-7.699%205.495c-2.84%200-5.357-1.681-6.875-3.942H.997C2.852%2021.02%207.072%2023.988%2012%2023.988c6.632%200%2012-5.368%2012-12c0-.116%200-.231-.012-.347z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/shanghaimetro.svg?color=%231a73e8&size=48
