Home/Libraries/SVG Logos (Iconify)/haskell

SVG Logos (Iconify)

Haskell

License: CC0-1.0Commercial Safe

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 78"><path fill="#818cf8" fill-opacity=".937" d="M284.391 20.318q5.577 0 11.89 1.58q6.418 1.579 13.041 4.626l-7.685 12.705l-1.158-.532q-5.125-2.32-8.627-3.361q-3.892-1.257-7.474-1.257q-2.313 0-3.785.734q-1.368.633-1.368 2.102q0 .845.423 1.479q.422.523 1.478 1.05q1.056.525 2.847 1.157l.79.215q1.648.436 3.837.942q5.94 1.483 10.108 3.154l.514.21q4.315 1.689 6.84 3.792q2.63 2 3.682 4.627q1.157 2.524 1.157 5.884q0 8.52-6.523 13.46q-6.417 4.948-17.567 4.948l-.035-.042q-3.47 0-7.467-.526a97 97 0 0 1-7.89-1.366a82 82 0 0 1-7.363-1.998q-3.57-1.26-6.196-2.733l7.685-13.56q5.784 3.048 11.045 4.625t9.787 1.577q5.26 0 5.26-2.629q0-1.368-2.102-2.418q-2.101-1.046-7.986-2.514l-1.442-.393q-4.942-1.374-8.446-2.756q-3.994-1.57-6.408-3.47q-2.424-1.992-3.47-4.305q-1.056-2.415-1.056-5.573q0-4.204 1.684-7.776q1.787-3.57 4.943-6.196q3.154-2.625 7.466-3.993q4.416-1.47 9.571-1.469m-61.275.08q13.256 0 20.408 5.895t7.152 17.664v10.722q0 2.837 1.056 3.994q1.056 1.056 3.792 1.267v16.82a51 51 0 0 1-5.156.734q-2.422.322-4.315.322q-5.363 0-8.204-1.891q-2.736-1.992-3.581-5.784l-.423-1.992q-3.681 4.738-8.52 7.253q-4.838 2.424-10.31 2.424l-.03-.034q-4.102 0-7.678-1.368q-3.576-1.365-6.207-3.679a18.1 18.1 0 0 1-3.996-5.676q-1.47-3.259-1.469-7.043q0-4.205 1.79-7.673q1.791-3.47 4.95-5.992q3.158-2.523 7.474-3.89q4.416-1.365 9.676-1.366q6.74 0 11.156 2.102v-1.682q0-3.89-2.314-5.782q-2.203-1.89-7.252-1.89q-4.433-.001-8.228 1.384l-.504.19q-3.993 1.479-8.409 4.416L198.19 27.44q10.94-7.041 24.926-7.041m180.305-.004q7.042 0 12.549 2.213l.497.206q5.39 2.198 9.082 5.911l.384.396a24.4 24.4 0 0 1 5.579 8.603l.205.55q1.99 5.15 1.991 10.834q0 1.58-.211 3.259a30 30 0 0 1-.322 2.836H394.37q.316 4.417 3.262 6.418q2.944 1.89 6.414 1.891q3.27 0 6.106-1.468q2.948-1.47 3.893-4.094l16.94 4.838q-3.365 6.63-10.412 10.833q-6.942 4.205-17.145 4.205v-.034q-7.258 0-12.938-2.208q-5.68-2.314-9.572-6.202a26.9 26.9 0 0 1-5.784-8.936q-2-5.046-2-10.617q0-5.99 1.891-11.353q1.992-5.361 5.784-9.354q3.893-3.996 9.466-6.307q5.673-2.42 13.147-2.42M459.942.001v53.403q0 6.307 5.15 6.307q1.257 0 2.736-.423q1.47-.42 2.736-1.156l2.525 16.084q-3.581 1.683-8.107 2.628q-4.416.945-8.42.946q-7.996 0-12.312-4.1q-4.315-4.093-4.315-11.869V.008l.03-.007zm38.214 0v53.403q0 6.307 5.15 6.307q1.257 0 2.736-.423q1.47-.42 2.736-1.156l2.525 16.084q-3.58 1.683-8.108 2.628q-4.416.945-8.419.946q-7.997 0-12.302-4.1q-4.315-4.093-4.315-11.869V.008l.01-.007zM142.49 2.104v27.542h25.037V2.104h20.51V76.74h-20.51V47.516H142.49v29.222h-20.51V2.104zM337.618 0v41.946l14.727-20.5h21.037l-19.04 24.177l20.933 31.117h-21.142l-12.518-20.184l-3.997 4.416v15.766h-19.987V0zM222.973 51.931q-3.682 0-6.105 1.78t-2.424 4.517q0 2.314 1.79 3.782q1.89 1.47 4.728 1.469l.019.015q1.789 0 3.681-.525q1.893-.632 3.366-1.577q1.157-.84 1.894-1.788q.737-1.05.737-2.102v-4.1a29 29 0 0 0-3.893-1.05q-2.113-.42-3.793-.42M403.11 34.586q-3.792 0-6.206 2.313t-2.948 6.307h18.308q-.534-3.993-2.948-6.307q-2.424-2.313-6.206-2.313"/><path fill="#818cf8" d="m0 76.84l24.89-37.31L0 2.218h18.667l24.89 37.312l-24.89 37.31z"/><path fill="#818cf8" d="m24.89 76.84l24.89-37.31L24.89 2.218h18.667L93.335 76.84H74.67L59.114 53.522L43.556 76.84z"/><path fill="#818cf8" d="m85.04 55.076l-8.296-12.438h29.038v12.439zM72.595 36.42L64.3 23.984h41.483V36.42z"/></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. HaskellIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.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.