Πώς δημιουργείτε sprite εικονιδίων SVG
Χωρίστε τα έγγραφα SVG με μια γραμμή που περιέχει τρεις παύλες. Κάθε εικονίδιο γίνεται σύμβολο με όνομα icon-1, icon-2 και ούτω καθεξής. Προστίθεται πρόθεμα στα εσωτερικά ID και στις τοπικές αναφορές, ώστε να μη συγκρούονται οι διαβαθμίσεις και οι διαδρομές αποκοπής.
Παράδειγμα
Δύο SVG εισόδου γίνονται σύμβολα με ονόματα icon-1 και icon-2. Για να εμφανίσετε το πρώτο εικονίδιο, χρησιμοποιήστε ένα στοιχείο SVG use που δείχνει στο #icon-1.
Πριν χρησιμοποιήσετε το αποτέλεσμα
Υποστηρίζονται μόνο αυτοτελή SVG με viewBox ή αριθμητικό πλάτος και ύψος. Το ενεργό περιεχόμενο, τα φύλλα στυλ και οι εξωτερικοί πόροι απορρίπτονται. Ελέγξτε το εξαγόμενο sprite στην εφαρμογή όπου θα χρησιμοποιηθεί.
Παραπομπή σε αυτή τη σελίδα
ToolOctopus. “Δημιουργία sprite εικονιδίων SVG.” Ενημερώθηκε 7 Οκτωβρίου 2026. https://tooloctopus.com/el/δημιουργία-sprite-εικονιδίων-svg.
Προσθέστε ημερομηνία πρόσβασης, αν απαιτείται από τις οδηγίες σας.
Οι παραπομπές μορφοποιούνται με το citeproc-js του Frank Bennett και πρότυπα Citation Style Language. Άδεια χρήσης και πηγαίος κώδικας.