quip logo

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

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

Use the quip logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.154 22.154H12a10.06 10.06 0 0 1-7.4-3.201C2.66 16.89 1.69 14.19 1.868 11.35c.315-5.091 4.39-9.168 9.482-9.484q.33-.02.657-.02A10.06 10.06 0 0 1 18.952 4.6a10.06 10.06 0 0 1 3.202 7.4zm-1.938-18.9C17.778.963 14.59-.186 11.236.024C5.218.399.398 5.219.024 11.237c-.207 3.353.94 6.543 3.231 8.98A12.05 12.05 0 0 0 12 24h11.077c.51 0 .923-.413.923-.922V12a12.05 12.05 0 0 0-3.784-8.745m-4.062 11.976H7.846a.923.923 0 0 0 0 1.846h8.308a.923.923 0 0 0 0-1.846M7.846 8.77h8.308a.923.923 0 0 0 0-1.847H7.846a.923.923 0 0 0 0 1.847m-2.769 2.308a.923.923 0 0 0 0 1.845h13.846a.923.923 0 0 0 0-1.846z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsQuip(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="M22.154 22.154H12a10.06 10.06 0 0 1-7.4-3.201C2.66 16.89 1.69 14.19 1.868 11.35c.315-5.091 4.39-9.168 9.482-9.484q.33-.02.657-.02A10.06 10.06 0 0 1 18.952 4.6a10.06 10.06 0 0 1 3.202 7.4zm-1.938-18.9C17.778.963 14.59-.186 11.236.024C5.218.399.398 5.219.024 11.237c-.207 3.353.94 6.543 3.231 8.98A12.05 12.05 0 0 0 12 24h11.077c.51 0 .923-.413.923-.922V12a12.05 12.05 0 0 0-3.784-8.745m-4.062 11.976H7.846a.923.923 0 0 0 0 1.846h8.308a.923.923 0 0 0 0-1.846M7.846 8.77h8.308a.923.923 0 0 0 0-1.847H7.846a.923.923 0 0 0 0 1.847m-2.769 2.308a.923.923 0 0 0 0 1.845h13.846a.923.923 0 0 0 0-1.846z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.154 22.154H12a10.06 10.06 0 0 1-7.4-3.201C2.66 16.89 1.69 14.19 1.868 11.35c.315-5.091 4.39-9.168 9.482-9.484q.33-.02.657-.02A10.06 10.06 0 0 1 18.952 4.6a10.06 10.06 0 0 1 3.202 7.4zm-1.938-18.9C17.778.963 14.59-.186 11.236.024C5.218.399.398 5.219.024 11.237c-.207 3.353.94 6.543 3.231 8.98A12.05 12.05 0 0 0 12 24h11.077c.51 0 .923-.413.923-.922V12a12.05 12.05 0 0 0-3.784-8.745m-4.062 11.976H7.846a.923.923 0 0 0 0 1.846h8.308a.923.923 0 0 0 0-1.846M7.846 8.77h8.308a.923.923 0 0 0 0-1.847H7.846a.923.923 0 0 0 0 1.847m-2.769 2.308a.923.923 0 0 0 0 1.845h13.846a.923.923 0 0 0 0-1.846z"/></svg>
</template>

CSS

.icon-quip {
  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%22M22.154%2022.154H12a10.06%2010.06%200%200%201-7.4-3.201C2.66%2016.89%201.69%2014.19%201.868%2011.35c.315-5.091%204.39-9.168%209.482-9.484q.33-.02.657-.02A10.06%2010.06%200%200%201%2018.952%204.6a10.06%2010.06%200%200%201%203.202%207.4zm-1.938-18.9C17.778.963%2014.59-.186%2011.236.024C5.218.399.398%205.219.024%2011.237c-.207%203.353.94%206.543%203.231%208.98A12.05%2012.05%200%200%200%2012%2024h11.077c.51%200%20.923-.413.923-.922V12a12.05%2012.05%200%200%200-3.784-8.745m-4.062%2011.976H7.846a.923.923%200%200%200%200%201.846h8.308a.923.923%200%200%200%200-1.846M7.846%208.77h8.308a.923.923%200%200%200%200-1.847H7.846a.923.923%200%200%200%200%201.847m-2.769%202.308a.923.923%200%200%200%200%201.845h13.846a.923.923%200%200%200%200-1.846z%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%22M22.154%2022.154H12a10.06%2010.06%200%200%201-7.4-3.201C2.66%2016.89%201.69%2014.19%201.868%2011.35c.315-5.091%204.39-9.168%209.482-9.484q.33-.02.657-.02A10.06%2010.06%200%200%201%2018.952%204.6a10.06%2010.06%200%200%201%203.202%207.4zm-1.938-18.9C17.778.963%2014.59-.186%2011.236.024C5.218.399.398%205.219.024%2011.237c-.207%203.353.94%206.543%203.231%208.98A12.05%2012.05%200%200%200%2012%2024h11.077c.51%200%20.923-.413.923-.922V12a12.05%2012.05%200%200%200-3.784-8.745m-4.062%2011.976H7.846a.923.923%200%200%200%200%201.846h8.308a.923.923%200%200%200%200-1.846M7.846%208.77h8.308a.923.923%200%200%200%200-1.847H7.846a.923.923%200%200%200%200%201.847m-2.769%202.308a.923.923%200%200%200%200%201.845h13.846a.923.923%200%200%200%200-1.846z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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