Ikonový set pro web v SVG – HTML / XHTML – Fórum – Programujte.com

Dobrý den,
chtěl bych pro web jeden SVG soubor se skupinami cest jakožto jednotlivými ikonami. Vím, že lze ze souboru vytahovat tyto skupiny na základě ID. Přesto se mi ani za pomoci use tagu toto nedaří. Jak takový soubor vytvořit (Inkscape mi dělá zbytečně velkou stránku a divně pozicuje - neumí pozicovat od nuly a škálovat tak, aby to v HTML stačilo jen nastavit pomocí width a height.) Za projevenou vstřícnost děkuji.

#1 Matěj Andrle
Posledně jsem to dělal přes Inkscape a následně jsem ručně odstranil něco přes 95 % balastu. Ostatní ikony jsem pak dělal další recyklací toho zbytku.

Dá se využít i LibreOffice Draw.

#2 Kit
Takto nyní činím, přesto se mi nedaří v HTML vytáhnout jen jednu skupinu dle ID - z celého souboru. (Nechci, aby klient musel načítat miliardu souborů.)

#3 Matěj Andrle
Co s tím má společného HTML? Sázej to tam přes DOM.

#4 Kit
Stále jsi nenapsal jak. Chci normálně přidávat obrázky (pozadí/img/...), kde v každém vyjmu dle ID skupinu z onoho souboru. Mělo by to jít přes tag use. Pokud i jinak, tak sem s tím... Každopádně může být, že jednu skupinu budu chtít vícekrát. Potřebuji to mít v tagu, se kterým mohu počítat jako s elementem div...

#5 Matěj Andrle
Jestli to chceš mít jako pozadí, tak to dej do CSS.

Ale jak vytáhnout v CSS skupinu dle ID?

#7 Matěj Andrle
Asi budeš muset na to použít Javascript.

#8 Kit
JAK?

#9 Matěj Andrle
Přes jQuery se přece velmi snadno modifikuje DOM stránky.

#10 Kit
Jak mám z SVG souboru vytáhnout skupinu tak, abych to mohl podat například jako ikonu v menu "nav ul"?