qi icon

qi from Material Design Icons by Pictogrammers · Filled · Brand / Logo · Apache-2.0 Free for personal and commercial use.

Name: qi
Set: Material Design Icons
Style: Filled
Category: Brand / Logo
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

qiSimple Icons

More brand / logo icons from Material Design Icons

Use the qi icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.09 6.56v8.08c0 .08-.09.15-.15.15c-2.32 0-4.19-1.88-4.19-4.19c0-2.32 1.87-4.2 4.19-4.2c.06 0 .15.07.15.16m0 11.3v2.43A2.666 2.666 0 0 0 14.5 23c.16 0 .28-.11.29-.27V4.47a.415.415 0 0 0-.29-.38c-3.58-1.42-7.64.35-9.06 3.94c-1.44 3.6.35 7.66 3.94 9.08c.78.31 1.62.47 2.43.49c.14-.01.26.11.27.27M16.19 5.5v10.22c0 .28 0 .48.27.28c2.96-2.5 3.35-6.91.87-9.87c-.26-.32-.56-.63-.87-.87c-.27-.21-.27 0-.27.27m-1.4-3.1c0-.77.63-1.4 1.4-1.4s1.4.63 1.4 1.4s-.63 1.4-1.4 1.4s-1.4-.63-1.4-1.4"/></svg>

React

import type { SVGProps } from "react";

export function MdiQi(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.09 6.56v8.08c0 .08-.09.15-.15.15c-2.32 0-4.19-1.88-4.19-4.19c0-2.32 1.87-4.2 4.19-4.2c.06 0 .15.07.15.16m0 11.3v2.43A2.666 2.666 0 0 0 14.5 23c.16 0 .28-.11.29-.27V4.47a.415.415 0 0 0-.29-.38c-3.58-1.42-7.64.35-9.06 3.94c-1.44 3.6.35 7.66 3.94 9.08c.78.31 1.62.47 2.43.49c.14-.01.26.11.27.27M16.19 5.5v10.22c0 .28 0 .48.27.28c2.96-2.5 3.35-6.91.87-9.87c-.26-.32-.56-.63-.87-.87c-.27-.21-.27 0-.27.27m-1.4-3.1c0-.77.63-1.4 1.4-1.4s1.4.63 1.4 1.4s-.63 1.4-1.4 1.4s-1.4-.63-1.4-1.4"/></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.09 6.56v8.08c0 .08-.09.15-.15.15c-2.32 0-4.19-1.88-4.19-4.19c0-2.32 1.87-4.2 4.19-4.2c.06 0 .15.07.15.16m0 11.3v2.43A2.666 2.666 0 0 0 14.5 23c.16 0 .28-.11.29-.27V4.47a.415.415 0 0 0-.29-.38c-3.58-1.42-7.64.35-9.06 3.94c-1.44 3.6.35 7.66 3.94 9.08c.78.31 1.62.47 2.43.49c.14-.01.26.11.27.27M16.19 5.5v10.22c0 .28 0 .48.27.28c2.96-2.5 3.35-6.91.87-9.87c-.26-.32-.56-.63-.87-.87c-.27-.21-.27 0-.27.27m-1.4-3.1c0-.77.63-1.4 1.4-1.4s1.4.63 1.4 1.4s-.63 1.4-1.4 1.4s-1.4-.63-1.4-1.4"/></svg>
</template>

CSS

.icon-qi {
  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.09%206.56v8.08c0%20.08-.09.15-.15.15c-2.32%200-4.19-1.88-4.19-4.19c0-2.32%201.87-4.2%204.19-4.2c.06%200%20.15.07.15.16m0%2011.3v2.43A2.666%202.666%200%200%200%2014.5%2023c.16%200%20.28-.11.29-.27V4.47a.415.415%200%200%200-.29-.38c-3.58-1.42-7.64.35-9.06%203.94c-1.44%203.6.35%207.66%203.94%209.08c.78.31%201.62.47%202.43.49c.14-.01.26.11.27.27M16.19%205.5v10.22c0%20.28%200%20.48.27.28c2.96-2.5%203.35-6.91.87-9.87c-.26-.32-.56-.63-.87-.87c-.27-.21-.27%200-.27.27m-1.4-3.1c0-.77.63-1.4%201.4-1.4s1.4.63%201.4%201.4s-.63%201.4-1.4%201.4s-1.4-.63-1.4-1.4%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.09%206.56v8.08c0%20.08-.09.15-.15.15c-2.32%200-4.19-1.88-4.19-4.19c0-2.32%201.87-4.2%204.19-4.2c.06%200%20.15.07.15.16m0%2011.3v2.43A2.666%202.666%200%200%200%2014.5%2023c.16%200%20.28-.11.29-.27V4.47a.415.415%200%200%200-.29-.38c-3.58-1.42-7.64.35-9.06%203.94c-1.44%203.6.35%207.66%203.94%209.08c.78.31%201.62.47%202.43.49c.14-.01.26.11.27.27M16.19%205.5v10.22c0%20.28%200%20.48.27.28c2.96-2.5%203.35-6.91.87-9.87c-.26-.32-.56-.63-.87-.87c-.27-.21-.27%200-.27.27m-1.4-3.1c0-.77.63-1.4%201.4-1.4s1.4.63%201.4%201.4s-.63%201.4-1.4%201.4s-1.4-.63-1.4-1.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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