Scala icon
devicon:scala
The Scala icon (devicon:scala) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Devicon
- Author
- konpa
- License
- MIT
- Size
- 128 × 128
SVG code
<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>
How to use the Scala icon
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:scala"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/devicon/scala.svg" alt="Scala icon" width="24" height="24">
Scala icon in other icon sets
Scala icon FAQ
Is the Scala icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Scala icon in React?
Install @iconify/react and render <Icon icon="devicon:scala" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Scala icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/scala.svg" alt="Scala icon">, or paste the SVG code inline to style it with CSS.
Browse all Devicon icons →
ICONYZ
