session logo

session from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
session
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the session logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.431 12.193l-4.53-2.51h3.071a4.847 4.847 0 0 0 4.842-4.841A4.85 4.85 0 0 0 17.972 0H7.252a6.073 6.073 0 0 0-6.066 6.066a6.57 6.57 0 0 0 3.383 5.741l4.53 2.51H6.028a4.847 4.847 0 0 0-4.842 4.841A4.85 4.85 0 0 0 6.028 24h10.72a6.073 6.073 0 0 0 6.066-6.066a6.57 6.57 0 0 0-3.383-5.741m-14.136-1.7a5.07 5.07 0 0 1-2.607-4.309C2.627 3.61 4.79 1.5 7.367 1.5h10.508c1.797 0 3.345 1.378 3.434 3.173a3.345 3.345 0 0 1-3.337 3.51H11.92a.67.67 0 0 0-.67.67l-.001 4.94zM16.633 22.5H6.124c-1.797 0-3.345-1.378-3.434-3.173a3.345 3.345 0 0 1 3.337-3.51h6.053c.37 0 .67-.3.67-.67v-4.94l5.954 3.3a5.07 5.07 0 0 1 2.608 4.309c.06 2.575-2.103 4.684-4.679 4.684"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsSession(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="m19.431 12.193l-4.53-2.51h3.071a4.847 4.847 0 0 0 4.842-4.841A4.85 4.85 0 0 0 17.972 0H7.252a6.073 6.073 0 0 0-6.066 6.066a6.57 6.57 0 0 0 3.383 5.741l4.53 2.51H6.028a4.847 4.847 0 0 0-4.842 4.841A4.85 4.85 0 0 0 6.028 24h10.72a6.073 6.073 0 0 0 6.066-6.066a6.57 6.57 0 0 0-3.383-5.741m-14.136-1.7a5.07 5.07 0 0 1-2.607-4.309C2.627 3.61 4.79 1.5 7.367 1.5h10.508c1.797 0 3.345 1.378 3.434 3.173a3.345 3.345 0 0 1-3.337 3.51H11.92a.67.67 0 0 0-.67.67l-.001 4.94zM16.633 22.5H6.124c-1.797 0-3.345-1.378-3.434-3.173a3.345 3.345 0 0 1 3.337-3.51h6.053c.37 0 .67-.3.67-.67v-4.94l5.954 3.3a5.07 5.07 0 0 1 2.608 4.309c.06 2.575-2.103 4.684-4.679 4.684"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.431 12.193l-4.53-2.51h3.071a4.847 4.847 0 0 0 4.842-4.841A4.85 4.85 0 0 0 17.972 0H7.252a6.073 6.073 0 0 0-6.066 6.066a6.57 6.57 0 0 0 3.383 5.741l4.53 2.51H6.028a4.847 4.847 0 0 0-4.842 4.841A4.85 4.85 0 0 0 6.028 24h10.72a6.073 6.073 0 0 0 6.066-6.066a6.57 6.57 0 0 0-3.383-5.741m-14.136-1.7a5.07 5.07 0 0 1-2.607-4.309C2.627 3.61 4.79 1.5 7.367 1.5h10.508c1.797 0 3.345 1.378 3.434 3.173a3.345 3.345 0 0 1-3.337 3.51H11.92a.67.67 0 0 0-.67.67l-.001 4.94zM16.633 22.5H6.124c-1.797 0-3.345-1.378-3.434-3.173a3.345 3.345 0 0 1 3.337-3.51h6.053c.37 0 .67-.3.67-.67v-4.94l5.954 3.3a5.07 5.07 0 0 1 2.608 4.309c.06 2.575-2.103 4.684-4.679 4.684"/></svg>
</template>

CSS

.icon-session {
  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%22m19.431%2012.193l-4.53-2.51h3.071a4.847%204.847%200%200%200%204.842-4.841A4.85%204.85%200%200%200%2017.972%200H7.252a6.073%206.073%200%200%200-6.066%206.066a6.57%206.57%200%200%200%203.383%205.741l4.53%202.51H6.028a4.847%204.847%200%200%200-4.842%204.841A4.85%204.85%200%200%200%206.028%2024h10.72a6.073%206.073%200%200%200%206.066-6.066a6.57%206.57%200%200%200-3.383-5.741m-14.136-1.7a5.07%205.07%200%200%201-2.607-4.309C2.627%203.61%204.79%201.5%207.367%201.5h10.508c1.797%200%203.345%201.378%203.434%203.173a3.345%203.345%200%200%201-3.337%203.51H11.92a.67.67%200%200%200-.67.67l-.001%204.94zM16.633%2022.5H6.124c-1.797%200-3.345-1.378-3.434-3.173a3.345%203.345%200%200%201%203.337-3.51h6.053c.37%200%20.67-.3.67-.67v-4.94l5.954%203.3a5.07%205.07%200%200%201%202.608%204.309c.06%202.575-2.103%204.684-4.679%204.684%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%22m19.431%2012.193l-4.53-2.51h3.071a4.847%204.847%200%200%200%204.842-4.841A4.85%204.85%200%200%200%2017.972%200H7.252a6.073%206.073%200%200%200-6.066%206.066a6.57%206.57%200%200%200%203.383%205.741l4.53%202.51H6.028a4.847%204.847%200%200%200-4.842%204.841A4.85%204.85%200%200%200%206.028%2024h10.72a6.073%206.073%200%200%200%206.066-6.066a6.57%206.57%200%200%200-3.383-5.741m-14.136-1.7a5.07%205.07%200%200%201-2.607-4.309C2.627%203.61%204.79%201.5%207.367%201.5h10.508c1.797%200%203.345%201.378%203.434%203.173a3.345%203.345%200%200%201-3.337%203.51H11.92a.67.67%200%200%200-.67.67l-.001%204.94zM16.633%2022.5H6.124c-1.797%200-3.345-1.378-3.434-3.173a3.345%203.345%200%200%201%203.337-3.51h6.053c.37%200%20.67-.3.67-.67v-4.94l5.954%203.3a5.07%205.07%200%200%201%202.608%204.309c.06%202.575-2.103%204.684-4.679%204.684%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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