Ikon Gauge
iwwa:gauge
Ikon Gauge (iwwa:gauge) adalah ikon SVG gratis dari set Innowatio Font karya Innowatio. Ikon ini digambar pada grid 40 × 40. Innowatio Font icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Innowatio Font
- Pembuat
- Innowatio
- Lisensi
- Apache-2.0
- Ukuran
- 40 × 40
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path fill="currentColor" d="M20 39.479C9.259 39.479.521 30.741.521 20S9.259.522 20 .522S39.479 9.259 39.479 20c0 10.74-8.739 19.479-19.479 19.479m0-37.957C9.811 1.522 1.521 9.811 1.521 20S9.811 38.479 20 38.479S38.479 30.189 38.479 20S30.19 1.522 20 1.522"/><path fill="currentColor" d="M20.012 35.683c-6.857 0-13.037-4.568-15.027-11.109l.957-.291c1.863 6.124 7.649 10.4 14.07 10.4c6.509 0 12.153-4.18 14.046-10.4l.957.291c-2.023 6.644-8.052 11.109-15.003 11.109m15.172-15.184h-1.781a.5.5 0 0 1 0-1h1.272C34.41 11.633 27.929 5.315 20 5.315S5.59 11.632 5.325 19.499H6.76a.5.5 0 0 1 0 1H4.816a.5.5 0 0 1-.5-.5c0-8.648 7.036-15.684 15.684-15.684s15.684 7.035 15.684 15.684a.5.5 0 0 1-.5.5"/><path fill="currentColor" d="M20 7.322a.5.5 0 0 1-.5-.5V4.815a.5.5 0 0 1 1 0v2.007a.5.5 0 0 1-.5.5m9.366 4.134a.5.5 0 0 1-.354-.853l1.525-1.526a.5.5 0 0 1 .707.707L29.72 11.31a.5.5 0 0 1-.354.146m-18.407 0a.5.5 0 0 1-.353-.146L9.08 9.783a.5.5 0 0 1 .707-.707l1.525 1.526a.5.5 0 0 1-.353.854m9.043 21.261a4.404 4.404 0 0 1-4.399-4.399l.006-.156l3.217-18.012a1.184 1.184 0 0 1 2.328-.001c.761 4.142 3.245 17.697 3.245 18.169a4.4 4.4 0 0 1-4.397 4.399m-3.4-4.424c.036 1.933 1.547 3.424 3.4 3.424a3.4 3.4 0 0 0 3.397-3.399c-.042-.531-1.954-11.053-3.229-17.989c-.032-.179-.328-.178-.36-.003z"/></svg>
Cara memakai ikon Gauge
React
import { Icon } from "@iconify/react";
<Icon icon="iwwa:gauge" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iwwa:gauge" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iwwa:gauge" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--gauge]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:gauge"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iwwa:gauge"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/iwwa/gauge.svg" alt="Ikon Gauge" width="24" height="24">
Ikon Gauge di set ikon lain
FAQ Ikon Gauge
Apakah ikon Gauge gratis untuk penggunaan komersial?
Ya. Innowatio Font icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gauge di React?
Pasang @iconify/react lalu render <Icon icon="iwwa:gauge" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gauge ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/iwwa/gauge.svg" alt="Ikon Gauge">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Innowatio Font →
ICONYZ
