Ikon Square Favorites
f7:square-favorites
Ikon Square Favorites (f7:square-favorites) adalah ikon SVG gratis dari set Framework7 Icons karya Vladimir Kharlampidi. Ikon ini digambar pada grid 56 × 56. Framework7 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
- Framework7 Icons
- Pembuat
- Vladimir Kharlampidi
- Lisensi
- MIT
- Ukuran
- 56 × 56
- Tag
- squarefavorites, favorite
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M42.238 6.426c4.8 0 7.238 2.34 7.333 6.979l.003.286V42.31c0 4.731-2.34 7.167-7.045 7.262l-.29.003H13.784c-4.777 0-7.259-2.318-7.356-6.977l-.003-.288V13.69c0-4.754 2.386-7.168 7.07-7.262l.29-.003zm-.07 3.773H13.855c-2.268 0-3.57 1.164-3.652 3.448l-.004.232V42.12c0 2.359 1.23 3.598 3.433 3.676l.223.004h28.313c2.245 0 3.547-1.164 3.629-3.448l.004-.232V13.88c0-2.359-1.23-3.598-3.412-3.676zM16.233 34.173l.768 2.364a.25.25 0 0 0 .24.172l2.47-.014a.25.25 0 0 1 .15.452l-2.002 1.477a.25.25 0 0 0-.09.279l.77 2.367a.25.25 0 0 1-.385.278l-2.012-1.46a.25.25 0 0 0-.294 0l-2.012 1.46a.25.25 0 0 1-.385-.279l.768-2.365a.25.25 0 0 0-.09-.28l-2.026-1.477a.25.25 0 0 1 .148-.452l2.5.014a.25.25 0 0 0 .24-.174l.766-2.362a.25.25 0 0 1 .476 0M41.182 36c1.004 0 1.818.895 1.818 2s-.814 2-1.818 2H24.818C23.814 40 23 39.105 23 38s.814-2 1.818-2zM16.233 24.173l.768 2.364a.25.25 0 0 0 .24.172l2.47-.014a.25.25 0 0 1 .15.451l-2.002 1.479a.25.25 0 0 0-.09.277l.77 2.367a.25.25 0 0 1-.385.28l-2.012-1.462a.25.25 0 0 0-.294 0l-2.012 1.462a.25.25 0 0 1-.385-.28l.768-2.365a.25.25 0 0 0-.09-.28l-2.026-1.476a.25.25 0 0 1 .148-.453l2.5.014a.25.25 0 0 0 .24-.174l.766-2.363a.25.25 0 0 1 .476 0M41.182 26c1.004 0 1.818.895 1.818 2s-.814 2-1.818 2H24.818C23.814 30 23 29.105 23 28s.814-2 1.818-2zM16.233 14.173l.768 2.364a.25.25 0 0 0 .24.172l2.47-.014a.25.25 0 0 1 .15.451l-2.002 1.478a.25.25 0 0 0-.09.279l.77 2.367a.25.25 0 0 1-.385.279l-2.012-1.462a.25.25 0 0 0-.294 0l-2.012 1.462a.25.25 0 0 1-.385-.28l.768-2.365a.25.25 0 0 0-.09-.28l-2.026-1.476a.25.25 0 0 1 .148-.453l2.5.014a.25.25 0 0 0 .24-.174l.766-2.363a.25.25 0 0 1 .476 0M41.182 16c1.004 0 1.818.895 1.818 2s-.814 2-1.818 2H24.818C23.814 20 23 19.105 23 18s.814-2 1.818-2z"/></svg>
Cara memakai ikon Square Favorites
React
import { Icon } from "@iconify/react";
<Icon icon="f7:square-favorites" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:square-favorites" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:square-favorites" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--square-favorites]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:square-favorites"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:square-favorites"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/f7/square-favorites.svg" alt="Ikon Square Favorites" width="24" height="24">
Ikon terkait di Framework7 Icons
FAQ Ikon Square Favorites
Apakah ikon Square Favorites gratis untuk penggunaan komersial?
Ya. Framework7 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Square Favorites di React?
Pasang @iconify/react lalu render <Icon icon="f7:square-favorites" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Square Favorites ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/f7/square-favorites.svg" alt="Ikon Square Favorites">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Framework7 Icons →
