Ikon Variable Group
fluent-mdl2:variable-group
Ikon Variable Group (fluent-mdl2:variable-group) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 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
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
- Tag
- variablegroup
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M690 1347q0-23 15-38t38-15q12 0 23 6t20 13t16 13t15 6q10 0 26-15t35-40t39-53t37-57t29-50t17-34q-8-34-17-67t-17-67q-8-31-17-54t-24-40t-34-24t-48-9q-10 0-20 1t-22 3v-25l184-33q21 23 35 46t24 48t17 51t15 57q15-22 37-56t51-67t61-55t67-24q25 0 45 13t20 41q0 54-54 54q-20 0-37-9t-37-9q-19 0-40 19t-40 45t-36 52t-26 42l57 237q1 7 4 19t8 25t12 22t16 10q12 0 27-11t30-28t25-32t16-28l24 12q-8 19-28 47t-45 54t-52 46t-49 19q-22 0-36-13t-26-30q-9-16-17-46t-15-65t-13-68t-14-53q-11 20-26 48t-36 58t-43 61t-48 54t-50 39t-51 15q-26 0-46-17t-21-44m826 61q54-69 83-149t29-169q0-90-29-170t-83-152h94q118 139 118 322q0 91-28 170t-90 148zM0 128h2048v1664H0zm1920 1536V640H128v1024zm0-1152V256H128v256zM438 1408q-62-68-90-147t-28-171q0-183 118-322h93q-54 70-82 151t-29 171q0 87 28 168t83 150z"/></svg>Cara memakai ikon Variable Group
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:variable-group" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:variable-group" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:variable-group" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--variable-group]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:variable-group"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:variable-group"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/variable-group.svg" alt="Ikon Variable Group" width="24" height="24">Ikon terkait di Fluent UI MDL2
Ikon Variable Group di set ikon lain
FAQ Ikon Variable Group
Apakah ikon Variable Group gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Variable Group di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:variable-group" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Variable Group ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/variable-group.svg" alt="Ikon Variable Group">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.