Ikon Thinking Problem
icon-park:thinking-problem
Ikon Thinking Problem (icon-park:thinking-problem) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Lainnya
- Tag
- thinkingproblem
Kode SVG
<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>Cara memakai ikon Thinking Problem
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/thinking-problem.svg" alt="Ikon Thinking Problem" width="24" height="24">Ikon Thinking Problem di set ikon lain
FAQ Ikon Thinking Problem
Apakah ikon Thinking Problem gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Thinking Problem di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:thinking-problem" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Thinking Problem ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/thinking-problem.svg" alt="Ikon Thinking Problem">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.