scala logo
scala-light from Skill Icons by tandpfun · Light · MIT Free for personal and commercial use.
- Name
- scala-light
- Set
- Skill Icons
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
The same logo in other sets
Use the scala logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#380d09" fill-rule="evenodd" d="M65.186 102.421c1.745 2.405 16.456 6.941 38.399 11.665c21.944 4.206 44.764 20.812 62.512 15.691c12.004-3.47 25.027-34.39 25.027-38.983v-.471c0-3.207-2.405-5.781-6.488-7.922c-16.738-8.553-19.907-11.702-26.112-9.995c-32.212 8.892-89.085 4.347-93.337 30.015m-.001 62.785c1.745 2.442 16.456 6.94 38.399 11.674c24.518 4.47 45.839 19.039 63.596 13.91c12.004-3.471 23.943-32.609 23.943-37.211v-.453c0-3.196-2.405-5.78-6.488-7.911c-12.768-6.79-29.639-14.268-35.834-12.561c-32.269 8.873-75.402 10.825-83.615 32.552" clip-rule="evenodd"/><path fill="#555" fill-rule="evenodd" d="M65.007 115.916v.452a4 4 0 0 1 0-.452" clip-rule="evenodd"/><path fill="#de3423" fill-rule="evenodd" d="M167.134 40.136c-29.667 8.572-76.732 13.41-102.09 13.41v48.423a.75.75 0 0 0 .18.452c17.304 0 70.725-5.658 102.956-14.522a122 122 0 0 0 16.493-5.479c3.942-1.773 6.488-3.64 6.488-5.582V28c-.038 4.602-12.023 8.676-24.027 12.136m0 62.795c-17.757 5.12-41.718 8.93-63.549 11.155c-14.654 1.5-28.346 2.282-38.54 2.282v48.385a.76.76 0 0 0 .18.453c17.303 0 70.724-5.658 102.955-14.513a123 123 0 0 0 16.493-5.479c3.942-1.782 6.488-3.639 6.488-5.582V90.794c-.038 4.593-12.023 8.666-24.027 12.137m0 62.831c-17.757 5.121-41.718 8.921-63.549 11.156c-14.673 1.499-28.384 2.282-38.578 2.282V228c17.125 0 70.819-5.611 103.136-14.513c11.91-3.281 22.981-7.016 22.981-11.071v-48.837c0 4.639-11.986 8.675-23.99 12.183" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsScalaLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#380d09" fillRule="evenodd" d="M65.186 102.421c1.745 2.405 16.456 6.941 38.399 11.665c21.944 4.206 44.764 20.812 62.512 15.691c12.004-3.47 25.027-34.39 25.027-38.983v-.471c0-3.207-2.405-5.781-6.488-7.922c-16.738-8.553-19.907-11.702-26.112-9.995c-32.212 8.892-89.085 4.347-93.337 30.015m-.001 62.785c1.745 2.442 16.456 6.94 38.399 11.674c24.518 4.47 45.839 19.039 63.596 13.91c12.004-3.471 23.943-32.609 23.943-37.211v-.453c0-3.196-2.405-5.78-6.488-7.911c-12.768-6.79-29.639-14.268-35.834-12.561c-32.269 8.873-75.402 10.825-83.615 32.552" clipRule="evenodd"/><path fill="#555" fillRule="evenodd" d="M65.007 115.916v.452a4 4 0 0 1 0-.452" clipRule="evenodd"/><path fill="#de3423" fillRule="evenodd" d="M167.134 40.136c-29.667 8.572-76.732 13.41-102.09 13.41v48.423a.75.75 0 0 0 .18.452c17.304 0 70.725-5.658 102.956-14.522a122 122 0 0 0 16.493-5.479c3.942-1.773 6.488-3.64 6.488-5.582V28c-.038 4.602-12.023 8.676-24.027 12.136m0 62.795c-17.757 5.12-41.718 8.93-63.549 11.155c-14.654 1.5-28.346 2.282-38.54 2.282v48.385a.76.76 0 0 0 .18.453c17.303 0 70.724-5.658 102.955-14.513a123 123 0 0 0 16.493-5.479c3.942-1.782 6.488-3.639 6.488-5.582V90.794c-.038 4.593-12.023 8.666-24.027 12.137m0 62.831c-17.757 5.121-41.718 8.921-63.549 11.156c-14.673 1.499-28.384 2.282-38.578 2.282V228c17.125 0 70.819-5.611 103.136-14.513c11.91-3.281 22.981-7.016 22.981-11.071v-48.837c0 4.639-11.986 8.675-23.99 12.183" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#380d09" fill-rule="evenodd" d="M65.186 102.421c1.745 2.405 16.456 6.941 38.399 11.665c21.944 4.206 44.764 20.812 62.512 15.691c12.004-3.47 25.027-34.39 25.027-38.983v-.471c0-3.207-2.405-5.781-6.488-7.922c-16.738-8.553-19.907-11.702-26.112-9.995c-32.212 8.892-89.085 4.347-93.337 30.015m-.001 62.785c1.745 2.442 16.456 6.94 38.399 11.674c24.518 4.47 45.839 19.039 63.596 13.91c12.004-3.471 23.943-32.609 23.943-37.211v-.453c0-3.196-2.405-5.78-6.488-7.911c-12.768-6.79-29.639-14.268-35.834-12.561c-32.269 8.873-75.402 10.825-83.615 32.552" clip-rule="evenodd"/><path fill="#555" fill-rule="evenodd" d="M65.007 115.916v.452a4 4 0 0 1 0-.452" clip-rule="evenodd"/><path fill="#de3423" fill-rule="evenodd" d="M167.134 40.136c-29.667 8.572-76.732 13.41-102.09 13.41v48.423a.75.75 0 0 0 .18.452c17.304 0 70.725-5.658 102.956-14.522a122 122 0 0 0 16.493-5.479c3.942-1.773 6.488-3.64 6.488-5.582V28c-.038 4.602-12.023 8.676-24.027 12.136m0 62.795c-17.757 5.12-41.718 8.93-63.549 11.155c-14.654 1.5-28.346 2.282-38.54 2.282v48.385a.76.76 0 0 0 .18.453c17.303 0 70.724-5.658 102.955-14.513a123 123 0 0 0 16.493-5.479c3.942-1.782 6.488-3.639 6.488-5.582V90.794c-.038 4.593-12.023 8.666-24.027 12.137m0 62.831c-17.757 5.121-41.718 8.921-63.549 11.156c-14.673 1.499-28.384 2.282-38.578 2.282V228c17.125 0 70.819-5.611 103.136-14.513c11.91-3.281 22.981-7.016 22.981-11.071v-48.837c0 4.639-11.986 8.675-23.99 12.183" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-scala-light {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23380d09%22%20fill-rule%3D%22evenodd%22%20d%3D%22M65.186%20102.421c1.745%202.405%2016.456%206.941%2038.399%2011.665c21.944%204.206%2044.764%2020.812%2062.512%2015.691c12.004-3.47%2025.027-34.39%2025.027-38.983v-.471c0-3.207-2.405-5.781-6.488-7.922c-16.738-8.553-19.907-11.702-26.112-9.995c-32.212%208.892-89.085%204.347-93.337%2030.015m-.001%2062.785c1.745%202.442%2016.456%206.94%2038.399%2011.674c24.518%204.47%2045.839%2019.039%2063.596%2013.91c12.004-3.471%2023.943-32.609%2023.943-37.211v-.453c0-3.196-2.405-5.78-6.488-7.911c-12.768-6.79-29.639-14.268-35.834-12.561c-32.269%208.873-75.402%2010.825-83.615%2032.552%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20fill-rule%3D%22evenodd%22%20d%3D%22M65.007%20115.916v.452a4%204%200%200%201%200-.452%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23de3423%22%20fill-rule%3D%22evenodd%22%20d%3D%22M167.134%2040.136c-29.667%208.572-76.732%2013.41-102.09%2013.41v48.423a.75.75%200%200%200%20.18.452c17.304%200%2070.725-5.658%20102.956-14.522a122%20122%200%200%200%2016.493-5.479c3.942-1.773%206.488-3.64%206.488-5.582V28c-.038%204.602-12.023%208.676-24.027%2012.136m0%2062.795c-17.757%205.12-41.718%208.93-63.549%2011.155c-14.654%201.5-28.346%202.282-38.54%202.282v48.385a.76.76%200%200%200%20.18.453c17.303%200%2070.724-5.658%20102.955-14.513a123%20123%200%200%200%2016.493-5.479c3.942-1.782%206.488-3.639%206.488-5.582V90.794c-.038%204.593-12.023%208.666-24.027%2012.137m0%2062.831c-17.757%205.121-41.718%208.921-63.549%2011.156c-14.673%201.499-28.384%202.282-38.578%202.282V228c17.125%200%2070.819-5.611%20103.136-14.513c11.91-3.281%2022.981-7.016%2022.981-11.071v-48.837c0%204.639-11.986%208.675-23.99%2012.183%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23380d09%22%20fill-rule%3D%22evenodd%22%20d%3D%22M65.186%20102.421c1.745%202.405%2016.456%206.941%2038.399%2011.665c21.944%204.206%2044.764%2020.812%2062.512%2015.691c12.004-3.47%2025.027-34.39%2025.027-38.983v-.471c0-3.207-2.405-5.781-6.488-7.922c-16.738-8.553-19.907-11.702-26.112-9.995c-32.212%208.892-89.085%204.347-93.337%2030.015m-.001%2062.785c1.745%202.442%2016.456%206.94%2038.399%2011.674c24.518%204.47%2045.839%2019.039%2063.596%2013.91c12.004-3.471%2023.943-32.609%2023.943-37.211v-.453c0-3.196-2.405-5.78-6.488-7.911c-12.768-6.79-29.639-14.268-35.834-12.561c-32.269%208.873-75.402%2010.825-83.615%2032.552%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20fill-rule%3D%22evenodd%22%20d%3D%22M65.007%20115.916v.452a4%204%200%200%201%200-.452%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23de3423%22%20fill-rule%3D%22evenodd%22%20d%3D%22M167.134%2040.136c-29.667%208.572-76.732%2013.41-102.09%2013.41v48.423a.75.75%200%200%200%20.18.452c17.304%200%2070.725-5.658%20102.956-14.522a122%20122%200%200%200%2016.493-5.479c3.942-1.773%206.488-3.64%206.488-5.582V28c-.038%204.602-12.023%208.676-24.027%2012.136m0%2062.795c-17.757%205.12-41.718%208.93-63.549%2011.155c-14.654%201.5-28.346%202.282-38.54%202.282v48.385a.76.76%200%200%200%20.18.453c17.303%200%2070.724-5.658%20102.955-14.513a123%20123%200%200%200%2016.493-5.479c3.942-1.782%206.488-3.639%206.488-5.582V90.794c-.038%204.593-12.023%208.666-24.027%2012.137m0%2062.831c-17.757%205.121-41.718%208.921-63.549%2011.156c-14.673%201.499-28.384%202.282-38.578%202.282V228c17.125%200%2070.819-5.611%20103.136-14.513c11.91-3.281%2022.981-7.016%2022.981-11.071v-48.837c0%204.639-11.986%208.675-23.99%2012.183%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/scala-light.svg?color=%231a73e8&size=48
