Scala アイコン

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

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

devicon:scala

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

アイコンセット: Devicon
作者: konpa
ライセンス: MIT
サイズ: 128 × 128

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#390d09" d="M25 110.437V94.874h5.616c3.113 0 8.052-.203 11.03-.474l5.278-.406l-7.038-1.894c-3.924-1.015-8.864-2.504-10.961-3.316L25 87.364V55.627h6.293c3.383 0 8.323-.203 10.894-.473l4.737-.406l-8.323-2.233C34 51.366 29.128 49.809 27.639 49.2L25 47.982v-30.72l2.098-.473c1.15-.203 3.992-.406 6.293-.406c11.367 0 38.366-3.722 51.628-7.105c9.27-2.436 15.698-4.872 17.931-6.902c1.15-1.015 1.218-.406 1.218 14.548v15.63l-1.624 1.219l-1.624 1.285l3.248 2.842v33.9l-1.624 1.218l-1.624 1.286l3.248 2.842v33.9l-1.76 1.353c-1.894 1.489-9.202 3.993-17.524 6.09C71.892 121.737 40.157 126 29.33 126H25z"/><path fill="#de3423" d="M25 110.572V95.077l11.842-.474c12.315-.473 21.45-1.488 34.847-3.789c15.225-2.639 30.246-7.375 31.803-10.082c.406-.677.676 4.534.676 14.616v15.698l-1.76 1.353c-1.894 1.489-9.202 3.993-17.524 6.09C71.892 121.737 40.157 126 29.33 126H25zm0-39.245V55.83l11.842-.406c13.127-.541 23.344-1.691 36.877-4.195c15.157-2.842 28.96-7.443 29.976-9.947c.203-.473.406 6.09.406 14.616c.067 13.533-.068 15.698-1.083 16.78c-2.368 2.64-20.638 7.376-39.449 10.286c-11.435 1.76-30.381 3.79-35.66 3.79H25zm0-38.975V17.195l2.098-.406c1.15-.203 3.992-.406 6.293-.406c11.367 0 38.366-3.722 51.628-7.105c9.27-2.436 15.698-4.872 17.931-6.902c1.15-1.015 1.218-.406 1.218 14.48c0 14.548-.067 15.63-1.285 16.714c-1.827 1.691-14.345 5.548-24.09 7.51c-15.765 3.113-41.951 6.429-50.883 6.429H25z"/></svg>

Scala アイコンの使い方

React

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

<Icon icon="devicon:scala" width="24" />

Vue

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

<template>
  <Icon icon="devicon:scala" width="24" />
</template>

Svelte

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

<Icon icon="devicon:scala" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="devicon:scala"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/scala.svg" alt="Scala アイコン" width="24" height="24">

Devicon の関連アイコン

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

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

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

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

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

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

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

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

Devicon アイコンをすべて見る →