Ikon Progress Loop Outer
fluent-mdl2:progress-loop-outer
Ikon Progress Loop Outer (fluent-mdl2:progress-loop-outer) 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
- progressloop, loopouter, progressloopouter
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M960 131q-128 9-245 53T498 300T320 470T194 687L73 648q54-138 144-252t205-199T675 63T960 3zm894 556q-48-118-126-216t-178-171t-217-116t-245-53V3q148 9 285 59t252 135t206 198t145 253zM128 1024q0 99 21 194t63 183t100 166t135 142l-75 104q-88-73-157-162T98 1460t-73-211t-25-225q0-65 8-128t25-127l122 40q-13 53-20 107t-7 108m1887-255q16 63 24 126t9 129q0 115-25 225t-73 211t-117 190t-157 163l-75-104q76-64 135-142t100-165t62-183t22-195q0-54-7-108t-20-107zm-991 1151q127 0 246-34t227-102l75 103q-123 79-262 120t-286 41q-146 0-285-41t-263-120l75-103q107 67 226 101t247 35"/></svg>Cara memakai ikon Progress Loop Outer
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:progress-loop-outer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:progress-loop-outer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:progress-loop-outer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--progress-loop-outer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:progress-loop-outer"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:progress-loop-outer"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/progress-loop-outer.svg" alt="Ikon Progress Loop Outer" width="24" height="24">Ikon terkait di Fluent UI MDL2
FAQ Ikon Progress Loop Outer
Apakah ikon Progress Loop Outer 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 Progress Loop Outer di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:progress-loop-outer" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Progress Loop Outer ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/progress-loop-outer.svg" alt="Ikon Progress Loop Outer">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.