SF Symbols menyediakan ribuan simbol yang konsisten dan sangat dapat dikonfigurasi yang terintegrasi secara mulus dengan font sistem San Francisco, secara otomatis menyelaraskan dengan teks dalam semua bobot dan ukuran.
Anda dapat menggunakan simbol untuk menyampaikan objek atau konsep di mana pun ikon antarmuka dapat muncul, seperti di bilah navigasi, bilah alat, bilah tab, menu konteks, dan di dalam teks.
Ketersediaan simbol dan fitur individual bervariasi berdasarkan versi sistem yang Anda targetkan. Misalnya, jika Anda menambahkan simbol yang diperkenalkan di SF Symbols 3 ke bundel aplikasi, Anda dapat menggunakan simbol tersebut saat aplikasi Anda berjalan di platform sebelumnya — seperti iOS 13, Mac Catalyst 13, tvOS 13, atau watchOS 6 — tetapi tanpa manfaat dari fitur SF Symbols 3 seperti rendering warna Hierarchical atau Palette.
Kunjungi SF Symbols untuk mengunduh aplikasi dan menelusuri set lengkap simbol. Pastikan untuk memahami syarat dan ketentuan untuk menggunakan Simbol SF, termasuk larangan menggunakan simbol — atau gambar yang mirip secara membingungkan — dalam ikon aplikasi, logo, atau penggunaan merek dagang lainnya. Untuk panduan pengembang, lihat Mengonfigurasi dan menampilkan gambar simbol di UI Anda.
Mode rendering
SF Symbols 3 dan yang lebih baru menyediakan empat mode rendering — monokrom, hierarki, palet, dan multiwarna — yang memungkinkan banyak opsi saat menerapkan warna ke simbol. Misalnya, Anda mungkin ingin menggunakan beberapa opasitas warna aksen aplikasi Anda untuk memberikan kedalaman dan penekanan simbol, atau menentukan palet warna kontras untuk menampilkan simbol yang berkoordinasi dengan berbagai skema warna.
Untuk mendukung mode rendering, SF Symbols mengatur jalur simbol ke dalam lapisan yang berbeda. Misalnya, cloud.sun.rain.fillsimbol terdiri dari tiga lapisan: lapisan primer berisi jalur awan, lapisan sekunder berisi jalur yang menentukan matahari dan sinarnya, dan lapisan tersier berisi jalur tetesan air hujan.
Tergantung pada mode rendering yang Anda pilih, sebuah simbol dapat menghasilkan berbagai tampilan. Misalnya, mode rendering Hierarchical memberikan opacity yang berbeda dari satu warna ke setiap layer, menciptakan hierarki visual yang memberikan kedalaman pada simbol.
Cara Menggunakan
UIKit:
let heartImage = UIImage(systemName: "heart.fill")
SwiftUI:
let heartImage = Image(systemName: "heart.fill")
Sumber
