Ikon Text Number Format 20 Regular
fluent:text-number-format-20-regular
Ikon Text Number Format 20 Regular (fluent:text-number-format-20-regular) adalah ikon SVG gratis dari set Fluent UI System Icons karya Microsoft Corporation. Ikon ini digambar pada grid 20 × 20. Fluent UI System 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 System Icons
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 20 × 20
- Tag
- textnumber, numberformat, formatregular, textnumberformatregular
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M4.943 3a.5.5 0 0 1 .464.333l1.774 5a.5.5 0 1 1-.942.334L6.002 8H3.73l-.264.68a.5.5 0 0 1-.932-.36l1.935-5A.5.5 0 0 1 4.943 3m-.826 4h1.53l-.732-2.062zM8.5 3h1.503c.162 0 .602 0 1.008.228c.214.12.418.303.564.57q.218.398.219.96c0 .456-.125.811-.32 1.078c.148.106.287.246.398.428q.245.401.246.978c0 .751-.352 1.228-.798 1.487A2.2 2.2 0 0 1 10.25 9H8.5a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5M10 4H9v1.5h1.024c.12 0 .33-.023.494-.123c.125-.075.276-.221.276-.618c0-.245-.048-.393-.096-.48a.44.44 0 0 0-.177-.18C10.36 4.01 10.158 4 10 4M9 6.5V8h1.25c.14 0 .38-.027.567-.136c.149-.086.301-.239.301-.622c0-.137-.017-.24-.04-.32a.6.6 0 0 0-.06-.138a.47.47 0 0 0-.204-.18c-.195-.097-.441-.104-.628-.104zm8.408-1.97c-.246-.687-.604-1.107-1.053-1.329C15.945 3 15.52 3 15.246 3h-.027c-.554 0-.994.19-1.327.487c-.322.288-.521.656-.646.99a4 4 0 0 0-.245 1.288v.026L13 5.799v.026c0 .383 0 1.085.25 1.724c.13.335.334.67.656.936c.325.268.742.445 1.257.503c.417.046 1.663.013 2.23-1.246a.5.5 0 1 0-.911-.41c-.293.648-.93.693-1.208.662c-.344-.039-.571-.148-.73-.28a1.26 1.26 0 0 1-.363-.528c-.176-.45-.181-.982-.181-1.383V5.79l.003-.059a3.3 3.3 0 0 1 .18-.905c.09-.241.214-.45.375-.593c.15-.135.355-.233.66-.233c.304 0 .51.008.694.098c.158.078.371.257.555.769a.5.5 0 0 0 .941-.338m-3.211 7.675a.74.74 0 0 0-.216.341a.5.5 0 0 1-.962-.274a1.74 1.74 0 0 1 .516-.817c.307-.271.74-.455 1.311-.455c1.168 0 1.846.854 1.846 1.636c0 .304-.058.776-.38 1.18a2 2 0 0 1-.138.154a1.5 1.5 0 0 1 .247.267c.175.247.271.549.271.9c0 .629-.212 1.121-.598 1.447c-.37.313-.836.416-1.248.416c-.387 0-.774-.064-1.109-.276c-.344-.219-.573-.554-.712-.977a.5.5 0 0 1 .95-.312c.043.131.092.227.144.298l.015.02l.032.037l.015.016l.017.016q.038.034.074.057a.6.6 0 0 0 .136.063c.107.036.248.058.438.058c.26 0 .469-.067.603-.18c.12-.101.243-.29.243-.684a.53.53 0 0 0-.085-.319a.6.6 0 0 0-.234-.18c-.233-.109-.537-.137-.751-.137a.5.5 0 1 1 0-1c.573 0 .804-.175.908-.305c.12-.153.162-.362.162-.559c0-.217-.219-.636-.846-.636c-.342 0-.536.104-.65.205M9 12.864c0-.443.37-.864.835-.864c.336 0 .614.158.752.37c.123.188.182.494-.07.922c-.122.208-.304.39-.543.578a9 9 0 0 1-.383.282l-.057.04c-.117.083-.241.17-.361.26C8.607 14.88 8 15.464 8 16.5a.5.5 0 0 0 .5.5h2.693a.5.5 0 1 0 0-1H9.097c.122-.282.355-.505.677-.748q.152-.114.32-.231l.015-.01l.06-.042c.137-.098.283-.202.425-.314c.282-.223.573-.495.785-.856c.416-.708.404-1.425.046-1.975c-.343-.527-.955-.824-1.59-.824C8.747 11 8 11.943 8 12.864a.5.5 0 1 0 1 0m-4.582.87c.206-.137.404-.3.586-.479V16.5a.5.5 0 1 0 1 0v-5a.5.5 0 0 0-.989-.107c-.102.47-.552 1.109-1.152 1.51a.5.5 0 1 0 .555.831"/></svg>
Cara memakai ikon Text Number Format 20 Regular
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:text-number-format-20-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:text-number-format-20-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:text-number-format-20-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--text-number-format-20-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:text-number-format-20-regular"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:text-number-format-20-regular"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent/text-number-format-20-regular.svg" alt="Ikon Text Number Format 20 Regular" width="24" height="24">
Ikon terkait di Fluent UI System Icons
FAQ Ikon Text Number Format 20 Regular
Apakah ikon Text Number Format 20 Regular gratis untuk penggunaan komersial?
Ya. Fluent UI System Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Text Number Format 20 Regular di React?
Pasang @iconify/react lalu render <Icon icon="fluent:text-number-format-20-regular" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Text Number Format 20 Regular ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent/text-number-format-20-regular.svg" alt="Ikon Text Number Format 20 Regular">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Fluent UI System Icons →
