Question Mark Bold icon

solar:question-mark-bold

The Question Mark Bold icon (solar:question-mark-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: UI
Tags: questionmark, markbold, questionmarkbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.625 16.75V13.8857C12.625 13.0189 13.0097 12.2908 13.5039 11.7188C13.9952 11.1501 14.6277 10.6954 15.2227 10.3496C16.2924 9.72801 17 8.5898 17 7.29688C17 5.35067 15.3898 3.75 13.375 3.75C11.3602 3.75002 9.75002 5.35068 9.75 7.29688C9.75 7.71109 9.41421 8.04688 9 8.04688C8.58579 8.04688 8.25 7.71109 8.25 7.29688C8.25002 4.49689 10.5573 2.25002 13.375 2.25C16.1927 2.25 18.5 4.49688 18.5 7.29688C18.5 9.15476 17.4813 10.7721 15.9766 11.6465C15.4625 11.9452 14.9823 12.3015 14.6387 12.6992C14.2981 13.0935 14.125 13.4871 14.125 13.8857V16.75C14.125 17.1642 13.7892 17.5 13.375 17.5C12.9608 17.5 12.625 17.1642 12.625 16.75Z"/><path d="M13 22.25C13.4142 22.25 13.75 22.5858 13.75 23C13.75 23.4142 13.4142 23.75 13 23.75C12.5858 23.75 12.25 23.4142 12.25 23C12.25 22.5858 12.5858 22.25 13 22.25Z"/></g></svg>

How to use the Question Mark Bold icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:question-mark-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:question-mark-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:question-mark-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--question-mark-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:question-mark-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:question-mark-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/question-mark-bold.svg" alt="Question Mark Bold icon" width="24" height="24">

Related icons in Solar

Question Mark Bold icon in other icon sets

Question Mark Bold icon FAQ

Is the Question Mark Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Question Mark Bold icon in React?

Install @iconify/react and render <Icon icon="solar:question-mark-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Question Mark Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/question-mark-bold.svg" alt="Question Mark Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →