Ikon Center Focus Strong
tdesign:center-focus-strong
Ikon Center Focus Strong (tdesign:center-focus-strong) adalah ikon SVG gratis dari set TDesign Icons karya TDesign. Ikon ini digambar pada grid 24 × 24. TDesign Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- TDesign Icons
- Pembuat
- TDesign
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- centerfocus, focusstrong, centerfocusstrong
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><circle cx="12" cy="12" r="3"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M8 3H3v5m13-5h5v5M8 21H3v-5m13 5h5v-5"/><circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="2"/></g></svg>
Cara memakai ikon Center Focus Strong
React
import { Icon } from "@iconify/react";
<Icon icon="tdesign:center-focus-strong" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tdesign:center-focus-strong" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tdesign:center-focus-strong" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--center-focus-strong]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:center-focus-strong"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tdesign:center-focus-strong"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/tdesign/center-focus-strong.svg" alt="Ikon Center Focus Strong" width="24" height="24">
Ikon terkait di TDesign Icons
Ikon Center Focus Strong di set ikon lain
FAQ Ikon Center Focus Strong
Apakah ikon Center Focus Strong gratis untuk penggunaan komersial?
Ya. TDesign Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Center Focus Strong di React?
Pasang @iconify/react lalu render <Icon icon="tdesign:center-focus-strong" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Center Focus Strong ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/tdesign/center-focus-strong.svg" alt="Ikon Center Focus Strong">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua TDesign Icons →
ICONYZ
