generisches Logo?
Matthias Scharwies
- design
- fertige layouts
- svg
Servus!
Ich suche ein generisches Logo für unsere Layout-Beispiele.
Es sollte
Eine Idee habe ich hier gefunden:
TU-Sofia - das ist fast schon zu kompliziert.
wikimedia: Category:SVG_mineralogy; der Rubin, der Smaragd und der Diamant wären ganz nett, aber eigentlich auch schon zu kompliziert.
einen Stern mit fill-rule:evenodd
einen 3d-Würfel?
Hat jemand noch Ideen?
Herzliche Grüße
Matthias Scharwies
@@Matthias Scharwies
Ich suche ein generisches Logo für unsere Layout-Beispiele.
Es soll nicht das SELFHTML-Logo sein?
Hat jemand noch Ideen?
LLAP 🖖
Servus!
@@Matthias Scharwies
Ja! einfach, zweifarbig möglich!
Danke!
Herzliche Grüße
Matthias Scharwies
Hi,
Ich suche ein generisches Logo für unsere Layout-Beispiele.
Es sollte
- gemeinfrei sein
- aus 2-3 geometrischen Formen bestehen, sodass man mit zwei Akzentfarben spielen kann.
- im SVG vorhanden / übertragbar sein.
<svg xmlns="http://www.w3.org/2000/svg" width="100"height="100">
<rect x="0" y="0" width="100" height="20" style="fill:rgb(0,0,255);"/>
<rect x="0" y="25" width="20" height="50" style="fill:rgb(255,0,0);"/>
<rect x="25" y="25" width="75" height="75" style="fill:rgb(0,255,0);"/>
</svg>
Darf frei verwendet und umgefärbt und die Formen verändert werden.
cu,
Andreas a/k/a MudGuard
Hallo
3 Vierecke!
Und solche müssen nicht einmal eckig sein. 😉
Tschö, Auge
@@Auge
3 Vierecke!
Und solche müssen nicht einmal eckig sein. 😉
LLAP 🖖
Hi,
3 Vierecke! Danke!
Insbesondere: Ein Header, eine Navi und ein Content.
Soll ja das Layout einer Seite darstellen.
cu,
Andreas a/k/a MudGuard
Es gibt auch nettes Zeug in Unicode...
Servus!
Es gibt auch nettes Zeug in Unicode...
Danke, es soll einerseits nur Platzhalter für das Logo sein, andererseits aber auch die Farben der Webseite aufnehmen.
Ich hatte kurz überlegt, die Farben mit custom properties festzulegen und dann mit einem style-switcher zu ändern. Dazu müsste das SVG aber inline in den HTML-Dokumenten sein, was der Anfängerfreundlichkeit und Übersichtlichkeit Abbruch tut.
Herzliche Grüße
Matthias Scharwies
Lieber Matthias,
Ich suche ein generisches Logo für unsere Layout-Beispiele.
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 640 400" style="enable-background:new 0 0 640 400;" xml:space="preserve">
<circle style="fill:yellow" cx="120" cy="120" r="120"/>
<rect style="fill:red" x="400" y="0" width="240" height="240"/>
<polygon style="fill:blue" points="120,400 300,50 470,400"/>
</svg>
Liebe Grüße,
Felix Riesterer.
Lieber Matthias,
Ich suche ein generisches Logo für unsere Layout-Beispiele.
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<rect style="fill:red" x="0" y="0" width="100" height="100"/>
<circle style="fill:yellow" cx="50" cy="50" r="50"/>
<polygon style="fill:blue" points="10,80 50,0 90,80"/>
</svg>
Liebe Grüße,
Felix Riesterer. Liebe Grüße,
Felix Riesterer.
Hi Matthias,
- TU-Sofia - das ist fast schon zu kompliziert.
finde ich nicht:
<?xml version="1.0" encoding="utf-8"?>
<svg height="421" viewBox="0 0 400 421" width="400" xmlns="http://www.w3.org/2000/svg">
<path d="m258.32 228.18-.07-68.67-56.59-34.27-56.44 34.44.07 68.66 56.59 34.27z" fill="#8db243"/>
<path d="m16.7 230.23 185.25 110.29 56.37-34.42-.29-57.97-56.42 34.6-136.2-82.74.63-88.09 130.62-79.37-47.47-28.83-130.97 79.58z" fill="#3481cd"/>
<path d="m322.9 345.22-1.88-224-56.5-34.18-47.56 29.26 56.69 34.12.01 165.52-72.79 43.47-130.63-79.38.02 57.68 130.97 79.59z" fill="#c32e04"/>
<path d="m263.15 10.11-183.37 113.71.13 68.59 47.85 28.72-.26-68.73 136.18-82.77 72.16 44.61v158.76l47.46-28.86v-159.17z" fill="#dfac20"/>
</svg>
Ciao, Performer
@@Performer
- TU-Sofia - das ist fast schon zu kompliziert.
finde ich nicht:
Finde ich doch. 4 path
-Elemente? Wozu? Das sind 2 zuviel.
Bei dir steht WET nicht für write everything twice, sondern für write everything thrice‽ 😉 Pack’s in trockene Tücher — DRY: don’t repeat yourself.
LLAP 🖖
Servus!
Ich suche ein generisches Logo für unsere Layout-Beispiele.
Es soll nicht das SELFHTML-Logo sein?
Im CSS-Garten (lange noch nicht fertig) will ich einfach Platzhalter für ein Logo finden, die einerseits die Beispiele auflockern, andererseits zeigen, dass man eine Seite einheitlich mit einer Farbpalette gestalten kann. (Wobei hier erst die Seite und dann das Logo kommt, was im real life wohl anders herum gehen würde.)
@@Performer
- TU-Sofia - das ist fast schon zu kompliziert.
finde ich nicht:
Finde ich doch. 4
path
-Elemente? Wozu? Das sind 2 zuviel.
@@performer, schön wieder etwas von dir zu hören! Ja, das sieht schon gut aus! (Interessant ist, dass die schwarze Grafik nur in Wikimedia verwendet wird. Auf ihrer eigenen Webseite haben sie dies als 3-d-Blöcke realisiert.)
Grün und blau sind etwas anders als in der Farbpalette. Das knalligere Blau sieht aber gut aus.
@@Gunnar Bittersmann Ja, man könnte das zweite path-Element mit einer id versehen und mit use aufrufen. Dann kann man aber imho das use-Element nicht in einer anderen Farbe verwenden, oder?
"Styling the icon with CSS is limited because you can't access elements inside the Shadow DOM created by the <use>-tag."
Herzliche Grüße
Matthias Scharwies
@@Matthias Scharwies
Ja, man könnte das zweite path-Element mit einer id versehen und mit use aufrufen. Dann kann man aber imho das use-Element nicht in einer anderen Farbe verwenden, oder?
Da zeige ich ein zweites Mal auf den Doppelpfeil. (No pun intended.)
LLAP 🖖