Ich habe in letzter Zeit einige Icon-Sets als Lesezeichen gespeichert, teilweise, weil ich nie ein schönes Set finde, wenn ich es brauche. Ich dachte, ich würde hier noch einen Schritt weiter gehen und sie bloggen, damit ich sie definitiv später finden kann. Abgesehen davon, dass es sich um schöne, kohäsive und praktische Icon-Sets handelt, finde ich es interessant, dass buchstäblich alle von ihnen
- SVG sind und somit leicht skalierbar
- mit recht effizienten
<path>-Elementen aufgebaut sind - gestrichelt statt gefüllt sind (zumindest optional)
- eine Klick-zum-Kopieren-SVG-Funktion auf ihrer Website haben
- kostenlos und Open Source sind
Gut gemacht, alle! Es scheint, dass die Leute die Idee eines SVG-Iconsystems aufgreifen, bei dem man einfach ... das SVG in das HTML einfügt.
Tabler Icons
Teenyicons
Heroicons
hola svg
Dieses ist von Mariana Beldi, die kürzlich teilt hat, wie das Zeichnen von SVG von Hand viel effizienter sein kann als die Verwendung eines Illustrationstools.
Dürfen wir unsere Arbeit bewerben ;)?
Wir haben diesen Monat ein Set veröffentlicht, das Ihren Kriterien entspricht
http://icons.mono.company/
Hast du „volume-down“ vergessen?
Ich habe auch das hier gefunden, werde es einfach hier lassen. Vielleicht finden einige der Leute das nützlich.
https://icons.eosdesignsystem.com/
Erzeugt beim Einbetten dann direkt im HTML. Ihre anfängliche Seitenladung wird ziemlich groß sein. Außerdem wird die Bearbeitung des HTMLs zum Albtraum
Ich verstehe den Unterschied zwischen Füllung und Umriss nicht. Gibt es Vorteile bei der Verwendung von Umrissen in SVG, die ich nicht kenne?
Ich glaube nicht, dass es Vorteile gibt. Ich habe es nur angemerkt, weil es interessant war, dass alle diese Sets diesen Ansatz zur Ästhetik verfolgt haben.
Mit Umriss kann man durch „fill“, „stroke-width“, „stroke-linecap“, „stroke-linejoin“ ... modifizieren. leistungsfähiger.
Gut gemacht, alle! Es scheint, dass die Leute die Idee eines SVG-Iconsystems aufgreifen.
Ich wollte nur mein Nebenprojekt erwähnen: IconSear.ch. Ich hatte eine ähnliche Liste von SVG-Icon-Repos. Dies ist also eine Suchmaschine, mit der Sie sie sofort finden können, verlinkt zur Originalquelle. Die Quelle (sowohl Website als auch Index) sind auch auf Github.
Gut gemacht, alle! Es scheint, dass die Leute die Idee eines SVG-Iconsystems aufgreifen, bei dem man einfach ... das SVG in das HTML einfügt
https://icons.mono.company/
https://svgbox.net/