circle hint half vertical icon

circle-hint-half-vertical-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.

Name
circle-hint-half-vertical-20-filled
Set
Fluent UI System Icons
Style
20 Filled
Viewbox
20×20
License
MIT

5 other variants in Fluent UI System Icons

circle-hint-half-vertical-16-filledcircle-hint-half-vertical-16-regularcircle-hint-half-vertical-20-regularcircle-hint-half-vertical-24-filledcircle-hint-half-vertical-24-regular

Related icons in Fluent UI System Icons

circle-edit-20-filledcircle-eraser-20-filledcircle-half-fill-12-filledcircle-highlight-20-filledcircle-hint-12-filledcircle-hint-cursor-16-filledcircle-hint-dismiss-16-filledcircle-image-16-filledcircle-line-12-filledcircle-multiple-concentric-16-filledcircle-multiple-hint-checkmark-16-filledcircle-multiple-subtract-checkmark-20-filledcircle-off-16-filledcircle-shadow-20-filledcircle-small-20-filledcircle-sparkle-16-filled

Use the circle hint half vertical icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2.001a7.96 7.96 0 0 0-4.66 1.497a8 8 0 0 0-1.854 1.858A7.96 7.96 0 0 0 2 10a8 8 0 0 0 .109 1.322a7.96 7.96 0 0 0 1.388 3.339a8 8 0 0 0 1.856 1.851A7.96 7.96 0 0 0 10 18v-.001c.44 0 .878-.035 1.303-.105a.75.75 0 0 0-.243-1.48a6.503 6.503 0 0 1-7.521-7.126a6.503 6.503 0 0 1 7.52-5.702a.75.75 0 0 0 .244-1.48A8 8 0 0 0 10 2m4.66 1.496a.75.75 0 0 0-.874 1.219a6.5 6.5 0 0 1 1.498 1.498a.75.75 0 0 0 1.219-.875a8 8 0 0 0-1.843-1.842m3.234 5.2a.75.75 0 0 0-1.48.243a6.7 6.7 0 0 1 0 2.12a.75.75 0 0 0 1.48.243c.14-.849.14-1.757 0-2.606m-1.391 5.964a.75.75 0 0 0-1.219-.875a6.5 6.5 0 0 1-1.498 1.498a.75.75 0 1 0 .874 1.219a8 8 0 0 0 1.843-1.842"/></svg>

React

import type { SVGProps } from "react";

export function FluentCircleHintHalfVertical20Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2.001a7.96 7.96 0 0 0-4.66 1.497a8 8 0 0 0-1.854 1.858A7.96 7.96 0 0 0 2 10a8 8 0 0 0 .109 1.322a7.96 7.96 0 0 0 1.388 3.339a8 8 0 0 0 1.856 1.851A7.96 7.96 0 0 0 10 18v-.001c.44 0 .878-.035 1.303-.105a.75.75 0 0 0-.243-1.48a6.503 6.503 0 0 1-7.521-7.126a6.503 6.503 0 0 1 7.52-5.702a.75.75 0 0 0 .244-1.48A8 8 0 0 0 10 2m4.66 1.496a.75.75 0 0 0-.874 1.219a6.5 6.5 0 0 1 1.498 1.498a.75.75 0 0 0 1.219-.875a8 8 0 0 0-1.843-1.842m3.234 5.2a.75.75 0 0 0-1.48.243a6.7 6.7 0 0 1 0 2.12a.75.75 0 0 0 1.48.243c.14-.849.14-1.757 0-2.606m-1.391 5.964a.75.75 0 0 0-1.219-.875a6.5 6.5 0 0 1-1.498 1.498a.75.75 0 1 0 .874 1.219a8 8 0 0 0 1.843-1.842"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2.001a7.96 7.96 0 0 0-4.66 1.497a8 8 0 0 0-1.854 1.858A7.96 7.96 0 0 0 2 10a8 8 0 0 0 .109 1.322a7.96 7.96 0 0 0 1.388 3.339a8 8 0 0 0 1.856 1.851A7.96 7.96 0 0 0 10 18v-.001c.44 0 .878-.035 1.303-.105a.75.75 0 0 0-.243-1.48a6.503 6.503 0 0 1-7.521-7.126a6.503 6.503 0 0 1 7.52-5.702a.75.75 0 0 0 .244-1.48A8 8 0 0 0 10 2m4.66 1.496a.75.75 0 0 0-.874 1.219a6.5 6.5 0 0 1 1.498 1.498a.75.75 0 0 0 1.219-.875a8 8 0 0 0-1.843-1.842m3.234 5.2a.75.75 0 0 0-1.48.243a6.7 6.7 0 0 1 0 2.12a.75.75 0 0 0 1.48.243c.14-.849.14-1.757 0-2.606m-1.391 5.964a.75.75 0 0 0-1.219-.875a6.5 6.5 0 0 1-1.498 1.498a.75.75 0 1 0 .874 1.219a8 8 0 0 0 1.843-1.842"/></svg>
</template>

CSS

.icon-circle-hint-half-vertical-20-filled {
  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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%202.001a7.96%207.96%200%200%200-4.66%201.497a8%208%200%200%200-1.854%201.858A7.96%207.96%200%200%200%202%2010a8%208%200%200%200%20.109%201.322a7.96%207.96%200%200%200%201.388%203.339a8%208%200%200%200%201.856%201.851A7.96%207.96%200%200%200%2010%2018v-.001c.44%200%20.878-.035%201.303-.105a.75.75%200%200%200-.243-1.48a6.503%206.503%200%200%201-7.521-7.126a6.503%206.503%200%200%201%207.52-5.702a.75.75%200%200%200%20.244-1.48A8%208%200%200%200%2010%202m4.66%201.496a.75.75%200%200%200-.874%201.219a6.5%206.5%200%200%201%201.498%201.498a.75.75%200%200%200%201.219-.875a8%208%200%200%200-1.843-1.842m3.234%205.2a.75.75%200%200%200-1.48.243a6.7%206.7%200%200%201%200%202.12a.75.75%200%200%200%201.48.243c.14-.849.14-1.757%200-2.606m-1.391%205.964a.75.75%200%200%200-1.219-.875a6.5%206.5%200%200%201-1.498%201.498a.75.75%200%201%200%20.874%201.219a8%208%200%200%200%201.843-1.842%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%202.001a7.96%207.96%200%200%200-4.66%201.497a8%208%200%200%200-1.854%201.858A7.96%207.96%200%200%200%202%2010a8%208%200%200%200%20.109%201.322a7.96%207.96%200%200%200%201.388%203.339a8%208%200%200%200%201.856%201.851A7.96%207.96%200%200%200%2010%2018v-.001c.44%200%20.878-.035%201.303-.105a.75.75%200%200%200-.243-1.48a6.503%206.503%200%200%201-7.521-7.126a6.503%206.503%200%200%201%207.52-5.702a.75.75%200%200%200%20.244-1.48A8%208%200%200%200%2010%202m4.66%201.496a.75.75%200%200%200-.874%201.219a6.5%206.5%200%200%201%201.498%201.498a.75.75%200%200%200%201.219-.875a8%208%200%200%200-1.843-1.842m3.234%205.2a.75.75%200%200%200-1.48.243a6.7%206.7%200%200%201%200%202.12a.75.75%200%200%200%201.48.243c.14-.849.14-1.757%200-2.606m-1.391%205.964a.75.75%200%200%200-1.219-.875a6.5%206.5%200%200%201-1.498%201.498a.75.75%200%201%200%20.874%201.219a8%208%200%200%200%201.843-1.842%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/circle-hint-half-vertical-20-filled.svg?color=%231a73e8&size=48