googlesummerofcode logo
googlesummerofcode from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- googlesummerofcode
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the googlesummerofcode logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.995 0l-.954.954L9.24 2.758l-.755.725h-4.97v5.001L0 12.004l2.758 2.76l.755.752v4.973h4.971L11.995 24l3.523-3.511h4.961v-4.973L24 12.005l-3.52-3.521v-5h-5.01zm0 5.068a6.93 6.93 0 0 1 6.94 6.918v.019a6.937 6.937 0 1 1-6.94-6.937m.436 3.457l-1.709 6.339l.94.253l1.709-6.339zm1.97 1.047l-.715.649l1.431 1.594l-1.431 1.593l.725.649l2.013-2.242zm-4.8.01l-2.014 2.242L9.6 14.075l.725-.648l-1.431-1.594l1.431-1.603z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsGooglesummerofcode(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="m11.995 0l-.954.954L9.24 2.758l-.755.725h-4.97v5.001L0 12.004l2.758 2.76l.755.752v4.973h4.971L11.995 24l3.523-3.511h4.961v-4.973L24 12.005l-3.52-3.521v-5h-5.01zm0 5.068a6.93 6.93 0 0 1 6.94 6.918v.019a6.937 6.937 0 1 1-6.94-6.937m.436 3.457l-1.709 6.339l.94.253l1.709-6.339zm1.97 1.047l-.715.649l1.431 1.594l-1.431 1.593l.725.649l2.013-2.242zm-4.8.01l-2.014 2.242L9.6 14.075l.725-.648l-1.431-1.594l1.431-1.603z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.995 0l-.954.954L9.24 2.758l-.755.725h-4.97v5.001L0 12.004l2.758 2.76l.755.752v4.973h4.971L11.995 24l3.523-3.511h4.961v-4.973L24 12.005l-3.52-3.521v-5h-5.01zm0 5.068a6.93 6.93 0 0 1 6.94 6.918v.019a6.937 6.937 0 1 1-6.94-6.937m.436 3.457l-1.709 6.339l.94.253l1.709-6.339zm1.97 1.047l-.715.649l1.431 1.594l-1.431 1.593l.725.649l2.013-2.242zm-4.8.01l-2.014 2.242L9.6 14.075l.725-.648l-1.431-1.594l1.431-1.603z"/></svg> </template>
CSS
.icon-googlesummerofcode {
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%22m11.995%200l-.954.954L9.24%202.758l-.755.725h-4.97v5.001L0%2012.004l2.758%202.76l.755.752v4.973h4.971L11.995%2024l3.523-3.511h4.961v-4.973L24%2012.005l-3.52-3.521v-5h-5.01zm0%205.068a6.93%206.93%200%200%201%206.94%206.918v.019a6.937%206.937%200%201%201-6.94-6.937m.436%203.457l-1.709%206.339l.94.253l1.709-6.339zm1.97%201.047l-.715.649l1.431%201.594l-1.431%201.593l.725.649l2.013-2.242zm-4.8.01l-2.014%202.242L9.6%2014.075l.725-.648l-1.431-1.594l1.431-1.603z%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%22m11.995%200l-.954.954L9.24%202.758l-.755.725h-4.97v5.001L0%2012.004l2.758%202.76l.755.752v4.973h4.971L11.995%2024l3.523-3.511h4.961v-4.973L24%2012.005l-3.52-3.521v-5h-5.01zm0%205.068a6.93%206.93%200%200%201%206.94%206.918v.019a6.937%206.937%200%201%201-6.94-6.937m.436%203.457l-1.709%206.339l.94.253l1.709-6.339zm1.97%201.047l-.715.649l1.431%201.594l-1.431%201.593l.725.649l2.013-2.242zm-4.8.01l-2.014%202.242L9.6%2014.075l.725-.648l-1.431-1.594l1.431-1.603z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/googlesummerofcode.svg?color=%231a73e8&size=48
