Home/Libraries/Freehand free icons (Iconify)/collaboration-team-chat

Freehand free icons (Iconify)

CollaborationTeamChat

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M14.777 11.27a.31.31 0 0 0 .27-.35a2.3 2.3 0 0 1 .4-1.309q.375-.564.84-1.059q.673-.779 1.428-1.479q.46.102.93.12a.28.28 0 0 0 0-.55c-1.78-.18-2.559-1.338-2.459-2.487a2.46 2.46 0 0 1 2.658-2.149a2.2 2.2 0 0 1 2.239 2.099a2.28 2.28 0 0 1-1.8 2.678a.312.312 0 1 0 .08.62c.35-.032.689-.13 1-.29q.372.416.67.889q.18.27.33.54c.11.189.22.379.319.569q.364.709.61 1.469a.3.3 0 0 0 .36.24a.31.31 0 0 0 .249-.36a7.3 7.3 0 0 0-.31-1.729a3.7 3.7 0 0 0-.29-.73a4 4 0 0 0-.46-.639a4.4 4.4 0 0 0-.848-.67a3.39 3.39 0 0 0 .999-2.687A3.127 3.127 0 0 0 18.814.908a3.387 3.387 0 0 0-3.487 3.198a2.9 2.9 0 0 0 1.669 2.708a7 7 0 0 0-1.2.789a4.6 4.6 0 0 0-.909 1.05a3.06 3.06 0 0 0-.46 2.347a.3.3 0 0 0 .35.27m-6.355 8.533a4 4 0 0 0-.42-.63a4.2 4.2 0 0 0-.849-.699a3.38 3.38 0 0 0 1-2.668A3.117 3.117 0 0 0 4.935 12.7a3.367 3.367 0 0 0-3.487 3.187a2.9 2.9 0 0 0 1.659 2.708a7 7 0 0 0-1.2.79a4.6 4.6 0 0 0-.899 1.049a3.06 3.06 0 0 0-.46 2.358a.3.3 0 0 0 .35.26a.31.31 0 0 0 .27-.35a2.3 2.3 0 0 1 .4-1.309q.375-.565.84-1.06q.676-.775 1.428-1.478q.457.116.93.12a.28.28 0 0 0 0-.55c-1.76-.18-2.519-1.339-2.419-2.488a2.46 2.46 0 0 1 2.658-2.188a2.2 2.2 0 0 1 2.198 2.138a2.28 2.28 0 0 1-1.788 2.678a.31.31 0 0 0-.275.345a.31.31 0 0 0 .345.275c.348-.031.688-.13.999-.29q.371.416.67.89q.178.265.33.549c.11.18.219.37.319.56q.364.71.61 1.468a.31.31 0 0 0 .589-.12a7.3 7.3 0 0 0-.31-1.728a4 4 0 0 0-.27-.71M1.798 10.27a6.7 6.7 0 0 0 4.076 1.25A55 55 0 0 0 12 11a.27.27 0 0 0 .26-.3a.27.27 0 0 0-.29-.25q-2.988.335-5.996.35a5.86 5.86 0 0 1-3.517-1.199a4.73 4.73 0 0 1-1.449-3.597a5.36 5.36 0 0 1 1.22-3.667a3.48 3.48 0 0 1 2.208-1a5.15 5.15 0 0 1 2.568.36a3 3 0 0 1 1.708 1.84c.48 1.378.36 3.047.92 4.386c.23.544.599 1.02 1.069 1.379a10 10 0 0 0 2.118 1.229a.31.31 0 0 0 .42-.14a.33.33 0 0 0-.14-.39A9.8 9.8 0 0 1 11.1 8.802a2.86 2.86 0 0 1-.829-1.12c-.57-1.678-.27-3.676-1.06-5.185A3.84 3.84 0 0 0 7.364.818a6.2 6.2 0 0 0-2.997-.5a4.6 4.6 0 0 0-2.908 1.29a6.38 6.38 0 0 0-1.45 4.396a5.68 5.68 0 0 0 1.789 4.267m20.743 3.527a4.5 4.5 0 0 0-2.878-1.289a6.1 6.1 0 0 0-2.997.5a3.78 3.78 0 0 0-1.849 1.668c-.829 1.52-.49 3.548-1.099 5.166c-.183.45-.479.847-.86 1.15a10 10 0 0 1-1.997 1.209a.32.32 0 0 0-.14.42a.33.33 0 0 0 .42.139a10.4 10.4 0 0 0 2.118-1.239c.467-.358.835-.83 1.069-1.369c.56-1.349.44-2.998.919-4.397a3 3 0 0 1 1.749-1.878a5.15 5.15 0 0 1 2.538-.35a3.48 3.48 0 0 1 2.208 1a5.37 5.37 0 0 1 1.249 3.647a4.76 4.76 0 0 1-1.339 3.567a5.85 5.85 0 0 1-3.517 1.189a52 52 0 0 1-5.995-.35a.28.28 0 1 0 0 .55c2.019.302 4.054.493 6.095.57c1.458.038 2.89-.4 4.077-1.25a5.68 5.68 0 0 0 1.678-4.256a6.34 6.34 0 0 0-1.449-4.397"/><path d="M4.486 4.635h2.288a.319.319 0 1 0 .1-.63c-.42-.13-.83-.259-1.26-.349a3.4 3.4 0 0 0-.559-.07a3.6 3.6 0 0 0-.57 0q-.665.09-1.298.31a.27.27 0 0 0-.18.36a.28.28 0 0 0 .31.24c.37.01.759.1 1.169.14m12.74 12.21h2.288c.41 0 .8-.13 1.229-.15a.28.28 0 0 0 .351-.235a.28.28 0 0 0-.281-.315a6.6 6.6 0 0 0-1.3-.31a3.6 3.6 0 0 0-.569 0a5 5 0 0 0-.56.07q-.64.144-1.258.36a.32.32 0 0 0-.26.36a.31.31 0 0 0 .36.22M2.747 7.403a.27.27 0 0 0 .33.2h2.008l.6-.06l1.428-.18a.31.31 0 1 0 .02-.62q-.73-.133-1.468-.19a5 5 0 0 0-.64 0a3.3 3.3 0 0 0-.63.08a7.6 7.6 0 0 0-1.388.44a.28.28 0 0 0-.26.33m13.819 11.831a.31.31 0 0 0 .33.3l1.419.18l.6.06h2.008a.28.28 0 0 0 .299-.417a.27.27 0 0 0-.17-.123a7.6 7.6 0 0 0-1.438-.46c-.21 0-.42-.06-.64-.08s-.42 0-.63 0q-.739.055-1.468.19a.32.32 0 0 0-.31.35"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CollaborationTeamChatIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.