session in progress icon

session-in-progress from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.

Name
session-in-progress
Set
Codicons
Style
Regular
Viewbox
16×16
License
CC BY 4.0

Related icons in Codicons

session-in-progress-compact

Use the session in progress icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15 8c0 .454-.044.906-.13 1.345a.5.5 0 1 1-.981-.192a6.1 6.1 0 0 0 0-2.304a.499.499 0 1 1 .981-.192c.086.438.13.891.13 1.344zm-3.777-5.062a6.1 6.1 0 0 1 1.823 1.814a.5.5 0 1 0 .839-.542a7.1 7.1 0 0 0-2.126-2.115a.5.5 0 0 0-.537.842zM8 2c.469 0 .935.054 1.385.161a.5.5 0 0 0 .231-.974A7 7 0 0 0 8.001 1c-3.859 0-7 3.14-7 7s3.141 7 7 7c.546 0 1.089-.063 1.615-.187a.5.5 0 1 0-.231-.974A6.006 6.006 0 0 1 2 8c0-3.309 2.691-6 6-6m5.747 9.08a.5.5 0 0 0-.69.151a6.1 6.1 0 0 1-1.826 1.826a.499.499 0 1 0 .54.841a7.05 7.05 0 0 0 2.129-2.129a.5.5 0 0 0-.151-.69z"/></svg>

React

import type { SVGProps } from "react";

export function CodiconSessionInProgress(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15 8c0 .454-.044.906-.13 1.345a.5.5 0 1 1-.981-.192a6.1 6.1 0 0 0 0-2.304a.499.499 0 1 1 .981-.192c.086.438.13.891.13 1.344zm-3.777-5.062a6.1 6.1 0 0 1 1.823 1.814a.5.5 0 1 0 .839-.542a7.1 7.1 0 0 0-2.126-2.115a.5.5 0 0 0-.537.842zM8 2c.469 0 .935.054 1.385.161a.5.5 0 0 0 .231-.974A7 7 0 0 0 8.001 1c-3.859 0-7 3.14-7 7s3.141 7 7 7c.546 0 1.089-.063 1.615-.187a.5.5 0 1 0-.231-.974A6.006 6.006 0 0 1 2 8c0-3.309 2.691-6 6-6m5.747 9.08a.5.5 0 0 0-.69.151a6.1 6.1 0 0 1-1.826 1.826a.499.499 0 1 0 .54.841a7.05 7.05 0 0 0 2.129-2.129a.5.5 0 0 0-.151-.69z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15 8c0 .454-.044.906-.13 1.345a.5.5 0 1 1-.981-.192a6.1 6.1 0 0 0 0-2.304a.499.499 0 1 1 .981-.192c.086.438.13.891.13 1.344zm-3.777-5.062a6.1 6.1 0 0 1 1.823 1.814a.5.5 0 1 0 .839-.542a7.1 7.1 0 0 0-2.126-2.115a.5.5 0 0 0-.537.842zM8 2c.469 0 .935.054 1.385.161a.5.5 0 0 0 .231-.974A7 7 0 0 0 8.001 1c-3.859 0-7 3.14-7 7s3.141 7 7 7c.546 0 1.089-.063 1.615-.187a.5.5 0 1 0-.231-.974A6.006 6.006 0 0 1 2 8c0-3.309 2.691-6 6-6m5.747 9.08a.5.5 0 0 0-.69.151a6.1 6.1 0 0 1-1.826 1.826a.499.499 0 1 0 .54.841a7.05 7.05 0 0 0 2.129-2.129a.5.5 0 0 0-.151-.69z"/></svg>
</template>

CSS

.icon-session-in-progress {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%208c0%20.454-.044.906-.13%201.345a.5.5%200%201%201-.981-.192a6.1%206.1%200%200%200%200-2.304a.499.499%200%201%201%20.981-.192c.086.438.13.891.13%201.344zm-3.777-5.062a6.1%206.1%200%200%201%201.823%201.814a.5.5%200%201%200%20.839-.542a7.1%207.1%200%200%200-2.126-2.115a.5.5%200%200%200-.537.842zM8%202c.469%200%20.935.054%201.385.161a.5.5%200%200%200%20.231-.974A7%207%200%200%200%208.001%201c-3.859%200-7%203.14-7%207s3.141%207%207%207c.546%200%201.089-.063%201.615-.187a.5.5%200%201%200-.231-.974A6.006%206.006%200%200%201%202%208c0-3.309%202.691-6%206-6m5.747%209.08a.5.5%200%200%200-.69.151a6.1%206.1%200%200%201-1.826%201.826a.499.499%200%201%200%20.54.841a7.05%207.05%200%200%200%202.129-2.129a.5.5%200%200%200-.151-.69z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%208c0%20.454-.044.906-.13%201.345a.5.5%200%201%201-.981-.192a6.1%206.1%200%200%200%200-2.304a.499.499%200%201%201%20.981-.192c.086.438.13.891.13%201.344zm-3.777-5.062a6.1%206.1%200%200%201%201.823%201.814a.5.5%200%201%200%20.839-.542a7.1%207.1%200%200%200-2.126-2.115a.5.5%200%200%200-.537.842zM8%202c.469%200%20.935.054%201.385.161a.5.5%200%200%200%20.231-.974A7%207%200%200%200%208.001%201c-3.859%200-7%203.14-7%207s3.141%207%207%207c.546%200%201.089-.063%201.615-.187a.5.5%200%201%200-.231-.974A6.006%206.006%200%200%201%202%208c0-3.309%202.691-6%206-6m5.747%209.08a.5.5%200%200%200-.69.151a6.1%206.1%200%200%201-1.826%201.826a.499.499%200%201%200%20.54.841a7.05%207.05%200%200%200%202.129-2.129a.5.5%200%200%200-.151-.69z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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