Ikon Effect Ts Light
thesvg-color:effect-ts-light
Ikon Effect Ts Light (thesvg-color:effect-ts-light) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 220 × 220. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 220 × 220
- Tag
- effectts, tslight, effecttslight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="220" height="220" viewBox="0 0 220 220"><g fill="#101214"><path fill-rule="evenodd" d="M205.593 165.181c3.26-1.836 4.373-5.904 2.493-9.087c-1.88-3.18-6.045-4.271-9.304-2.435l-88.946 50.154l-88.619-49.968c-3.256-1.836-7.42-.748-9.304 2.435c-1.88 3.183-.763 7.251 2.493 9.087l91.766 51.74a6.93 6.93 0 0 0 5.295.632a7 7 0 0 0 2.364-.815z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M214.794 113.73c.283-2.68-1.036-5.4-3.587-6.831l-97.01-54.436a7.3 7.3 0 0 0-2.463-.85a7.34 7.34 0 0 0-5.599.66L9.122 106.71c-2.742 1.54-4.06 4.571-3.492 7.438c-.035 2.181.99 4.365 3.525 5.794l97.01 54.699a7.34 7.34 0 0 0 5.602.665a7.3 7.3 0 0 0 2.495-.858l97.014-54.703c2.62-1.477 3.628-3.76 3.518-6.014Zm-20.971-.385l-83.828-47.038l-83.78 47.013l83.828 47.266z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M216.215 72.942c3.62-2.04 4.86-6.557 2.769-10.092c-2.088-3.531-6.714-4.743-10.333-2.704l-98.782 55.7l-98.414-55.493c-3.62-2.043-8.245-.83-10.333 2.704C-.97 66.588.27 71.11 3.89 73.15l101.91 57.46a7.7 7.7 0 0 0 5.885.698a7.7 7.7 0 0 0 2.621-.901z" clip-rule="evenodd"/><path d="m18.906 66.546l90.775-55.407l90.774 55.404l-90.774 51.717z"/><path fill-rule="evenodd" d="M216.095 58.37c3.627 2.036 4.883 6.55 2.807 10.085c-2.081 3.531-6.706 4.746-10.333 2.711L109.772 15.73L11.335 70.967c-3.627 2.035-8.253.82-10.333-2.712c-2.077-3.535-.82-8.048 2.802-10.084L105.718.987a7.7 7.7 0 0 1 5.881-.694a7.7 7.7 0 0 1 2.587.893l101.909 57.185Z" clip-rule="evenodd"/></g></svg>Cara memakai ikon Effect Ts Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:effect-ts-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:effect-ts-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:effect-ts-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--effect-ts-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:effect-ts-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:effect-ts-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/effect-ts-light.svg" alt="Ikon Effect Ts Light" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Effect Ts Light
Apakah ikon Effect Ts Light gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Effect Ts Light di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:effect-ts-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Effect Ts Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/effect-ts-light.svg" alt="Ikon Effect Ts Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.