Ikon Tips
icon-park:tips
Ikon Tips (icon-park:tips) 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
- Dasar
- Tag
- tip
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="M40 20C40 26.8077 35.7484 32.6224 29.7555 34.9336H24H18.2445C12.2516 32.6224 8 26.8077 8 20C8 11.1634 15.1634 4 24 4C32.8366 4 40 11.1634 40 20Z"/><path stroke="#000" d="M29.7557 34.9336L29.0766 43.0831C29.0334 43.6014 28.6001 44 28.08 44H19.9203C19.4002 44 18.9669 43.6014 18.9238 43.0831L18.2446 34.9336"/><path stroke="#fff" d="M18 17V23L24 20L30 23V17"/></g></svg>
Cara memakai ikon Tips
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:tips" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:tips" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:tips" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--tips]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:tips"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:tips"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/tips.svg" alt="Ikon Tips" width="24" height="24">
Ikon Tips di set ikon lain
FAQ Ikon Tips
Apakah ikon Tips 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 Tips di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:tips" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Tips ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/tips.svg" alt="Ikon Tips">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
