Antworten auf deine Fragen:
Neues Thema erstellen

eigne inline svg datei erstellen

ChilliHilli

Noch nicht viel geschrieben

Servus zusammen,
ich bin schon seit längerem daran zu versuchen mir eine Datei mit all meinen svg zu erstellen und diese dann per css einfärben zu können.
Mein Problem ist ich brauche alle Icons immer in min 4 verschiedenen Farben. Bisher habe ich immer die Datei dupliziert und die Fill "Farbe" angepasst. Was eine unmenge an Dateien zur folge hat.
Mein Ziel ist es eine Datei zu haben wo alle meine Icons drinnen sind und ich die dann per css einfärben kann

Kann mir da jemand eine Seite empfehlen wo ich das nachlesen kann?

Was ich bisher herausgefunden habe ist das man eine SVG-Datei erstellt und dort jedem Icon ein symbol tag gibt und dort dann eine ID und die ViewBox. Doch ich weiß leider nicht wie ich diese Datei dann in meine Seite einfüge.
Ich habe eine lösung mit php gesehen doch ich nutze Angular js.

Ich wäre super froh wenn ihr mir da helfen könntet.

Liebe Grüße
Jo
 

AliceG

Nicht mehr ganz neu hier

Solltest du z.B. Gulp bei denen Projekten verwenden, dann würde ich dir den svg Gulp Workflow empfehlen.
https://arwhd.co/2015/05/18/svg-gulp-workflow/

Was aber ganz wichtig bei inline svg zu beachten ist:
Bis IE 11 – kein support, eine Fallback Funktion ist notwendig.
Lösung: https://github.com/jonathantneal/svg4everybody

Auch wenn jemand sagt: "Alte Browser unterstütze ich nicht mehr".
In diesem Fall wäre eine Fallback Funktion wichtig, da es sich hier nicht um geriengere Abweichungen in der Darstellung handelt, sondern die Bildchen werden einfach nicht angezeigt.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben