Ikon Pronote
arcticons:pronote
Ikon Pronote (arcticons:pronote) adalah ikon SVG gratis dari set Arcticons karya Donnnno. Ikon ini digambar pada grid 48 × 48. Arcticons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Arcticons
- Pembuat
- Donnnno
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 48 × 48
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.233 22.382A21.63 21.63 0 0 0 8.795 8.798s-7.249 9.803-.276 14.707c0 0-5.809 1.52-3.46 7.29s8.1 6.408 10.566 4.624s1.927-2.999 4.527-3.439m4.24-9.272s8.782-9.644 18.506-8.667c0 0 3.372 11.738-5.849 13.068m.001.001s6.363 3.824-.414 9.314s-10.678 1.463-11.107-.382a12.9 12.9 0 0 0-2.383-4.147"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.152 31.98s-.879 2.565.538 3.167s2.06-1.484 2.456-3.252s1.68-7.883.888-9.612m0 0s-.092-1.982 2.688-4.987m-6.57 14.684s1.526-9.318 2.603-9.703s-1.496-6.31-1.496-6.31"/></svg>Cara memakai ikon Pronote
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:pronote" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:pronote" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:pronote" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--pronote]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:pronote"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:pronote"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/arcticons/pronote.svg" alt="Ikon Pronote" width="24" height="24">FAQ Ikon Pronote
Apakah ikon Pronote gratis untuk penggunaan komersial?
Ya. Arcticons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Pronote di React?
Pasang @iconify/react lalu render <Icon icon="arcticons:pronote" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pronote ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/arcticons/pronote.svg" alt="Ikon Pronote">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.