Icono Haskell

logos:haskell

El icono Haskell (logos:haskell) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 78. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: SVG Logos
Autor: Gil Barbara
Licencia: CC0-1.0
Tamaño: 512 × 78

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="78" viewBox="0 0 512 78"><path fill="#333" 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="#453a62" d="m0 76.84l24.89-37.31L0 2.218h18.667l24.89 37.312l-24.89 37.31z"/><path fill="#5e5086" d="m24.89 76.84l24.89-37.31L24.89 2.218h18.667L93.335 76.84H74.67L59.114 53.522L43.556 76.84z"/><path fill="#8f4e8b" d="m85.04 55.076l-8.296-12.438h29.038v12.439zM72.595 36.42L64.3 23.984h41.483V36.42z"/></svg>

Cómo usar el icono Haskell

React

import { Icon } from "@iconify/react";

<Icon icon="logos:haskell" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:haskell" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:haskell" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--haskell]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:haskell"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:haskell"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/logos/haskell.svg" alt="Icono Haskell" width="24" height="24">

Iconos relacionados en SVG Logos

El icono Haskell en otras colecciones

Preguntas frecuentes sobre Icono Haskell

¿El icono Haskell es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Haskell en React?

Instala @iconify/react y renderiza <Icon icon="logos:haskell" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Haskell a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/haskell.svg" alt="Icono Haskell">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →