Home/Libraries/Freehand free icons (Iconify)/bug-alert-message

Freehand free icons (Iconify)

BugAlertMessage

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="M10.32 13.285a1.42 1.42 0 0 0 .61.999a1.8 1.8 0 0 0 2.097-.07a1.55 1.55 0 0 0 .55-1.059a1.63 1.63 0 0 0-.49-1.158a1.7 1.7 0 0 0-1.268-.5a1.56 1.56 0 0 0-1.199.62c-.243.337-.35.755-.3 1.168m1.25-.45a.48.48 0 0 1 .319-.12a.53.53 0 0 1 .37.12c.12.1.239.2.249.34a.57.57 0 0 1-.11.43a.57.57 0 0 1-.939.06a.55.55 0 0 1-.1-.42a.74.74 0 0 1 .21-.41"/><path d="M23.865 12.047v-1.709l-.09-1.777l-.1-2.308q.01-1.218-.14-2.427a2.55 2.55 0 0 0-.559-1.209a1.14 1.14 0 0 0-.53-.3c-.33-.09-.868-.13-.998-.17q-.886-.195-1.788-.299a34 34 0 0 0-2.657-.18c-1.738-.06-3.466-.1-5.184-.07s-3.456.12-5.194.31l-4.695.77a.34.34 0 0 0 .07.668l4.705-.609a62 62 0 0 1 4.095-.1c2.048 0 4.095.12 6.153.26c.849 0 1.718.1 2.567.21c.56.07 1.109.16 1.648.28c.54.12.999-.42 1.209.998c.08.7.05 1.479.07 1.998l.13 2.277l.14 1.798l.09 1.658q.203 1.573.169 3.157a2.88 2.88 0 0 1-.66 1.718c-.53.31-1.146.443-1.757.38c-1.119.05-2.428-.06-3.217-.09a.37.37 0 0 0-.479.23a10 10 0 0 1-.51.998q-.273.48-.619.909l-.799.849l-.719.56l-.39.21l-.18.08a2 2 0 0 0 0-.22a5 5 0 0 0-.13-.81a18 18 0 0 1-.389-1.918c-.05-.32-.07-.639-.09-.949a.34.34 0 0 0 .09-.25c0-.688-.799-.199-5.793-.339a34 34 0 0 1-3.546-.26l-1.998-.35a2 2 0 0 0-.37-.139V8.82c0-1.079-.12-2.227-.08-3.356a9.6 9.6 0 0 1 .13-2.157a.33.33 0 0 0-.477-.381a.34.34 0 0 0-.162.19a11.3 11.3 0 0 0-.449 2.288c-.1 1.149-.1 2.317-.14 3.406s-.15 2.248-.24 3.376v2.318q-.015.747.08 1.488c.027.3.13.59.3.839c.1.149.248.258.42.31q.32.092.649.14l2.157.31c1.199.099 2.437.109 3.676.089c1.678 0 3.356-.16 4.994-.28q-.03.595 0 1.189c0 .58.06 1.139.11 1.708c0 .38 0 .73.06.999c.026.237.104.466.23.67c.25.369.699.658 1.668.239l.57-.32a3 3 0 0 0 .389-.3q.252-.217.46-.479l.768-1.119q.329-.534.58-1.108c.11-.27.21-.55.3-.83q1.857.186 3.725.16a2.93 2.93 0 0 0 1.838-.559c.582-.62.934-1.42.999-2.267a20 20 0 0 0-.11-3.337"/><path d="M6.525 7.532a17 17 0 0 1 1.568-1.239a.32.32 0 0 0 .11-.45a.32.32 0 0 0-.44-.12q-.946.443-1.827 1Q5.055 7.307 4.257 8a8 8 0 0 0-.809.74a1 1 0 0 0-.25.559a1.34 1.34 0 0 0 .31.999a5 5 0 0 0 1.229.998q.353.216.73.39q.372.18.758.33l1 .32c.329.1.658.179.998.249a.38.38 0 0 0 .18-.73c-.31-.1-.6-.209-.89-.329l-.858-.41l-1.259-.798c-.13-.1-.34-.26-.55-.44c-.698-.59-.249-.42.3-.939a17 17 0 0 1 1.379-1.408M18.98 8.72l-.579.58l-1.378 1.098l-2.148 1.519a.38.38 0 0 0 .073.692a.37.37 0 0 0 .287-.033l2.347-1.319l1.578-.998l.82-.69l.509-.689a1.27 1.27 0 0 0 0-1.388a1.45 1.45 0 0 0-.71-.55c-.379-.15-.878-.22-1.278-.34l-3.316-.888a.332.332 0 1 0-.21.63l3.117 1.308c1.528.629 1.508.23.889 1.068m-7.252 2.108a.38.38 0 0 0 .35-.4c.05-.659.13-1.348.21-2.067c0-.29.06-.59.08-.88c.02-.289 0-.589 0-.878c0-.71 0-1.399.09-1.998a.331.331 0 0 0-.64-.18a11.4 11.4 0 0 0-.66 2.098a9 9 0 0 0-.11.919v.929c0 .749.14 1.468.23 2.147a.38.38 0 0 0 .45.31"/></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. BugAlertMessageIcon.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.