Ikon Barometer
meteocons:barometer
Ikon Barometer (meteocons:barometer) adalah ikon SVG gratis dari set Meteocons karya Bas Milius. Ikon ini digambar pada grid 512 × 512. Meteocons 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
- Meteocons
- Pembuat
- Bas Milius
- Lisensi
- MIT
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="256" cy="256" r="144" fill="none" stroke="#475569" stroke-miterlimit="10" stroke-width="12"/><path fill="none" stroke="#475569" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M256 200v-48m108 104h-48m-116 0h-48m180-68l-24 24m-104 0l-24-24m128 112l24 24m-152 0l24-24"/><circle cx="256" cy="256" r="24" fill="#ef4444"/><path fill="none" stroke="#ef4444" stroke-linecap="round" stroke-miterlimit="10" stroke-width="12" d="M256 284V164"><animateTransform attributeName="transform" calcMode="spline" dur="6s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1" keyTimes="0; .17; .25; .42; .5; .67; 1" repeatCount="indefinite" type="rotate" values="-54 256 256; -15 256 256; -36 256 256; 36 256 256; 10 256 256; 115 256 256; -54 256 256"/></path></svg>Cara memakai ikon Barometer
React
import { Icon } from "@iconify/react";
<Icon icon="meteocons:barometer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="meteocons:barometer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="meteocons:barometer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[meteocons--barometer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/meteocons -->
<div class="i-meteocons:barometer"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="meteocons:barometer"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/meteocons/barometer.svg" alt="Ikon Barometer" width="24" height="24">Ikon terkait di Meteocons
Ikon Barometer di set ikon lain
FAQ Ikon Barometer
Apakah ikon Barometer gratis untuk penggunaan komersial?
Ya. Meteocons icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Barometer di React?
Pasang @iconify/react lalu render <Icon icon="meteocons:barometer" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Barometer ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/meteocons/barometer.svg" alt="Ikon Barometer">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.