Δημιουργία sprite εικονιδίων SVG

Συνδυάστε εικονίδια SVG σε ένα sprite συμβόλων με ξεχωριστά ID για επαναχρησιμοποίηση.

Στη συσκευή σου · Χωρίς λογαριασμό

Το Δημιουργία sprite εικονιδίων SVG επεξεργάζεται όσα εισάγεις σε αυτό το πρόγραμμα περιήγησης. Τα δεδομένα εισόδου και τα αποτελέσματα δεν περιλαμβάνονται στα δεδομένα ανάλυσης χρήσης. Τα πρόσφατα εργαλεία αποθηκεύουν ονόματα εργαλείων, αριθμό επισκέψεων και χρόνους τελευταίας επίσκεψης. Τα αποθηκευμένα εργαλεία κρατούν μόνο τα ονόματά τους. Η αποθήκευση προχείρου είναι προαιρετική και γίνεται μόνο σε αυτή τη συσκευή· διέγραψε το αποθηκευμένο κείμενο από τα χειριστήρια του προχείρου. Η φόρτωση κειμένου από URL είναι προαιρετική και συνδέεται με τον αντίστοιχο διακομιστή· ο διακομιστής βλέπει το URL και τη διεύθυνση IP σου. Η προαιρετική ενέργεια «Χρήση σε» κρατά προσωρινά σε αυτή την καρτέλα τα δεδομένα για το επόμενο εργαλείο. Το επόμενο εργαλείο τα αφαιρεί μόλις ανοίξει και τα αγνοεί αν έχει περάσει πάνω από ένα λεπτό.

Η «Αντιγραφή συνδέσμου» περιλαμβάνει στη διεύθυνση τα δεδομένα εισόδου που επιλέγεις να κοινοποιήσεις. Όποιος έχει τον σύνδεσμο μπορεί να τα ανοίξει ξανά. Τα αρχεία και τα παραγόμενα αποτελέσματα δεν περιλαμβάνονται. Τα εργαλεία κωδικών πρόσβασης και κλειδιών κοινοποιούν μόνο ρυθμίσεις.

Το αποτέλεσμά σας

Enter your values.

Περισσότερα
Συντομεύσεις πληκτρολογίου

Σχετικά με συνδέσμους και επαναφορά

Οι σύνδεσμοι περιλαμβάνουν τα δεδομένα που εισάγετε και τις ρυθμίσεις σας. Όποιος έχει τον σύνδεσμο μπορεί να τα δει, οπότε μην συμπεριλαμβάνετε ιδιωτικό κείμενο. Τα αρχεία και τα αποτελέσματα που δημιουργούνται δεν περιλαμβάνονται· οι τυχαίες κληρώσεις εκτελούνται ξανά.

Η επαναφορά φορτώνει ξανά το εργαλείο με τις αρχικές τιμές και αποδεσμεύει τα ανοιχτά αρχεία και τον έλεγχο των συσκευών. Τα αποθηκευμένα πρόχειρα παραμένουν σε αυτή τη συσκευή μέχρι να τα διαγράψετε.

Πώς δημιουργείτε 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. Άδεια χρήσης και πηγαίος κώδικας.

Βρες ένα εργαλείο

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.