ask compact icon

ask-compact from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.

Name
ask-compact
Set
Codicons
Style
Regular
Viewbox
12×12
License
CC BY 4.0

Use the ask compact icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M6 1C3.24 1 1 3.24 1 6c0 .87.22 1.69.61 2.4l-.59 1.95c-.05.18 0 .37.12.5c.13.13.32.18.5.12l1.95-.59A5.002 5.002 0 0 0 11 6c0-2.76-2.24-5-5-5m0 9c-.77 0-1.48-.21-2.09-.59a.53.53 0 0 0-.41-.05l-1.26.38l.38-1.26c.04-.14.02-.28-.05-.41c-.37-.61-.58-1.32-.58-2.08c0-2.21 1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4zm.62-1.5c0 .34-.28.62-.62.62s-.62-.28-.62-.62s.28-.62.62-.62s.62.28.62.62m1.23-3.55c0 .59-.21.91-.73 1.32l-.28.21c-.25.19-.33.3-.35.45v.16c-.05.23-.26.41-.5.41c-.28 0-.5-.22-.5-.5c0-.57.21-.88.72-1.29l.28-.22c.29-.23.36-.34.36-.54C6.85 4.39 6.47 4 6 4s-.86.37-.85.94c0 .28-.22.5-.5.5s-.5-.22-.5-.5C4.14 3.8 4.96 2.99 6 2.99s1.85.85 1.85 1.95z"/></svg>

React

import type { SVGProps } from "react";

export function CodiconAskCompact(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M6 1C3.24 1 1 3.24 1 6c0 .87.22 1.69.61 2.4l-.59 1.95c-.05.18 0 .37.12.5c.13.13.32.18.5.12l1.95-.59A5.002 5.002 0 0 0 11 6c0-2.76-2.24-5-5-5m0 9c-.77 0-1.48-.21-2.09-.59a.53.53 0 0 0-.41-.05l-1.26.38l.38-1.26c.04-.14.02-.28-.05-.41c-.37-.61-.58-1.32-.58-2.08c0-2.21 1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4zm.62-1.5c0 .34-.28.62-.62.62s-.62-.28-.62-.62s.28-.62.62-.62s.62.28.62.62m1.23-3.55c0 .59-.21.91-.73 1.32l-.28.21c-.25.19-.33.3-.35.45v.16c-.05.23-.26.41-.5.41c-.28 0-.5-.22-.5-.5c0-.57.21-.88.72-1.29l.28-.22c.29-.23.36-.34.36-.54C6.85 4.39 6.47 4 6 4s-.86.37-.85.94c0 .28-.22.5-.5.5s-.5-.22-.5-.5C4.14 3.8 4.96 2.99 6 2.99s1.85.85 1.85 1.95z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M6 1C3.24 1 1 3.24 1 6c0 .87.22 1.69.61 2.4l-.59 1.95c-.05.18 0 .37.12.5c.13.13.32.18.5.12l1.95-.59A5.002 5.002 0 0 0 11 6c0-2.76-2.24-5-5-5m0 9c-.77 0-1.48-.21-2.09-.59a.53.53 0 0 0-.41-.05l-1.26.38l.38-1.26c.04-.14.02-.28-.05-.41c-.37-.61-.58-1.32-.58-2.08c0-2.21 1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4zm.62-1.5c0 .34-.28.62-.62.62s-.62-.28-.62-.62s.28-.62.62-.62s.62.28.62.62m1.23-3.55c0 .59-.21.91-.73 1.32l-.28.21c-.25.19-.33.3-.35.45v.16c-.05.23-.26.41-.5.41c-.28 0-.5-.22-.5-.5c0-.57.21-.88.72-1.29l.28-.22c.29-.23.36-.34.36-.54C6.85 4.39 6.47 4 6 4s-.86.37-.85.94c0 .28-.22.5-.5.5s-.5-.22-.5-.5C4.14 3.8 4.96 2.99 6 2.99s1.85.85 1.85 1.95z"/></svg>
</template>

CSS

.icon-ask-compact {
  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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%201C3.24%201%201%203.24%201%206c0%20.87.22%201.69.61%202.4l-.59%201.95c-.05.18%200%20.37.12.5c.13.13.32.18.5.12l1.95-.59A5.002%205.002%200%200%200%2011%206c0-2.76-2.24-5-5-5m0%209c-.77%200-1.48-.21-2.09-.59a.53.53%200%200%200-.41-.05l-1.26.38l.38-1.26c.04-.14.02-.28-.05-.41c-.37-.61-.58-1.32-.58-2.08c0-2.21%201.79-4%204-4s4%201.79%204%204s-1.79%204-4%204zm.62-1.5c0%20.34-.28.62-.62.62s-.62-.28-.62-.62s.28-.62.62-.62s.62.28.62.62m1.23-3.55c0%20.59-.21.91-.73%201.32l-.28.21c-.25.19-.33.3-.35.45v.16c-.05.23-.26.41-.5.41c-.28%200-.5-.22-.5-.5c0-.57.21-.88.72-1.29l.28-.22c.29-.23.36-.34.36-.54C6.85%204.39%206.47%204%206%204s-.86.37-.85.94c0%20.28-.22.5-.5.5s-.5-.22-.5-.5C4.14%203.8%204.96%202.99%206%202.99s1.85.85%201.85%201.95z%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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%201C3.24%201%201%203.24%201%206c0%20.87.22%201.69.61%202.4l-.59%201.95c-.05.18%200%20.37.12.5c.13.13.32.18.5.12l1.95-.59A5.002%205.002%200%200%200%2011%206c0-2.76-2.24-5-5-5m0%209c-.77%200-1.48-.21-2.09-.59a.53.53%200%200%200-.41-.05l-1.26.38l.38-1.26c.04-.14.02-.28-.05-.41c-.37-.61-.58-1.32-.58-2.08c0-2.21%201.79-4%204-4s4%201.79%204%204s-1.79%204-4%204zm.62-1.5c0%20.34-.28.62-.62.62s-.62-.28-.62-.62s.28-.62.62-.62s.62.28.62.62m1.23-3.55c0%20.59-.21.91-.73%201.32l-.28.21c-.25.19-.33.3-.35.45v.16c-.05.23-.26.41-.5.41c-.28%200-.5-.22-.5-.5c0-.57.21-.88.72-1.29l.28-.22c.29-.23.36-.34.36-.54C6.85%204.39%206.47%204%206%204s-.86.37-.85.94c0%20.28-.22.5-.5.5s-.5-.22-.5-.5C4.14%203.8%204.96%202.99%206%202.99s1.85.85%201.85%201.95z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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