Thinking Problem icon
icon-park:thinking-problem
The Thinking Problem icon (icon-park:thinking-problem) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Others
- Tags
- thinkingproblem
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M38 21L43 30L38 31V37H35L29 36L28 43H13L11 32.619C7.92077 29.7028 6 25.5757 6 21C6 12.1634 13.1634 5 22 5C30.8366 5 38 12.1634 38 21Z"/><path stroke="#fff" d="M17 19C17 16.2386 19.2386 14 22 14C24.7614 14 27 16.2386 27 19C27 21.7614 24.7614 24 22 24V27"/><path stroke="#fff" d="M22 33V34"/></g></svg>How to use the Thinking Problem icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:thinking-problem" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:thinking-problem" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:thinking-problem" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--thinking-problem]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:thinking-problem"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:thinking-problem"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/thinking-problem.svg" alt="Thinking Problem icon" width="24" height="24">Thinking Problem icon in other icon sets
Thinking Problem icon FAQ
Is the Thinking Problem icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Thinking Problem icon in React?
Install @iconify/react and render <Icon icon="icon-park:thinking-problem" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Thinking Problem icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/thinking-problem.svg" alt="Thinking Problem icon">, or paste the SVG code inline to style it with CSS.