jss logo

jss from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
jss
Set
SVG Logos
Style
Color
Viewbox
256×203
License
CC0

The same logo in other sets

jssSimple Icons

Use the jss logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosJss(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</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%20256%20203%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f7df1e%22%20d%3D%22M1.853%201.833h201.094v199H1.853z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M204.8%20202.667H0V0h204.8zm-200.954-3.83h197.105V3.83H3.846z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M137.16%20158.025c4.06%206.63%209.342%2011.502%2018.686%2011.502c7.849%200%2012.862-3.923%2012.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%2010.822-25.02%2027.74-25.02c12.042%200%2020.701%204.192%2026.94%2015.166l-14.75%209.47c-3.248-5.824-6.75-8.117-12.19-8.117c-5.55%200-9.065%203.52-9.065%208.117c0%205.681%203.52%207.983%2011.646%2011.503l4.736%202.029c16.094%206.901%2025.18%2013.937%2025.18%2029.756c0%2017.051-13.396%2026.395-31.388%2026.395c-17.592%200-28.956-8.382-34.517-19.368c0-.005%2015.392-8.947%2015.392-8.947m68.33%200c4.059%206.63%209.34%2011.502%2018.685%2011.502c7.848%200%2012.862-3.923%2012.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%2010.823-25.02%2027.74-25.02c12.043%200%2020.702%204.192%2026.94%2015.166l-14.75%209.47c-3.247-5.824-6.75-8.117-12.19-8.117c-5.549%200-9.064%203.52-9.064%208.117c0%205.681%203.52%207.983%2011.645%2011.503l4.736%202.029C246.914%20137.088%20256%20144.124%20256%20159.942c0%2017.052-13.395%2026.396-31.388%2026.396c-17.591%200-28.955-8.382-34.517-19.368zm-135.24%201.642c2.977%205.28%205.684%209.743%2012.19%209.743c6.223%200%2010.149-2.434%2010.149-11.902V93.101h18.94v64.661c0%2019.612-11.5%2028.54-28.284%2028.54c-15.166%200-23.949-7.849-28.416-17.301zq0-.001%200%200%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%20203%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f7df1e%22%20d%3D%22M1.853%201.833h201.094v199H1.853z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M204.8%20202.667H0V0h204.8zm-200.954-3.83h197.105V3.83H3.846z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M137.16%20158.025c4.06%206.63%209.342%2011.502%2018.686%2011.502c7.849%200%2012.862-3.923%2012.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%2010.822-25.02%2027.74-25.02c12.042%200%2020.701%204.192%2026.94%2015.166l-14.75%209.47c-3.248-5.824-6.75-8.117-12.19-8.117c-5.55%200-9.065%203.52-9.065%208.117c0%205.681%203.52%207.983%2011.646%2011.503l4.736%202.029c16.094%206.901%2025.18%2013.937%2025.18%2029.756c0%2017.051-13.396%2026.395-31.388%2026.395c-17.592%200-28.956-8.382-34.517-19.368c0-.005%2015.392-8.947%2015.392-8.947m68.33%200c4.059%206.63%209.34%2011.502%2018.685%2011.502c7.848%200%2012.862-3.923%2012.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%2010.823-25.02%2027.74-25.02c12.043%200%2020.702%204.192%2026.94%2015.166l-14.75%209.47c-3.247-5.824-6.75-8.117-12.19-8.117c-5.549%200-9.064%203.52-9.064%208.117c0%205.681%203.52%207.983%2011.645%2011.503l4.736%202.029C246.914%20137.088%20256%20144.124%20256%20159.942c0%2017.052-13.395%2026.396-31.388%2026.396c-17.591%200-28.955-8.382-34.517-19.368zm-135.24%201.642c2.977%205.28%205.684%209.743%2012.19%209.743c6.223%200%2010.149-2.434%2010.149-11.902V93.101h18.94v64.661c0%2019.612-11.5%2028.54-28.284%2028.54c-15.166%200-23.949-7.849-28.416-17.301zq0-.001%200%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/jss.svg?color=%231a73e8&size=48