jss logo
jss from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- jss
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the jss logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 2.5v19h19.2v-1.95c.506.263 1.124.42 1.857.42c1.687 0 2.943-.877 2.943-2.475c0-1.483-.852-2.143-2.36-2.79l-.444-.19c-.762-.33-1.092-.546-1.092-1.078c0-.431.33-.761.85-.761c.51 0 .838.215 1.142.76l1.383-.887c-.585-1.029-1.396-1.422-2.525-1.422c-.715 0-1.312.207-1.754.555V2.5zm.36.359h18.48v9.182a2.27 2.27 0 0 0-.487 1.432c0 .654.176 1.152.486 1.552v2.537l-1.018.592c.232.456.57.864 1.018 1.177v1.81H.361zm14.188 8.268c-1.586 0-2.6 1.014-2.6 2.346c0 1.445.85 2.13 2.132 2.675l.443.19c.81.355 1.293.57 1.293 1.18c0 .508-.47.875-1.205.875c-.876 0-1.371-.457-1.752-1.078l-1.443.839c.521 1.03 1.587 1.816 3.236 1.816c1.687 0 2.943-.876 2.943-2.475c0-1.483-.852-2.143-2.361-2.79l-.444-.19c-.762-.33-1.092-.546-1.092-1.078c0-.431.33-.761.85-.761c.51 0 .838.215 1.143.76l1.382-.887c-.584-1.029-1.396-1.422-2.525-1.422m-5.868.101v6.038c0 .888-.368 1.116-.951 1.116c-.61 0-.864-.418-1.143-.913l-1.446.875c.419.886 1.242 1.622 2.664 1.622c1.574 0 2.652-.837 2.652-2.676v-6.062zm10.52 4.173c.345.295.781.532 1.286.747l.443.19c.81.355 1.293.57 1.293 1.18c0 .508-.47.875-1.206.875c-.876 0-1.37-.457-1.752-1.078l-.064.037z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsJss(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 2.5v19h19.2v-1.95c.506.263 1.124.42 1.857.42c1.687 0 2.943-.877 2.943-2.475c0-1.483-.852-2.143-2.36-2.79l-.444-.19c-.762-.33-1.092-.546-1.092-1.078c0-.431.33-.761.85-.761c.51 0 .838.215 1.142.76l1.383-.887c-.585-1.029-1.396-1.422-2.525-1.422c-.715 0-1.312.207-1.754.555V2.5zm.36.359h18.48v9.182a2.27 2.27 0 0 0-.487 1.432c0 .654.176 1.152.486 1.552v2.537l-1.018.592c.232.456.57.864 1.018 1.177v1.81H.361zm14.188 8.268c-1.586 0-2.6 1.014-2.6 2.346c0 1.445.85 2.13 2.132 2.675l.443.19c.81.355 1.293.57 1.293 1.18c0 .508-.47.875-1.205.875c-.876 0-1.371-.457-1.752-1.078l-1.443.839c.521 1.03 1.587 1.816 3.236 1.816c1.687 0 2.943-.876 2.943-2.475c0-1.483-.852-2.143-2.361-2.79l-.444-.19c-.762-.33-1.092-.546-1.092-1.078c0-.431.33-.761.85-.761c.51 0 .838.215 1.143.76l1.382-.887c-.584-1.029-1.396-1.422-2.525-1.422m-5.868.101v6.038c0 .888-.368 1.116-.951 1.116c-.61 0-.864-.418-1.143-.913l-1.446.875c.419.886 1.242 1.622 2.664 1.622c1.574 0 2.652-.837 2.652-2.676v-6.062zm10.52 4.173c.345.295.781.532 1.286.747l.443.19c.81.355 1.293.57 1.293 1.18c0 .508-.47.875-1.206.875c-.876 0-1.37-.457-1.752-1.078l-.064.037z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 2.5v19h19.2v-1.95c.506.263 1.124.42 1.857.42c1.687 0 2.943-.877 2.943-2.475c0-1.483-.852-2.143-2.36-2.79l-.444-.19c-.762-.33-1.092-.546-1.092-1.078c0-.431.33-.761.85-.761c.51 0 .838.215 1.142.76l1.383-.887c-.585-1.029-1.396-1.422-2.525-1.422c-.715 0-1.312.207-1.754.555V2.5zm.36.359h18.48v9.182a2.27 2.27 0 0 0-.487 1.432c0 .654.176 1.152.486 1.552v2.537l-1.018.592c.232.456.57.864 1.018 1.177v1.81H.361zm14.188 8.268c-1.586 0-2.6 1.014-2.6 2.346c0 1.445.85 2.13 2.132 2.675l.443.19c.81.355 1.293.57 1.293 1.18c0 .508-.47.875-1.205.875c-.876 0-1.371-.457-1.752-1.078l-1.443.839c.521 1.03 1.587 1.816 3.236 1.816c1.687 0 2.943-.876 2.943-2.475c0-1.483-.852-2.143-2.361-2.79l-.444-.19c-.762-.33-1.092-.546-1.092-1.078c0-.431.33-.761.85-.761c.51 0 .838.215 1.143.76l1.382-.887c-.584-1.029-1.396-1.422-2.525-1.422m-5.868.101v6.038c0 .888-.368 1.116-.951 1.116c-.61 0-.864-.418-1.143-.913l-1.446.875c.419.886 1.242 1.622 2.664 1.622c1.574 0 2.652-.837 2.652-2.676v-6.062zm10.52 4.173c.345.295.781.532 1.286.747l.443.19c.81.355 1.293.57 1.293 1.18c0 .508-.47.875-1.206.875c-.876 0-1.37-.457-1.752-1.078l-.064.037z"/></svg> </template>
CSS
.icon-jss {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%202.5v19h19.2v-1.95c.506.263%201.124.42%201.857.42c1.687%200%202.943-.877%202.943-2.475c0-1.483-.852-2.143-2.36-2.79l-.444-.19c-.762-.33-1.092-.546-1.092-1.078c0-.431.33-.761.85-.761c.51%200%20.838.215%201.142.76l1.383-.887c-.585-1.029-1.396-1.422-2.525-1.422c-.715%200-1.312.207-1.754.555V2.5zm.36.359h18.48v9.182a2.27%202.27%200%200%200-.487%201.432c0%20.654.176%201.152.486%201.552v2.537l-1.018.592c.232.456.57.864%201.018%201.177v1.81H.361zm14.188%208.268c-1.586%200-2.6%201.014-2.6%202.346c0%201.445.85%202.13%202.132%202.675l.443.19c.81.355%201.293.57%201.293%201.18c0%20.508-.47.875-1.205.875c-.876%200-1.371-.457-1.752-1.078l-1.443.839c.521%201.03%201.587%201.816%203.236%201.816c1.687%200%202.943-.876%202.943-2.475c0-1.483-.852-2.143-2.361-2.79l-.444-.19c-.762-.33-1.092-.546-1.092-1.078c0-.431.33-.761.85-.761c.51%200%20.838.215%201.143.76l1.382-.887c-.584-1.029-1.396-1.422-2.525-1.422m-5.868.101v6.038c0%20.888-.368%201.116-.951%201.116c-.61%200-.864-.418-1.143-.913l-1.446.875c.419.886%201.242%201.622%202.664%201.622c1.574%200%202.652-.837%202.652-2.676v-6.062zm10.52%204.173c.345.295.781.532%201.286.747l.443.19c.81.355%201.293.57%201.293%201.18c0%20.508-.47.875-1.206.875c-.876%200-1.37-.457-1.752-1.078l-.064.037z%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%202.5v19h19.2v-1.95c.506.263%201.124.42%201.857.42c1.687%200%202.943-.877%202.943-2.475c0-1.483-.852-2.143-2.36-2.79l-.444-.19c-.762-.33-1.092-.546-1.092-1.078c0-.431.33-.761.85-.761c.51%200%20.838.215%201.142.76l1.383-.887c-.585-1.029-1.396-1.422-2.525-1.422c-.715%200-1.312.207-1.754.555V2.5zm.36.359h18.48v9.182a2.27%202.27%200%200%200-.487%201.432c0%20.654.176%201.152.486%201.552v2.537l-1.018.592c.232.456.57.864%201.018%201.177v1.81H.361zm14.188%208.268c-1.586%200-2.6%201.014-2.6%202.346c0%201.445.85%202.13%202.132%202.675l.443.19c.81.355%201.293.57%201.293%201.18c0%20.508-.47.875-1.205.875c-.876%200-1.371-.457-1.752-1.078l-1.443.839c.521%201.03%201.587%201.816%203.236%201.816c1.687%200%202.943-.876%202.943-2.475c0-1.483-.852-2.143-2.361-2.79l-.444-.19c-.762-.33-1.092-.546-1.092-1.078c0-.431.33-.761.85-.761c.51%200%20.838.215%201.143.76l1.382-.887c-.584-1.029-1.396-1.422-2.525-1.422m-5.868.101v6.038c0%20.888-.368%201.116-.951%201.116c-.61%200-.864-.418-1.143-.913l-1.446.875c.419.886%201.242%201.622%202.664%201.622c1.574%200%202.652-.837%202.652-2.676v-6.062zm10.52%204.173c.345.295.781.532%201.286.747l.443.19c.81.355%201.293.57%201.293%201.18c0%20.508-.47.875-1.206.875c-.876%200-1.37-.457-1.752-1.078l-.064.037z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/jss.svg?color=%231a73e8&size=48
