newgrounds logo
newgrounds from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- newgrounds
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the newgrounds logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.187 3.236Q.002 4.33.002 5.97v15.584q-.03.364.365.364H3.07q.365 0 .365-.364V6.03q0-.608.638-.608H6.29q.608 0 .608.608v15.523q0 .364.425.364h2.643q.364 0 .395-.364V5.97q-.03-1.64-1.185-2.734A4.05 4.05 0 0 0 6.29 2.082H4.073q-1.701 0-2.886 1.154m20.9 18.105q.395-.243.728-.547Q24 19.64 24 18.06v-5.62q-.03-.394-.395-.394h-4.374q-.395 0-.395.394v2.522q0 .395.395.395h.941q.366 0 .365.425v2.278q0 .577-.577.577h-2.248q-.638 0-.638-.577V6.03q0-.607.638-.607h2.248q.577 0 .577.608V8.34q-.03.364.395.394h2.673q.365-.03.395-.394V5.97q0-1.61-1.185-2.734Q21.6 2.082 19.96 2.082h-2.248q-1.671 0-2.855 1.154q-1.245 1.124-1.216 2.734v12.09q-.03 1.58 1.216 2.734q.333.304.729.547q.94.577 2.126.577h2.248q1.185 0 2.126-.577Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsNewgrounds(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="M1.187 3.236Q.002 4.33.002 5.97v15.584q-.03.364.365.364H3.07q.365 0 .365-.364V6.03q0-.608.638-.608H6.29q.608 0 .608.608v15.523q0 .364.425.364h2.643q.364 0 .395-.364V5.97q-.03-1.64-1.185-2.734A4.05 4.05 0 0 0 6.29 2.082H4.073q-1.701 0-2.886 1.154m20.9 18.105q.395-.243.728-.547Q24 19.64 24 18.06v-5.62q-.03-.394-.395-.394h-4.374q-.395 0-.395.394v2.522q0 .395.395.395h.941q.366 0 .365.425v2.278q0 .577-.577.577h-2.248q-.638 0-.638-.577V6.03q0-.607.638-.607h2.248q.577 0 .577.608V8.34q-.03.364.395.394h2.673q.365-.03.395-.394V5.97q0-1.61-1.185-2.734Q21.6 2.082 19.96 2.082h-2.248q-1.671 0-2.855 1.154q-1.245 1.124-1.216 2.734v12.09q-.03 1.58 1.216 2.734q.333.304.729.547q.94.577 2.126.577h2.248q1.185 0 2.126-.577Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.187 3.236Q.002 4.33.002 5.97v15.584q-.03.364.365.364H3.07q.365 0 .365-.364V6.03q0-.608.638-.608H6.29q.608 0 .608.608v15.523q0 .364.425.364h2.643q.364 0 .395-.364V5.97q-.03-1.64-1.185-2.734A4.05 4.05 0 0 0 6.29 2.082H4.073q-1.701 0-2.886 1.154m20.9 18.105q.395-.243.728-.547Q24 19.64 24 18.06v-5.62q-.03-.394-.395-.394h-4.374q-.395 0-.395.394v2.522q0 .395.395.395h.941q.366 0 .365.425v2.278q0 .577-.577.577h-2.248q-.638 0-.638-.577V6.03q0-.607.638-.607h2.248q.577 0 .577.608V8.34q-.03.364.395.394h2.673q.365-.03.395-.394V5.97q0-1.61-1.185-2.734Q21.6 2.082 19.96 2.082h-2.248q-1.671 0-2.855 1.154q-1.245 1.124-1.216 2.734v12.09q-.03 1.58 1.216 2.734q.333.304.729.547q.94.577 2.126.577h2.248q1.185 0 2.126-.577Z"/></svg> </template>
CSS
.icon-newgrounds {
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%22M1.187%203.236Q.002%204.33.002%205.97v15.584q-.03.364.365.364H3.07q.365%200%20.365-.364V6.03q0-.608.638-.608H6.29q.608%200%20.608.608v15.523q0%20.364.425.364h2.643q.364%200%20.395-.364V5.97q-.03-1.64-1.185-2.734A4.05%204.05%200%200%200%206.29%202.082H4.073q-1.701%200-2.886%201.154m20.9%2018.105q.395-.243.728-.547Q24%2019.64%2024%2018.06v-5.62q-.03-.394-.395-.394h-4.374q-.395%200-.395.394v2.522q0%20.395.395.395h.941q.366%200%20.365.425v2.278q0%20.577-.577.577h-2.248q-.638%200-.638-.577V6.03q0-.607.638-.607h2.248q.577%200%20.577.608V8.34q-.03.364.395.394h2.673q.365-.03.395-.394V5.97q0-1.61-1.185-2.734Q21.6%202.082%2019.96%202.082h-2.248q-1.671%200-2.855%201.154q-1.245%201.124-1.216%202.734v12.09q-.03%201.58%201.216%202.734q.333.304.729.547q.94.577%202.126.577h2.248q1.185%200%202.126-.577Z%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%22M1.187%203.236Q.002%204.33.002%205.97v15.584q-.03.364.365.364H3.07q.365%200%20.365-.364V6.03q0-.608.638-.608H6.29q.608%200%20.608.608v15.523q0%20.364.425.364h2.643q.364%200%20.395-.364V5.97q-.03-1.64-1.185-2.734A4.05%204.05%200%200%200%206.29%202.082H4.073q-1.701%200-2.886%201.154m20.9%2018.105q.395-.243.728-.547Q24%2019.64%2024%2018.06v-5.62q-.03-.394-.395-.394h-4.374q-.395%200-.395.394v2.522q0%20.395.395.395h.941q.366%200%20.365.425v2.278q0%20.577-.577.577h-2.248q-.638%200-.638-.577V6.03q0-.607.638-.607h2.248q.577%200%20.577.608V8.34q-.03.364.395.394h2.673q.365-.03.395-.394V5.97q0-1.61-1.185-2.734Q21.6%202.082%2019.96%202.082h-2.248q-1.671%200-2.855%201.154q-1.245%201.124-1.216%202.734v12.09q-.03%201.58%201.216%202.734q.333.304.729.547q.94.577%202.126.577h2.248q1.185%200%202.126-.577Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/newgrounds.svg?color=%231a73e8&size=48
