Home/Libraries/Solar (Iconify)/chat-square-arrow-broken

Solar (Iconify)

ChatSquareArrowBroken

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="m12.978 21.456l.643.385zm.488-.814l-.643-.386zm-2.932 0l-.643.385zm.488.814l.643-.386zM12 4.222l-.527-.533a.75.75 0 0 0 0 1.067zm8.25 7.556a.75.75 0 0 0 1.5 0zm-18 0a.75.75 0 0 0 1.5 0zM4.034 16.3a.75.75 0 1 0-1.383.58zm4.177 3.026l-.013.75zm-2.433-.33l-.284.693zm14.88-2.406l.691.29zm-4.869 2.736l-.012-.75zm2.433-.33l.284.693zm.63-14.119l-.39.642zm1.485 1.467l.637-.395zM5.149 4.877l-.389-.642zM3.663 6.344l-.637-.395zm6 13.176l.373-.65zm5.114-16.986a.75.75 0 1 0-1.054-1.068zm-1.054 4.444a.75.75 0 1 0 1.054-1.067zm-4.42-2.005a.75.75 0 1 0-.005-1.5zm12.433 9.492a.75.75 0 0 0-1.499-.04zm-8.115 7.376l.488-.814l-1.286-.77l-.488.813zm-3.73-.814l.488.814l1.286-.77l-.488-.815zm2.444.043a.38.38 0 0 1-.335.18a.38.38 0 0 1-.335-.18l-1.286.771c.726 1.212 2.516 1.212 3.242 0zm-4.112-2.494c-1.13-.02-1.71-.09-2.161-.275l-.568 1.388c.738.302 1.574.367 2.704.387zM2.651 16.88a5.22 5.22 0 0 0 2.843 2.81l.568-1.39a3.72 3.72 0 0 1-2.028-2zm13.151 3.196c1.13-.02 1.966-.085 2.704-.387l-.568-1.388c-.45.184-1.031.256-2.161.275zm4.164-3.776a3.72 3.72 0 0 1-2.028 2l.568 1.39a5.22 5.22 0 0 0 2.843-2.81zM12 4.972c1.48 0 2.895 0 4.074.08c.588.04 1.1.099 1.518.182c.43.085.71.187.87.285l.778-1.284c-.38-.23-.859-.373-1.355-.472a14 14 0 0 0-1.71-.207c-1.24-.084-2.71-.084-4.175-.084zm9.75 6.806c0-1.44 0-2.574-.086-3.48c-.089-.916-.273-1.676-.69-2.349l-1.274.79c.245.397.393.898.47 1.704c.08.816.08 1.865.08 3.335zm-3.287-6.26c.505.306.928.725 1.237 1.222l1.274-.791a5.2 5.2 0 0 0-1.734-1.714zM3.75 11.779c0-1.47 0-2.519.08-3.335c.077-.806.225-1.307.47-1.703L3.026 5.95c-.418.673-.601 1.433-.69 2.35c-.087.905-.086 2.039-.086 3.479zm1.01-7.543A5.2 5.2 0 0 0 3.026 5.95l1.274.79a3.7 3.7 0 0 1 1.237-1.22zm6.417 16.021c-.181-.303-.344-.576-.503-.792a2.1 2.1 0 0 0-.638-.594l-.747 1.3c.03.018.081.054.178.185c.106.144.227.344.424.672zm-2.98-.18c.397.006.644.011.831.032c.174.019.232.046.26.062l.748-1.3a2.1 2.1 0 0 0-.845-.253c-.271-.03-.599-.035-.968-.041zm5.912.951a9 9 0 0 1 .424-.672c.097-.131.147-.167.178-.185l-.747-1.3a2.1 2.1 0 0 0-.638.594c-.159.216-.322.489-.503.792zm1.668-2.451c-.37.006-.697.011-.968.04c-.285.032-.57.096-.845.254l.747 1.3c.029-.016.087-.043.26-.062c.188-.02.435-.026.831-.032zm-3.25-13.82l2.25-2.222l-1.054-1.068l-2.25 2.223zm-1.054 0l2.25 2.222l1.054-1.067l-2.25-2.222zM9.298 3.473c-2.236.007-3.368.054-4.538.762l.777 1.284c.758-.459 1.46-.539 3.765-.546zm10.939 10.952c-.026.955-.102 1.471-.271 1.875l1.383.58c.284-.678.361-1.434.387-2.415z"/></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. ChatSquareArrowBrokenIcon.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.