opencollective logo

opencollective from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: opencollective
Set: SVG Logos
Style: Color
Viewbox: 256×256
License: CC0

The same logo in other sets

opencollectiveBootstrap Icons opencollectiveSimple Icons

Use the opencollective logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#b8d3f4" d="M209.765 128.15c0 16.013-4.9 31.34-13.266 44.575l33.447 33.447a128.9 128.9 0 0 0 25.783-77.35c0-29.265-9.754-55.751-26.47-77.336l-32.776 32.729a79.44 79.44 0 0 1 13.267 43.888z"/><path fill="#7fadf2" d="M127.513 210.355c-45.367-.086-82.125-36.838-82.22-82.205c.069-45.386 36.835-82.166 82.22-82.252c16.732 0 32.058 4.901 44.607 13.267l32.744-32.776A128.97 128.97 0 0 0 127.514.636C57.123.636 0 57.76 0 128.15c0 70.359 57.124 127.513 127.513 127.513a125.13 125.13 0 0 0 77.351-26.501l-33.447-33.431c-11.861 9.754-27.157 14.624-43.904 14.624"/></svg>

React

import type { SVGProps } from "react";

export function LogosOpencollective(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#b8d3f4" d="M209.765 128.15c0 16.013-4.9 31.34-13.266 44.575l33.447 33.447a128.9 128.9 0 0 0 25.783-77.35c0-29.265-9.754-55.751-26.47-77.336l-32.776 32.729a79.44 79.44 0 0 1 13.267 43.888z"/><path fill="#7fadf2" d="M127.513 210.355c-45.367-.086-82.125-36.838-82.22-82.205c.069-45.386 36.835-82.166 82.22-82.252c16.732 0 32.058 4.901 44.607 13.267l32.744-32.776A128.97 128.97 0 0 0 127.514.636C57.123.636 0 57.76 0 128.15c0 70.359 57.124 127.513 127.513 127.513a125.13 125.13 0 0 0 77.351-26.501l-33.447-33.431c-11.861 9.754-27.157 14.624-43.904 14.624"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#b8d3f4" d="M209.765 128.15c0 16.013-4.9 31.34-13.266 44.575l33.447 33.447a128.9 128.9 0 0 0 25.783-77.35c0-29.265-9.754-55.751-26.47-77.336l-32.776 32.729a79.44 79.44 0 0 1 13.267 43.888z"/><path fill="#7fadf2" d="M127.513 210.355c-45.367-.086-82.125-36.838-82.22-82.205c.069-45.386 36.835-82.166 82.22-82.252c16.732 0 32.058 4.901 44.607 13.267l32.744-32.776A128.97 128.97 0 0 0 127.514.636C57.123.636 0 57.76 0 128.15c0 70.359 57.124 127.513 127.513 127.513a125.13 125.13 0 0 0 77.351-26.501l-33.447-33.431c-11.861 9.754-27.157 14.624-43.904 14.624"/></svg>
</template>

CSS

.icon-opencollective {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%23b8d3f4%22%20d%3D%22M209.765%20128.15c0%2016.013-4.9%2031.34-13.266%2044.575l33.447%2033.447a128.9%20128.9%200%200%200%2025.783-77.35c0-29.265-9.754-55.751-26.47-77.336l-32.776%2032.729a79.44%2079.44%200%200%201%2013.267%2043.888z%22%2F%3E%3Cpath%20fill%3D%22%237fadf2%22%20d%3D%22M127.513%20210.355c-45.367-.086-82.125-36.838-82.22-82.205c.069-45.386%2036.835-82.166%2082.22-82.252c16.732%200%2032.058%204.901%2044.607%2013.267l32.744-32.776A128.97%20128.97%200%200%200%20127.514.636C57.123.636%200%2057.76%200%20128.15c0%2070.359%2057.124%20127.513%20127.513%20127.513a125.13%20125.13%200%200%200%2077.351-26.501l-33.447-33.431c-11.861%209.754-27.157%2014.624-43.904%2014.624%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23b8d3f4%22%20d%3D%22M209.765%20128.15c0%2016.013-4.9%2031.34-13.266%2044.575l33.447%2033.447a128.9%20128.9%200%200%200%2025.783-77.35c0-29.265-9.754-55.751-26.47-77.336l-32.776%2032.729a79.44%2079.44%200%200%201%2013.267%2043.888z%22%2F%3E%3Cpath%20fill%3D%22%237fadf2%22%20d%3D%22M127.513%20210.355c-45.367-.086-82.125-36.838-82.22-82.205c.069-45.386%2036.835-82.166%2082.22-82.252c16.732%200%2032.058%204.901%2044.607%2013.267l32.744-32.776A128.97%20128.97%200%200%200%20127.514.636C57.123.636%200%2057.76%200%20128.15c0%2070.359%2057.124%20127.513%20127.513%20127.513a125.13%20125.13%200%200%200%2077.351-26.501l-33.447-33.431c-11.861%209.754-27.157%2014.624-43.904%2014.624%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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