Ikon Snowflake
meteocons:snowflake
Ikon Snowflake (meteocons:snowflake) 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"><path fill="none" stroke="#72b9d5" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="m372 295.2l-34.3-19.7a83.8 83.8 0 0 0 0-39l34.3-19.7a24 24 0 1 0-24-41.6L313.7 195a81.4 81.4 0 0 0-33.7-19.4V136a24 24 0 0 0-48 0v39.6a84 84 0 0 0-33.7 19.4L164 175.2a24 24 0 1 0-24 41.6l34.3 19.7a83.8 83.8 0 0 0 0 39L140 295.1a24 24 0 1 0 24 41.6l34.3-19.8a80.6 80.6 0 0 0 33.7 19.4V376a24 24 0 0 0 48 0v-39.7a84 84 0 0 0 33.7-19.3l34.3 19.8a24 24 0 1 0 24-41.6Zm-134-8a36 36 0 1 1 49.2-13.2a36 36 0 0 1-49.2 13.2Z"><animateTransform attributeName="transform" calcMode="spline" dur="6s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="scale" values="1 1; .9 .9; 1 1; .9 .9; 1 1"/><animateTransform additive="sum" attributeName="transform" calcMode="spline" dur="6s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="translate" values="0 0; 25.75 25.75; 0 0; 25.75 25.75; 0 0"/><animateTransform additive="sum" attributeName="transform" calcMode="spline" dur="6s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="rotate" values="-6 256 256; 6 256 256; -6 256 256"/></path></svg>
Cara memakai ikon Snowflake
React
import { Icon } from "@iconify/react";
<Icon icon="meteocons:snowflake" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="meteocons:snowflake" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="meteocons:snowflake" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[meteocons--snowflake]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/meteocons -->
<div class="i-meteocons:snowflake"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="meteocons:snowflake"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/meteocons/snowflake.svg" alt="Ikon Snowflake" width="24" height="24">
Ikon terkait di Meteocons
Ikon Snowflake di set ikon lain
FAQ Ikon Snowflake
Apakah ikon Snowflake gratis untuk penggunaan komersial?
Ya. Meteocons icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Snowflake di React?
Pasang @iconify/react lalu render <Icon icon="meteocons:snowflake" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Snowflake ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/meteocons/snowflake.svg" alt="Ikon Snowflake">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Meteocons →
ICONYZ
