user question mark icon

user-question-mark-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: user-question-mark-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

Related icons in Mage Icons

user-check user-circle user-cross user-minus user-plus user-square

Use the user question mark icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.37 21.248a.75.75 0 0 1-.75.75H4.99a.75.75 0 0 1-.75-.75c0-4.1 4.49-7.28 8.37-7.28a.76.76 0 0 1 .75.75zm3.96-12.17a5.2 5.2 0 0 1-1.88 2.29a5.11 5.11 0 0 1-5.452.121A5.1 5.1 0 0 1 8.39 4.278a5.1 5.1 0 0 1 2.29-1.89a5.17 5.17 0 0 1 3-.28a5 5 0 0 1 2.61 1.4a5.05 5.05 0 0 1 1.4 2.62a5.14 5.14 0 0 1-.36 2.95m.09 10.61a.76.76 0 0 1-.75-.75v-.37a1.74 1.74 0 0 1 1.12-1.6a.6.6 0 0 0 .24-.14a.5.5 0 0 0 .15-.2a.5.5 0 0 0 0-.25a.7.7 0 0 0 0-.24a.81.81 0 0 0-.58-.39a.8.8 0 0 0-.56.08a.82.82 0 0 0-.38.4a.754.754 0 0 1-1.37-.63a2.36 2.36 0 0 1 2.56-1.33c.36.05.704.187 1 .4c.291.21.53.483.7.8a2 2 0 0 1 .21.88a2.05 2.05 0 0 1-.67 1.58a2 2 0 0 1-.75.45a.2.2 0 0 0-.08.08a.2.2 0 0 0 0 .13v.35a.76.76 0 0 1-.84.75m-.02 2.15a.78.78 0 1 0 0-1.56a.78.78 0 0 0 0 1.56"/></svg>

React

import type { SVGProps } from "react";

export function MageUserQuestionMarkFill(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="M13.37 21.248a.75.75 0 0 1-.75.75H4.99a.75.75 0 0 1-.75-.75c0-4.1 4.49-7.28 8.37-7.28a.76.76 0 0 1 .75.75zm3.96-12.17a5.2 5.2 0 0 1-1.88 2.29a5.11 5.11 0 0 1-5.452.121A5.1 5.1 0 0 1 8.39 4.278a5.1 5.1 0 0 1 2.29-1.89a5.17 5.17 0 0 1 3-.28a5 5 0 0 1 2.61 1.4a5.05 5.05 0 0 1 1.4 2.62a5.14 5.14 0 0 1-.36 2.95m.09 10.61a.76.76 0 0 1-.75-.75v-.37a1.74 1.74 0 0 1 1.12-1.6a.6.6 0 0 0 .24-.14a.5.5 0 0 0 .15-.2a.5.5 0 0 0 0-.25a.7.7 0 0 0 0-.24a.81.81 0 0 0-.58-.39a.8.8 0 0 0-.56.08a.82.82 0 0 0-.38.4a.754.754 0 0 1-1.37-.63a2.36 2.36 0 0 1 2.56-1.33c.36.05.704.187 1 .4c.291.21.53.483.7.8a2 2 0 0 1 .21.88a2.05 2.05 0 0 1-.67 1.58a2 2 0 0 1-.75.45a.2.2 0 0 0-.08.08a.2.2 0 0 0 0 .13v.35a.76.76 0 0 1-.84.75m-.02 2.15a.78.78 0 1 0 0-1.56a.78.78 0 0 0 0 1.56"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.37 21.248a.75.75 0 0 1-.75.75H4.99a.75.75 0 0 1-.75-.75c0-4.1 4.49-7.28 8.37-7.28a.76.76 0 0 1 .75.75zm3.96-12.17a5.2 5.2 0 0 1-1.88 2.29a5.11 5.11 0 0 1-5.452.121A5.1 5.1 0 0 1 8.39 4.278a5.1 5.1 0 0 1 2.29-1.89a5.17 5.17 0 0 1 3-.28a5 5 0 0 1 2.61 1.4a5.05 5.05 0 0 1 1.4 2.62a5.14 5.14 0 0 1-.36 2.95m.09 10.61a.76.76 0 0 1-.75-.75v-.37a1.74 1.74 0 0 1 1.12-1.6a.6.6 0 0 0 .24-.14a.5.5 0 0 0 .15-.2a.5.5 0 0 0 0-.25a.7.7 0 0 0 0-.24a.81.81 0 0 0-.58-.39a.8.8 0 0 0-.56.08a.82.82 0 0 0-.38.4a.754.754 0 0 1-1.37-.63a2.36 2.36 0 0 1 2.56-1.33c.36.05.704.187 1 .4c.291.21.53.483.7.8a2 2 0 0 1 .21.88a2.05 2.05 0 0 1-.67 1.58a2 2 0 0 1-.75.45a.2.2 0 0 0-.08.08a.2.2 0 0 0 0 .13v.35a.76.76 0 0 1-.84.75m-.02 2.15a.78.78 0 1 0 0-1.56a.78.78 0 0 0 0 1.56"/></svg>
</template>

CSS

.icon-user-question-mark-fill {
  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%22M13.37%2021.248a.75.75%200%200%201-.75.75H4.99a.75.75%200%200%201-.75-.75c0-4.1%204.49-7.28%208.37-7.28a.76.76%200%200%201%20.75.75zm3.96-12.17a5.2%205.2%200%200%201-1.88%202.29a5.11%205.11%200%200%201-5.452.121A5.1%205.1%200%200%201%208.39%204.278a5.1%205.1%200%200%201%202.29-1.89a5.17%205.17%200%200%201%203-.28a5%205%200%200%201%202.61%201.4a5.05%205.05%200%200%201%201.4%202.62a5.14%205.14%200%200%201-.36%202.95m.09%2010.61a.76.76%200%200%201-.75-.75v-.37a1.74%201.74%200%200%201%201.12-1.6a.6.6%200%200%200%20.24-.14a.5.5%200%200%200%20.15-.2a.5.5%200%200%200%200-.25a.7.7%200%200%200%200-.24a.81.81%200%200%200-.58-.39a.8.8%200%200%200-.56.08a.82.82%200%200%200-.38.4a.754.754%200%200%201-1.37-.63a2.36%202.36%200%200%201%202.56-1.33c.36.05.704.187%201%20.4c.291.21.53.483.7.8a2%202%200%200%201%20.21.88a2.05%202.05%200%200%201-.67%201.58a2%202%200%200%201-.75.45a.2.2%200%200%200-.08.08a.2.2%200%200%200%200%20.13v.35a.76.76%200%200%201-.84.75m-.02%202.15a.78.78%200%201%200%200-1.56a.78.78%200%200%200%200%201.56%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%22M13.37%2021.248a.75.75%200%200%201-.75.75H4.99a.75.75%200%200%201-.75-.75c0-4.1%204.49-7.28%208.37-7.28a.76.76%200%200%201%20.75.75zm3.96-12.17a5.2%205.2%200%200%201-1.88%202.29a5.11%205.11%200%200%201-5.452.121A5.1%205.1%200%200%201%208.39%204.278a5.1%205.1%200%200%201%202.29-1.89a5.17%205.17%200%200%201%203-.28a5%205%200%200%201%202.61%201.4a5.05%205.05%200%200%201%201.4%202.62a5.14%205.14%200%200%201-.36%202.95m.09%2010.61a.76.76%200%200%201-.75-.75v-.37a1.74%201.74%200%200%201%201.12-1.6a.6.6%200%200%200%20.24-.14a.5.5%200%200%200%20.15-.2a.5.5%200%200%200%200-.25a.7.7%200%200%200%200-.24a.81.81%200%200%200-.58-.39a.8.8%200%200%200-.56.08a.82.82%200%200%200-.38.4a.754.754%200%200%201-1.37-.63a2.36%202.36%200%200%201%202.56-1.33c.36.05.704.187%201%20.4c.291.21.53.483.7.8a2%202%200%200%201%20.21.88a2.05%202.05%200%200%201-.67%201.58a2%202%200%200%201-.75.45a.2.2%200%200%200-.08.08a.2.2%200%200%200%200%20.13v.35a.76.76%200%200%201-.84.75m-.02%202.15a.78.78%200%201%200%200-1.56a.78.78%200%200%200%200%201.56%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/user-question-mark-fill.svg?color=%231a73e8&size=48