Jss icon
logos:jss
The Jss icon (logos:jss) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 203 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 203
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="203" viewBox="0 0 256 203"><g fill="none"><path fill="#f7df1e" d="M1.853 1.833h201.094v199H1.853z"/><path fill="#eee" d="M204.8 202.667H0V0h204.8zm-200.954-3.83h197.105V3.83H3.846z"/><path fill="#000" d="M137.16 158.025c4.06 6.63 9.342 11.502 18.686 11.502c7.849 0 12.862-3.923 12.862-9.341c0-6.494-5.15-8.796-13.79-12.574l-4.733-2.031c-13.669-5.822-22.748-13.118-22.748-28.54c0-14.206 10.822-25.02 27.74-25.02c12.042 0 20.701 4.192 26.94 15.166l-14.75 9.47c-3.248-5.824-6.75-8.117-12.19-8.117c-5.55 0-9.065 3.52-9.065 8.117c0 5.681 3.52 7.983 11.646 11.503l4.736 2.029c16.094 6.901 25.18 13.937 25.18 29.756c0 17.051-13.396 26.395-31.388 26.395c-17.592 0-28.956-8.382-34.517-19.368c0-.005 15.392-8.947 15.392-8.947m68.33 0c4.059 6.63 9.34 11.502 18.685 11.502c7.848 0 12.862-3.923 12.862-9.341c0-6.494-5.15-8.796-13.79-12.574l-4.734-2.031c-13.668-5.822-22.748-13.118-22.748-28.54c0-14.206 10.823-25.02 27.74-25.02c12.043 0 20.702 4.192 26.94 15.166l-14.75 9.47c-3.247-5.824-6.75-8.117-12.19-8.117c-5.549 0-9.064 3.52-9.064 8.117c0 5.681 3.52 7.983 11.645 11.503l4.736 2.029C246.914 137.088 256 144.124 256 159.942c0 17.052-13.395 26.396-31.388 26.396c-17.591 0-28.955-8.382-34.517-19.368zm-135.24 1.642c2.977 5.28 5.684 9.743 12.19 9.743c6.223 0 10.149-2.434 10.149-11.902V93.101h18.94v64.661c0 19.612-11.5 28.54-28.284 28.54c-15.166 0-23.949-7.849-28.416-17.301zq0-.001 0 0"/></g></svg>How to use the Jss icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:jss" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:jss" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:jss" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--jss]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:jss"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:jss"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/jss.svg" alt="Jss icon" width="24" height="24">Jss icon in other icon sets
Jss icon FAQ
Is the Jss icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Jss icon in React?
Install @iconify/react and render <Icon icon="logos:jss" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Jss icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/jss.svg" alt="Jss icon">, or paste the SVG code inline to style it with CSS.