tqdm logo

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

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

Use the tqdm logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14.562a2.338 2.338 0 1 1 0-4.677a2.338 2.338 0 0 1 0 4.677M12 0C5.392 0 .036 5.473.036 12.224c0 5.579 3.659 10.281 8.658 11.746c.428.126.87-.162.962-.598l.141-.669c.086-.41-.169-.799-.57-.92c-4.039-1.221-6.986-5.037-6.986-9.559c0-5.507 4.37-9.972 9.76-9.972s9.76 4.464 9.76 9.972c0 4.515-2.938 8.325-6.967 9.552c-.4.122-.654.511-.567.919l.142.67c.093.437.535.723.963.596c4.986-1.474 8.633-6.169 8.633-11.738C23.964 5.473 18.608 0 12 0m7.152 12.224c0-4.04-3.202-7.315-7.152-7.315s-7.152 3.275-7.152 7.315c0 3.191 1.999 5.903 4.786 6.902a.79.79 0 0 0 1.037-.582l.042-.199a.77.77 0 0 0-.489-.889c-2.118-.752-3.639-2.809-3.639-5.232c0-3.059 2.424-5.539 5.415-5.539s5.415 2.48 5.415 5.539c0 2.418-1.516 4.472-3.628 5.227a.77.77 0 0 0-.487.89l.042.199a.79.79 0 0 0 1.038.58c2.78-1.003 4.772-3.71 4.772-6.896"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTqdm(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="M12 14.562a2.338 2.338 0 1 1 0-4.677a2.338 2.338 0 0 1 0 4.677M12 0C5.392 0 .036 5.473.036 12.224c0 5.579 3.659 10.281 8.658 11.746c.428.126.87-.162.962-.598l.141-.669c.086-.41-.169-.799-.57-.92c-4.039-1.221-6.986-5.037-6.986-9.559c0-5.507 4.37-9.972 9.76-9.972s9.76 4.464 9.76 9.972c0 4.515-2.938 8.325-6.967 9.552c-.4.122-.654.511-.567.919l.142.67c.093.437.535.723.963.596c4.986-1.474 8.633-6.169 8.633-11.738C23.964 5.473 18.608 0 12 0m7.152 12.224c0-4.04-3.202-7.315-7.152-7.315s-7.152 3.275-7.152 7.315c0 3.191 1.999 5.903 4.786 6.902a.79.79 0 0 0 1.037-.582l.042-.199a.77.77 0 0 0-.489-.889c-2.118-.752-3.639-2.809-3.639-5.232c0-3.059 2.424-5.539 5.415-5.539s5.415 2.48 5.415 5.539c0 2.418-1.516 4.472-3.628 5.227a.77.77 0 0 0-.487.89l.042.199a.79.79 0 0 0 1.038.58c2.78-1.003 4.772-3.71 4.772-6.896"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14.562a2.338 2.338 0 1 1 0-4.677a2.338 2.338 0 0 1 0 4.677M12 0C5.392 0 .036 5.473.036 12.224c0 5.579 3.659 10.281 8.658 11.746c.428.126.87-.162.962-.598l.141-.669c.086-.41-.169-.799-.57-.92c-4.039-1.221-6.986-5.037-6.986-9.559c0-5.507 4.37-9.972 9.76-9.972s9.76 4.464 9.76 9.972c0 4.515-2.938 8.325-6.967 9.552c-.4.122-.654.511-.567.919l.142.67c.093.437.535.723.963.596c4.986-1.474 8.633-6.169 8.633-11.738C23.964 5.473 18.608 0 12 0m7.152 12.224c0-4.04-3.202-7.315-7.152-7.315s-7.152 3.275-7.152 7.315c0 3.191 1.999 5.903 4.786 6.902a.79.79 0 0 0 1.037-.582l.042-.199a.77.77 0 0 0-.489-.889c-2.118-.752-3.639-2.809-3.639-5.232c0-3.059 2.424-5.539 5.415-5.539s5.415 2.48 5.415 5.539c0 2.418-1.516 4.472-3.628 5.227a.77.77 0 0 0-.487.89l.042.199a.79.79 0 0 0 1.038.58c2.78-1.003 4.772-3.71 4.772-6.896"/></svg>
</template>

CSS

.icon-tqdm {
  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%22M12%2014.562a2.338%202.338%200%201%201%200-4.677a2.338%202.338%200%200%201%200%204.677M12%200C5.392%200%20.036%205.473.036%2012.224c0%205.579%203.659%2010.281%208.658%2011.746c.428.126.87-.162.962-.598l.141-.669c.086-.41-.169-.799-.57-.92c-4.039-1.221-6.986-5.037-6.986-9.559c0-5.507%204.37-9.972%209.76-9.972s9.76%204.464%209.76%209.972c0%204.515-2.938%208.325-6.967%209.552c-.4.122-.654.511-.567.919l.142.67c.093.437.535.723.963.596c4.986-1.474%208.633-6.169%208.633-11.738C23.964%205.473%2018.608%200%2012%200m7.152%2012.224c0-4.04-3.202-7.315-7.152-7.315s-7.152%203.275-7.152%207.315c0%203.191%201.999%205.903%204.786%206.902a.79.79%200%200%200%201.037-.582l.042-.199a.77.77%200%200%200-.489-.889c-2.118-.752-3.639-2.809-3.639-5.232c0-3.059%202.424-5.539%205.415-5.539s5.415%202.48%205.415%205.539c0%202.418-1.516%204.472-3.628%205.227a.77.77%200%200%200-.487.89l.042.199a.79.79%200%200%200%201.038.58c2.78-1.003%204.772-3.71%204.772-6.896%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%22M12%2014.562a2.338%202.338%200%201%201%200-4.677a2.338%202.338%200%200%201%200%204.677M12%200C5.392%200%20.036%205.473.036%2012.224c0%205.579%203.659%2010.281%208.658%2011.746c.428.126.87-.162.962-.598l.141-.669c.086-.41-.169-.799-.57-.92c-4.039-1.221-6.986-5.037-6.986-9.559c0-5.507%204.37-9.972%209.76-9.972s9.76%204.464%209.76%209.972c0%204.515-2.938%208.325-6.967%209.552c-.4.122-.654.511-.567.919l.142.67c.093.437.535.723.963.596c4.986-1.474%208.633-6.169%208.633-11.738C23.964%205.473%2018.608%200%2012%200m7.152%2012.224c0-4.04-3.202-7.315-7.152-7.315s-7.152%203.275-7.152%207.315c0%203.191%201.999%205.903%204.786%206.902a.79.79%200%200%200%201.037-.582l.042-.199a.77.77%200%200%200-.489-.889c-2.118-.752-3.639-2.809-3.639-5.232c0-3.059%202.424-5.539%205.415-5.539s5.415%202.48%205.415%205.539c0%202.418-1.516%204.472-3.628%205.227a.77.77%200%200%200-.487.89l.042.199a.79.79%200%200%200%201.038.58c2.78-1.003%204.772-3.71%204.772-6.896%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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