Home/Libraries/Game Icons (Iconify)/despair

Game Icons (Iconify)

Despair

License: CC-BY-3.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 512 512"><path fill="#818cf8" d="M45.215 19.162v438.443l18.687-27.334V19.163H45.215zm50.21 0v408.082h18.688V19.162H95.426zm54.07 0V294.11h3.21c4.71-5.543 9.902-10.77 15.48-15.684V19.162zm50.21 0v236.98a219 219 0 0 1 18.69-9.44V19.16h-18.69zm50.21 0v216.033a243 243 0 0 1 18.69-4.625V19.162zm48.923 0v207.262a208 208 0 0 1 15.432-.512c1.088.006 2.17.03 3.255.055V19.162zm54.07 0v211.12a143 143 0 0 1 12.237 3.46c1.688-2.06 3.45-4.088 5.31-6.07c.376-.4.763-.78 1.143-1.174V19.162zm50.21 0v184.172c6.14-2.986 12.41-5.27 18.69-6.81V19.16h-18.69zm50.208 0v176.336c6.655 1.35 12.978 3.786 18.69 7.395V19.163h-18.69zM440.61 212.85c-3.508-.006-7.176.35-10.97 1.074c-15.174 2.895-31.835 11.907-45.554 26.533a97.7 97.7 0 0 0-12.434 16.412c-93.246-57.583-331.013 75.585-179.697 189.32H72.64l-26.453 47.744h257.165l-88.48-103.25c24.272-26.71 67.455-43.708 96.997-45.067c13.792 45.098 36.248 113.5 71.734 148.315h60.865c-43.9-47.444-77.84-111.502-82.236-183.94c1.887 5.67 4.938 10.597 9.137 14.55c9.046 8.518 22.192 11.497 37.366 8.603c15.175-2.895 31.838-11.905 45.557-26.532c13.72-14.626 21.666-31.854 23.61-47.22c1.943-15.367-1.85-28.35-10.895-36.868c-6.784-6.387-15.875-9.66-26.4-9.675z"/></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. DespairIcon.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-3.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.