Home/Libraries/Freehand free icons (Iconify)/customer-action-product-message

Freehand free icons (Iconify)

CustomerActionProductMessage

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="M23.71 9.185c.09-1.5.51-3.422.14-4.922a3.22 3.22 0 0 0-1.33-2.002c-1.522-.95-5.824-1.55-10.157-1.65a40.3 40.3 0 0 0-8.155.49a5.1 5.1 0 0 0-2.111.78A7 7 0 0 0 .196 6.274a30.3 30.3 0 0 0 0 6.874c.066.795.22 1.58.46 2.341c.19.563.538 1.06 1 1.431a9.5 9.5 0 0 0 4.333 1.601c2.258.303 4.547.303 6.804 0a.29.29 0 0 0 .25-.32a.28.28 0 0 0-.32-.24a24.8 24.8 0 0 1-6.634-.09a8.8 8.8 0 0 1-4.002-1.531a2.3 2.3 0 0 1-.68-1.1a9.5 9.5 0 0 1-.42-2.172a28.6 28.6 0 0 1 .14-6.654a6 6 0 0 1 1.6-3.742a4.4 4.4 0 0 1 1.671-.55a41.7 41.7 0 0 1 7.925-.441c4.092.1 8.205.56 9.606 1.48a2.51 2.51 0 0 1 1 2.002a26.5 26.5 0 0 1-.22 4.002c-.06 1.451.34 4.173-.07 6.174a2.61 2.61 0 0 1-1.14 1.931a3.8 3.8 0 0 1-1.331.41c-.77.11-1.571.1-2.312.22a.56.56 0 0 0-.37.36c-.11.301-.3 1.061-.34 1.192c-.25.77-.45 1.84-.73 2.601c-.13.35-.22.65-.41.7s-.14-.05-.24-.15a3.4 3.4 0 0 1-.521-.74l-.58-1.21l-.67-1.822a.31.31 0 0 0-.411-.19a.33.33 0 0 0-.18.41l.67 1.821l.6 1.291c.6 1.09 1.161 1.341 1.541 1.24a1.32 1.32 0 0 0 .74-.74c.371-.76.631-2.09.941-3.001c0-.11.19-.71.31-1c.811-.09 1.692-.06 2.512-.221a4.3 4.3 0 0 0 1.22-.43a3.48 3.48 0 0 0 1.592-2.492c.47-2.071.1-4.853.18-6.334"/><path d="M5.73 11.067a7.1 7.1 0 0 0-.451 2.781a1.4 1.4 0 0 0 .84.74a7.8 7.8 0 0 0 1.942.421q1.266.147 2.541.14c1.26 0 2.552-.08 3.742-.15q.93.007 1.851-.11a1.83 1.83 0 0 0 1.001-.49c.19-.233.302-.52.32-.82a9.3 9.3 0 0 0-.18-2.382a10.8 10.8 0 0 0-1.51-4.193a1.53 1.53 0 0 0-.831-.34h-.38c0-.14 0-.28-.07-.42a3.75 3.75 0 0 0-.771-1.661a2.29 2.29 0 0 0-2.512-.78a3 3 0 0 0-1.31.88a4.16 4.16 0 0 0-.95 2.001q-.009.105 0 .21l-1.172.06a.3.3 0 0 0-.26.31a.34.34 0 0 0-.3.14a16.4 16.4 0 0 0-1.54 3.663m5.452-6.064a1.36 1.36 0 0 1 1.811.23c.318.336.548.745.67 1.19c0 .06 0 .12.05.191h-.44l-3.521.18a3.3 3.3 0 0 1 1.43-1.791M7.76 7.755a.32.32 0 0 0 0-.28h1.071v.48q-.012.626.05 1.25a.29.29 0 1 0 .57 0a8 8 0 0 1 .09-1.2c0-.18.08-.36.11-.53h4.263q.11.646.14 1.3a.32.32 0 0 0 .64 0v-1.24a.85.85 0 0 1 .51.16c.528.954.867 2 1.001 3.081q.201 1.107.23 2.232c0 1.11-.57.79-2.16.9c-1.171.09-2.442.18-3.693.21q-1.213.039-2.421-.06a8 8 0 0 1-1.501-.23c-.26-.07-.52-.13-.59-.3a8.9 8.9 0 0 1 .56-2.892a13.4 13.4 0 0 1 1.13-2.881"/></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. CustomerActionProductMessageIcon.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.