Home/Libraries/Freehand free icons (Iconify)/messages-bubble-settings

Freehand free icons (Iconify)

MessagesBubbleSettings

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"><path fill="#818cf8" d="M23.963 9.61c-.09-2-1.61-4.821-4.191-6.882A12.25 12.25 0 0 0 12.16.008a12.36 12.36 0 0 0-8.122 2.83A11.33 11.33 0 0 0 .037 10.44c-.18 3.06.3 4.851 1.37 6.082s2.941 2 5.482 2.85c.09 0 .12.15.17.3c.114.51.114 1.04 0 1.55a4.44 4.44 0 0 1-.9 2.081a.43.43 0 0 0 .36.69q.441.01.88-.05a8.8 8.8 0 0 0 3.56-1.16a5.4 5.4 0 0 0 1.001-.95c.69-.84 1.28-1.9 1.62-2.34c.41 0 1.4 0 2.441-.13a13.5 13.5 0 0 0 1.76-.3a8.35 8.35 0 0 0 4.862-3.562a10 10 0 0 0 1.32-5.891m-2 5.481a7.54 7.54 0 0 1-4.352 3.321q-.819.214-1.66.31c-1.32.16-2.4-.07-2.73.17s-.921 1.33-1.561 2.16a5.3 5.3 0 0 1-1.09 1.121a7.8 7.8 0 0 1-3.251 1c.378-.729.597-1.53.64-2.35a3.6 3.6 0 0 0-.18-1.59a1.12 1.12 0 0 0-.64-.7c-2.33-.851-4.001-1.461-5.001-2.661s-1.25-2.681-1-5.362a10.2 10.2 0 0 1 3.7-6.792a11.35 11.35 0 0 1 7.402-2.56a11.2 11.2 0 0 1 6.942 2.4c2.35 1.82 3.81 4.301 3.93 6.102a9.16 9.16 0 0 1-1.21 5.431z"/><path fill="#818cf8" d="M18.862 7.57a1.9 1.9 0 0 0-.29-.65a7 7 0 0 0-.85-1.001a4 4 0 0 0-.91-.68a1.15 1.15 0 0 0-.681-.1a1.7 1.7 0 0 0-.63.36c-.36.29-.87.74-1.24 1a2.6 2.6 0 0 0-.3-.3a5 5 0 0 0-.54-.36v-1.15a2 2 0 0 0-.17-.76a1.07 1.07 0 0 0-.75-.41a7.7 7.7 0 0 0-1.541.12q-.466.008-.92.11a1 1 0 0 0-.46.26a.73.73 0 0 0-.1.47c0 .37.13 1.13.2 1.63q-.406.13-.78.33a1.6 1.6 0 0 0-.37.25a9.5 9.5 0 0 0-1.001-.92a1.15 1.15 0 0 0-.57-.21a.74.74 0 0 0-.42.24c-.16.17-.38.46-.59.68a3.8 3.8 0 0 0-.59.92a1 1 0 0 0-.08.67a.87.87 0 0 0 .28.35c.3.25 1 .67 1.35 1a2.2 2.2 0 0 0-.08.681a2.7 2.7 0 0 0 0 .5a5.3 5.3 0 0 0-1.2.62a1.18 1.18 0 0 0-.52 1q.023.216.12.41c.14.29.44.63.54.84q.26.548.66 1.001a1 1 0 0 0 .75.32c.26-.015.51-.106.72-.26q.281-.184.53-.41q.201.167.42.31q.395.242.83.4q-.097.586-.12 1.18c-.042.34.006.686.14 1a.9.9 0 0 0 .65.3q1.138.044 2.271-.07q.346-.02.68-.11a.6.6 0 0 0 .42-.59l-.06-1.39q.25-.107.48-.25q.34-.204.64-.46c.32.33.74.7.84.79a.86.86 0 0 0 .941.11c.444-.293.86-.628 1.24-1a2.6 2.6 0 0 0 .64-.85a2.1 2.1 0 0 0 .22-1.06a1.24 1.24 0 0 0-.41-.78c-.34-.33-.94-.69-1.33-1a2.26 2.26 0 0 0-.05-1.111a15 15 0 0 0 1.49-1.09a1.24 1.24 0 0 0 .5-.88M15.96 8.91a.52.52 0 0 0-.2.64c.078.18.126.374.14.57c.01.183-.013.366-.07.54a.54.54 0 0 0 .15.55c.37.36 1.6 1.3 1.6 1.29a1.3 1.3 0 0 1-.48.91c-.31.27-.79.471-.93.661l-.8-.78a.58.58 0 0 0-.94-.11a3.8 3.8 0 0 1-.69.58c-.22.164-.467.286-.73.36a.58.58 0 0 0-.48.58l.02 1.31q-.943.11-1.891.1c0-.52.054-1.04.16-1.55a.54.54 0 0 0-.37-.65a6 6 0 0 1-.89-.35a1.3 1.3 0 0 1-.6-.41a.55.55 0 0 0-.33-.27a.48.48 0 0 0-.42.07c-.201.13-.491.42-.781.64c-.11.08-.2.18-.29.18s0 0-.08-.08a2 2 0 0 1-.1-.22c-.12-.18-.21-.37-.28-.49l-.58-.87s0-.09.1-.13a1.6 1.6 0 0 1 .38-.27a7 7 0 0 1 1-.44a.45.45 0 0 0 .26-.56a2.1 2.1 0 0 1-.14-.651a1.34 1.34 0 0 1 .1-.59a.43.43 0 0 0-.11-.46a4 4 0 0 0-.59-.49c-.35-.24-.79-.51-1-.7c.06-.09.06-.3.14-.43q.104-.2.24-.38a4 4 0 0 1 .62-.66c.09.06.19.16.31.26c.34.3.69.68.93.85a.34.34 0 0 0 .29.07a.36.36 0 0 0 .25-.18a.86.86 0 0 1 .36-.34q.42-.228.87-.39a.3.3 0 0 0 .25-.34s-.21-1.441-.24-1.891l.19-.05q.36-.021.72 0c.39 0 .801-.11 1.141-.1a.48.48 0 0 1 .42.15v1.62a.4.4 0 0 0 .23.42a2.46 2.46 0 0 1 1.01.9a.42.42 0 0 0 .433.18a.4.4 0 0 0 .148-.07l1.85-1.43c.12 0 .23.07.34.15q.257.196.48.43q.265.28.49.59q.144.191.26.4q-.887.733-1.87 1.33"/><path fill="#818cf8" d="M12.73 8.75a2 2 0 0 0-.33-.08c-1.62-.22-2.11.39-2.35 1.14a1.55 1.55 0 0 0 1.15 2a2 2 0 0 0 1.34-.28c.36-.225.655-.538.86-.91a1.44 1.44 0 0 0 .13-1.13a1.18 1.18 0 0 0-.8-.74m-.19 1.38a1.55 1.55 0 0 1-.57.46a.85.85 0 0 1-.57.13c-.48-.05-.54-.57-.39-.94c.29-.69.77-.49 1.43-.31a.4.4 0 0 1 .23.3a.5.5 0 0 1-.13.36"/></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. MessagesBubbleSettingsIcon.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.