Haskell アイコン

Q: Haskell アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:haskell

Haskell アイコン(logos:haskell)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 78 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 78

SVG をダウンロード

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>

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 コンポーネント

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

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

HTML 画像

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

SVG Logos の関連アイコン

他のアイコンセットの Haskell アイコン

Haskell アイコンのよくある質問

Haskell アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Haskell アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:haskell" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Haskell アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/haskell.svg" alt="Haskell アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →