collaboration emoji
collaboration from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- collaboration
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
More extras openmoji icons from OpenMoji
Use the collaboration emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#fcea2b"><circle cx="21" cy="17" r="3"/><circle cx="55.992" cy="26.324" r="3"/><circle cx="29.993" cy="47.008" r="3"/><path d="M17.103 25.637a5.32 5.32 0 0 1 3.3-1.324l.288-.012a6.28 6.28 0 0 1 4.59 1.728a4.33 4.33 0 0 1 1.283 2.405L27.005 31l-12.081-.007l.222-1.687a5.92 5.92 0 0 1 1.957-3.668m34.656 9.676l.593-.523a4.6 4.6 0 0 1 2.846-1.141l.675-.028a5.98 5.98 0 0 1 4.37 1.646a4.72 4.72 0 0 1 1.397 2.618l.42 2.44l-12.081-.008l.291-2.213a4.5 4.5 0 0 1 1.489-2.79ZM26.688 55.172a3.3 3.3 0 0 1 2.048-.822l.452-.018a7.58 7.58 0 0 1 5.54 2.085c.416.396.693.916.79 1.482l.535 3.108l-12.081-.008l.129-.977a7.83 7.83 0 0 1 2.587-4.85"/></g><g fill="none" stroke="#000" stroke-width="2"><circle cx="21" cy="17" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 30s1-4.311 3-5.311s4-1 6 0S27 30 27 30"/><circle cx="55.992" cy="26.324" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M49.992 39.324s1-4.311 3-5.311s4-1 6 0s3 5.31 3 5.31"/><circle cx="29.993" cy="47.008" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M23.993 60.008s1-4.311 3-5.311s4-1 6 0s3 5.31 3 5.31m16.559-39.871C48.333 15.159 42.035 12 35 12c-2.77 0-5.424.49-7.883 1.387m12.316 44.186c8.213-1.604 14.862-7.577 17.427-15.402m-44.773-9.183A23 23 0 0 0 12 35c0 7.974 4.058 15 10.222 19.127"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiCollaboration(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#fcea2b"><circle cx="21" cy="17" r="3"/><circle cx="55.992" cy="26.324" r="3"/><circle cx="29.993" cy="47.008" r="3"/><path d="M17.103 25.637a5.32 5.32 0 0 1 3.3-1.324l.288-.012a6.28 6.28 0 0 1 4.59 1.728a4.33 4.33 0 0 1 1.283 2.405L27.005 31l-12.081-.007l.222-1.687a5.92 5.92 0 0 1 1.957-3.668m34.656 9.676l.593-.523a4.6 4.6 0 0 1 2.846-1.141l.675-.028a5.98 5.98 0 0 1 4.37 1.646a4.72 4.72 0 0 1 1.397 2.618l.42 2.44l-12.081-.008l.291-2.213a4.5 4.5 0 0 1 1.489-2.79ZM26.688 55.172a3.3 3.3 0 0 1 2.048-.822l.452-.018a7.58 7.58 0 0 1 5.54 2.085c.416.396.693.916.79 1.482l.535 3.108l-12.081-.008l.129-.977a7.83 7.83 0 0 1 2.587-4.85"/></g><g fill="none" stroke="#000" strokeWidth="2"><circle cx="21" cy="17" r="3" strokeMiterlimit="10"/><path strokeLinecap="round" strokeLinejoin="round" d="M15 30s1-4.311 3-5.311s4-1 6 0S27 30 27 30"/><circle cx="55.992" cy="26.324" r="3" strokeMiterlimit="10"/><path strokeLinecap="round" strokeLinejoin="round" d="M49.992 39.324s1-4.311 3-5.311s4-1 6 0s3 5.31 3 5.31"/><circle cx="29.993" cy="47.008" r="3" strokeMiterlimit="10"/><path strokeLinecap="round" strokeLinejoin="round" d="M23.993 60.008s1-4.311 3-5.311s4-1 6 0s3 5.31 3 5.31m16.559-39.871C48.333 15.159 42.035 12 35 12c-2.77 0-5.424.49-7.883 1.387m12.316 44.186c8.213-1.604 14.862-7.577 17.427-15.402m-44.773-9.183A23 23 0 0 0 12 35c0 7.974 4.058 15 10.222 19.127"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#fcea2b"><circle cx="21" cy="17" r="3"/><circle cx="55.992" cy="26.324" r="3"/><circle cx="29.993" cy="47.008" r="3"/><path d="M17.103 25.637a5.32 5.32 0 0 1 3.3-1.324l.288-.012a6.28 6.28 0 0 1 4.59 1.728a4.33 4.33 0 0 1 1.283 2.405L27.005 31l-12.081-.007l.222-1.687a5.92 5.92 0 0 1 1.957-3.668m34.656 9.676l.593-.523a4.6 4.6 0 0 1 2.846-1.141l.675-.028a5.98 5.98 0 0 1 4.37 1.646a4.72 4.72 0 0 1 1.397 2.618l.42 2.44l-12.081-.008l.291-2.213a4.5 4.5 0 0 1 1.489-2.79ZM26.688 55.172a3.3 3.3 0 0 1 2.048-.822l.452-.018a7.58 7.58 0 0 1 5.54 2.085c.416.396.693.916.79 1.482l.535 3.108l-12.081-.008l.129-.977a7.83 7.83 0 0 1 2.587-4.85"/></g><g fill="none" stroke="#000" stroke-width="2"><circle cx="21" cy="17" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 30s1-4.311 3-5.311s4-1 6 0S27 30 27 30"/><circle cx="55.992" cy="26.324" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M49.992 39.324s1-4.311 3-5.311s4-1 6 0s3 5.31 3 5.31"/><circle cx="29.993" cy="47.008" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M23.993 60.008s1-4.311 3-5.311s4-1 6 0s3 5.31 3 5.31m16.559-39.871C48.333 15.159 42.035 12 35 12c-2.77 0-5.424.49-7.883 1.387m12.316 44.186c8.213-1.604 14.862-7.577 17.427-15.402m-44.773-9.183A23 23 0 0 0 12 35c0 7.974 4.058 15 10.222 19.127"/></g></svg> </template>
CSS
.icon-collaboration {
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%2072%2072%22%3E%3Cg%20fill%3D%22%23fcea2b%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2217%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2255.992%22%20cy%3D%2226.324%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2229.993%22%20cy%3D%2247.008%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M17.103%2025.637a5.32%205.32%200%200%201%203.3-1.324l.288-.012a6.28%206.28%200%200%201%204.59%201.728a4.33%204.33%200%200%201%201.283%202.405L27.005%2031l-12.081-.007l.222-1.687a5.92%205.92%200%200%201%201.957-3.668m34.656%209.676l.593-.523a4.6%204.6%200%200%201%202.846-1.141l.675-.028a5.98%205.98%200%200%201%204.37%201.646a4.72%204.72%200%200%201%201.397%202.618l.42%202.44l-12.081-.008l.291-2.213a4.5%204.5%200%200%201%201.489-2.79ZM26.688%2055.172a3.3%203.3%200%200%201%202.048-.822l.452-.018a7.58%207.58%200%200%201%205.54%202.085c.416.396.693.916.79%201.482l.535%203.108l-12.081-.008l.129-.977a7.83%207.83%200%200%201%202.587-4.85%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2217%22%20r%3D%223%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2030s1-4.311%203-5.311s4-1%206%200S27%2030%2027%2030%22%2F%3E%3Ccircle%20cx%3D%2255.992%22%20cy%3D%2226.324%22%20r%3D%223%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M49.992%2039.324s1-4.311%203-5.311s4-1%206%200s3%205.31%203%205.31%22%2F%3E%3Ccircle%20cx%3D%2229.993%22%20cy%3D%2247.008%22%20r%3D%223%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M23.993%2060.008s1-4.311%203-5.311s4-1%206%200s3%205.31%203%205.31m16.559-39.871C48.333%2015.159%2042.035%2012%2035%2012c-2.77%200-5.424.49-7.883%201.387m12.316%2044.186c8.213-1.604%2014.862-7.577%2017.427-15.402m-44.773-9.183A23%2023%200%200%200%2012%2035c0%207.974%204.058%2015%2010.222%2019.127%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cg%20fill%3D%22%23fcea2b%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2217%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2255.992%22%20cy%3D%2226.324%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2229.993%22%20cy%3D%2247.008%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M17.103%2025.637a5.32%205.32%200%200%201%203.3-1.324l.288-.012a6.28%206.28%200%200%201%204.59%201.728a4.33%204.33%200%200%201%201.283%202.405L27.005%2031l-12.081-.007l.222-1.687a5.92%205.92%200%200%201%201.957-3.668m34.656%209.676l.593-.523a4.6%204.6%200%200%201%202.846-1.141l.675-.028a5.98%205.98%200%200%201%204.37%201.646a4.72%204.72%200%200%201%201.397%202.618l.42%202.44l-12.081-.008l.291-2.213a4.5%204.5%200%200%201%201.489-2.79ZM26.688%2055.172a3.3%203.3%200%200%201%202.048-.822l.452-.018a7.58%207.58%200%200%201%205.54%202.085c.416.396.693.916.79%201.482l.535%203.108l-12.081-.008l.129-.977a7.83%207.83%200%200%201%202.587-4.85%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2217%22%20r%3D%223%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2030s1-4.311%203-5.311s4-1%206%200S27%2030%2027%2030%22%2F%3E%3Ccircle%20cx%3D%2255.992%22%20cy%3D%2226.324%22%20r%3D%223%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M49.992%2039.324s1-4.311%203-5.311s4-1%206%200s3%205.31%203%205.31%22%2F%3E%3Ccircle%20cx%3D%2229.993%22%20cy%3D%2247.008%22%20r%3D%223%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M23.993%2060.008s1-4.311%203-5.311s4-1%206%200s3%205.31%203%205.31m16.559-39.871C48.333%2015.159%2042.035%2012%2035%2012c-2.77%200-5.424.49-7.883%201.387m12.316%2044.186c8.213-1.604%2014.862-7.577%2017.427-15.402m-44.773-9.183A23%2023%200%200%200%2012%2035c0%207.974%204.058%2015%2010.222%2019.127%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/collaboration.svg?color=%231a73e8&size=48
