When I look at the spine of 3d middle or the shape of head of 3d bottom, we should call these FD - final dismount.
Nah, he just has his head stuck in a puddle of mud! ![]()
A little Bonus: Imaginge 3c through 3d to be an animation of an ongoing UPD with rider and unicycle tumbling gracefully on the ground before reaching the aforementioned puddle. ![]()
These are great Eric.
I think it’s a great challenge to create pictograms. For example is this supposed to be trials, or high jump on platform?
For some inspiration, in addition to the Munich olympics pictograms referenced earlier: https://www.youtube.com/watch?v=z2W0s2MP9_w
This I believe ![]()
Still working on it. Still not happy with the results so far ![]()
If you wait too long, I will just have a Tshirt printed with your initial pic with the stars. I need new Tshirts ![]()
I started a new thread in the hope that others have unicycle related graphics to share, too. Unfortunately the resolution is limited by the forum software
.
EDIT: The resolution is not a problem. The transparency is, since the files are automatically converted to .JPGs. But I can e-mail the .PNG files, if transparency is crucial.
The forum is just for showing what is around. If people are really interested, you can just email the high res pictures I reckon. you can probably only attach images, not zipfiles?
Yep, that’s what I’m planning to do.
Muni Dog team - Duni
AI is not quiet there yet.
Question:
“please generate a set if icons as svg html according to unicycle disciplines shown here: https://stichtingeenwieleren.nl/unicyclingdisciplines/”
Icons and svg code (full amount of generated pics was too long):
<svg viewBox="0 0 1400 900" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
.icon-bg { fill: #f8f9fa; }
.primary { fill: #2c5aa0; }
.secondary { fill: #e74c3c; }
.accent { fill: #f39c12; }
.wheel { fill: none; stroke: #333; stroke-width: 3; }
.frame { fill: none; stroke: #333; stroke-width: 2.5; }
.label { font-family: Arial, sans-serif; font-size: 13px; fill: #333; text-anchor: middle; font-weight: 500; }
.title { font-family: Arial, sans-serif; font-size: 28px; fill: #2c3e50; text-anchor: middle; font-weight: bold; }
.subtitle { font-family: Arial, sans-serif; font-size: 14px; fill: #7f8c8d; text-anchor: middle; }
.section-title { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; }
.body { fill: #2c5aa0; }
.head { fill: #fdbcb4; }
.limb { fill: none; stroke: #2c5aa0; stroke-width: 2.5; stroke-linecap: round; }
</style>
</defs>
<text class="title" x="700" y="40">Unicycle Discipline Icons - Part 1</text>
<text class="subtitle" x="700" y="65">Based on stichtingeenwieleren.nl</text>
<!-- FREESTYLE -->
<text class="section-title" x="100" y="110" fill="#2c5aa0">FREESTYLE</text>
<!-- Artistic Freestyle -->
<g transform="translate(100, 140)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<circle class="wheel" cx="50" cy="70" r="15"/>
<line class="frame" x1="50" y1="55" x2="50" y2="35"/>
<circle class="head" cx="50" cy="20" r="7"/>
<ellipse class="body" cx="50" cy="32" rx="6" ry="8"/>
<path class="limb" d="M 44,32 Q 35,35 32,42"/>
<path class="limb" d="M 56,32 Q 65,35 68,42"/>
<line class="limb" x1="47" y1="40" x2="40" y2="52"/>
<line class="limb" x1="53" y1="40" x2="60" y2="52"/>
<path class="accent" d="M 40,18 Q 50,8 60,18" fill="none" stroke="#f39c12" stroke-width="2"/>
<text class="label" x="50" y="110">Artistic</text>
<text class="label" x="50" y="125">Freestyle</text>
</g>
<!-- Standard Skill -->
<g transform="translate(250, 140)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<circle class="wheel" cx="50" cy="70" r="15"/>
<line class="frame" x1="50" y1="55" x2="50" y2="35"/>
<circle class="head" cx="50" cy="20" r="7"/>
<ellipse class="body" cx="50" cy="32" rx="6" ry="8"/>
<line class="limb" x1="44" y1="32" x2="38" y2="42"/>
<line class="limb" x1="56" y1="32" x2="62" y2="42"/>
<line class="limb" x1="47" y1="40" x2="45" y2="52"/>
<line class="limb" x1="53" y1="40" x2="55" y2="52"/>
<circle class="accent" cx="35" cy="50" r="3"/>
<circle class="accent" cx="65" cy="50" r="3"/>
<text class="label" x="50" y="110">Standard</text>
<text class="label" x="50" y="125">Skill</text>
</g>
<!-- X-Style -->
<g transform="translate(400, 140)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<circle class="wheel" cx="50" cy="70" r="15"/>
<line class="frame" x1="50" y1="55" x2="50" y2="35"/>
<circle class="head" cx="50" cy="20" r="7"/>
<ellipse class="body" cx="50" cy="32" rx="6" ry="8"/>
<path class="limb" d="M 44,30 Q 30,28 25,35"/>
<path class="limb" d="M 56,30 Q 70,28 75,35"/>
<line class="limb" x1="47" y1="40" x2="35" y2="55"/>
<line class="limb" x1="53" y1="40" x2="65" y2="55"/>
<line class="secondary" x1="30" y1="40" x2="70" y2="65" stroke-width="2.5"/>
<line class="secondary" x1="70" y1="40" x2="30" y2="65" stroke-width="2.5"/>
<text class="label" x="50" y="110">X-Style</text>
</g>
<!-- URBAN -->
<text class="section-title" x="100" y="290" fill="#e74c3c">URBAN</text>
<!-- Flatland -->
<g transform="translate(100, 320)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<circle class="wheel" cx="50" cy="70" r="15"/>
<line class="frame" x1="50" y1="55" x2="50" y2="35"/>
<circle class="head" cx="50" cy="20" r="7"/>
<ellipse class="body" cx="50" cy="32" rx="6" ry="8"/>
<line class="limb" x1="44" y1="32" x2="35" y2="40"/>
<line class="limb" x1="56" y1="32" x2="65" y2="40"/>
<line class="limb" x1="47" y1="40" x2="42" y2="52"/>
<line class="limb" x1="53" y1="40" x2="58" y2="52"/>
<path class="accent" d="M 30,75 Q 50,65 70,75" fill="none" stroke="#f39c12" stroke-width="2.5"/>
<text class="label" x="50" y="110">Flatland</text>
</g>
<!-- Street -->
<g transform="translate(250, 320)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<rect class="accent" x="25" y="75" width="15" height="8"/>
<rect class="accent" x="60" y="68" width="20" height="13"/>
<circle class="wheel" cx="50" cy="58" r="14"/>
<line class="frame" x1="50" y1="44" x2="50" y2="28"/>
<circle class="head" cx="50" cy="15" r="6"/>
<ellipse class="body" cx="50" cy="24" rx="5" ry="7"/>
<path class="limb" d="M 45,24 Q 38,28 35,35"/>
<path class="limb" d="M 55,24 Q 62,28 65,35"/>
<line class="limb" x1="47" y1="31" x2="42" y2="42"/>
<line class="limb" x1="53" y1="31" x2="58" y2="42"/>
<text class="label" x="50" y="110">Street</text>
</g>
<!-- Trials -->
<g transform="translate(400, 320)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<rect class="accent" x="20" y="75" width="25" height="8"/>
<rect class="accent" x="55" y="68" width="25" height="15"/>
<circle class="wheel" cx="40" cy="55" r="13"/>
<line class="frame" x1="40" y1="42" x2="40" y2="26"/>
<circle class="head" cx="40" cy="15" r="6"/>
<ellipse class="body" cx="40" cy="24" rx="5" ry="7"/>
<path class="limb" d="M 35,24 Q 28,26 25,32"/>
<path class="limb" d="M 45,24 Q 52,26 55,32"/>
<line class="limb" x1="37" y1="31" x2="32" y2="40"/>
<line class="limb" x1="43" y1="31" x2="48" y2="40"/>
<text class="label" x="50" y="110">Trials</text>
</g>
<!-- Speed Trials -->
<g transform="translate(550, 320)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<rect class="accent" x="25" y="70" width="50" height="12" opacity="0.3"/>
<circle class="wheel" cx="45" cy="58" r="13"/>
<line class="frame" x1="45" y1="45" x2="45" y2="28"/>
<circle class="head" cx="45" cy="18" r="6"/>
<ellipse class="body" cx="45" cy="27" rx="5" ry="7"/>
<path class="limb" d="M 40,27 L 35,35"/>
<path class="limb" d="M 50,27 L 60,32"/>
<line class="limb" x1="42" y1="34" x2="38" y2="44"/>
<line class="limb" x1="48" y1="34" x2="52" y2="44"/>
<line class="secondary" x1="60" y1="25" x2="72" y2="20" stroke-width="2.5"/>
<line class="secondary" x1="60" y1="30" x2="75" y2="27" stroke-width="2.5"/>
<text class="label" x="50" y="110">Speed</text>
<text class="label" x="50" y="125">Trials</text>
</g>
<!-- High Jump -->
<g transform="translate(700, 320)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<line class="secondary" x1="25" y1="65" x2="75" y2="65" stroke-width="2.5"/>
<circle class="wheel" cx="50" cy="45" r="13"/>
<line class="frame" x1="50" y1="32" x2="50" y2="18"/>
<circle class="head" cx="50" cy="10" r="5"/>
<ellipse class="body" cx="50" cy="18" rx="4" ry="6"/>
<path class="limb" d="M 46,18 L 38,15"/>
<path class="limb" d="M 54,18 L 62,15"/>
<line class="limb" x1="48" y1="24" x2="44" y2="32"/>
<line class="limb" x1="52" y1="24" x2="56" y2="32"/>
<text class="label" x="50" y="110">High Jump</text>
</g>
<!-- Long Jump -->
<g transform="translate(850, 320)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<line class="secondary" x1="20" y1="75" x2="80" y2="75" stroke-width="2.5"/>
<circle class="wheel" cx="55" cy="55" r="13"/>
<line class="frame" x1="55" y1="42" x2="55" y2="26"/>
<circle class="head" cx="55" cy="18" r="6"/>
<ellipse class="body" cx="55" cy="26" rx="5" ry="6"/>
<path class="limb" d="M 50,26 L 42,30"/>
<path class="limb" d="M 60,26 L 68,30"/>
<line class="limb" x1="52" y1="32" x2="48" y2="40"/>
<line class="limb" x1="58" y1="32" x2="62" y2="40"/>
<text class="label" x="50" y="110">Long Jump</text>
</g>
<!-- MUNI -->
<text class="section-title" x="100" y="470" fill="#27ae60">MUNI (MOUNTAIN UNICYCLING)</text>
<!-- Technical Muni -->
<g transform="translate(100, 500)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<path class="accent" d="M 20,80 L 30,75 L 35,78 L 45,72 L 55,75 L 65,70 L 75,73 L 80,78" fill="none" stroke="#f39c12" stroke-width="2.5"/>
<circle class="wheel" cx="50" cy="58" r="15"/>
<line class="frame" x1="50" y1="43" x2="50" y2="25"/>
<circle class="head" cx="50" cy="15" r="6"/>
<ellipse class="body" cx="50" cy="25" rx="5" ry="7"/>
<line class="limb" x1="45" y1="25" x2="38" y2="32"/>
<line class="limb" x1="55" y1="25" x2="62" y2="32"/>
<line class="limb" x1="47" y1="32" x2="43" y2="42"/>
<line class="limb" x1="53" y1="32" x2="57" y2="42"/>
<text class="label" x="50" y="110">Technical</text>
<text class="label" x="50" y="125">Muni</text>
</g>
<!-- Cross-Country -->
<g transform="translate(250, 500)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<path class="accent" d="M 15,75 Q 30,70 45,72 T 85,75" fill="none" stroke="#f39c12" stroke-width="2.5"/>
<circle class="wheel" cx="50" cy="60" r="15"/>
<line class="frame" x1="50" y1="45" x2="50" y2="28"/>
<circle class="head" cx="50" cy="18" r="6"/>
<ellipse class="body" cx="50" cy="28" rx="5" ry="7"/>
<path class="limb" d="M 45,28 L 38,35"/>
<path class="limb" d="M 55,28 L 62,35"/>
<line class="limb" x1="47" y1="35" x2="43" y2="44"/>
<line class="limb" x1="53" y1="35" x2="57" y2="44"/>
<text class="label" x="50" y="110">Cross-</text>
<text class="label" x="50" y="125">Country</text>
</g>
<!-- Downhill -->
<g transform="translate(400, 500)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<path class="accent" d="M 20,35 L 40,50 L 50,55 L 70,75" fill="none" stroke="#f39c12" stroke-width="2.5"/>
<circle class="wheel" cx="55" cy="62" r="14"/>
<line class="frame" x1="55" y1="48" x2="55" y2="30"/>
<circle class="head" cx="55" cy="20" r="6"/>
<ellipse class="body" cx="55" cy="30" rx="5" ry="7"/>
<path class="limb" d="M 50,30 L 42,35"/>
<path class="limb" d="M 60,30 L 70,32"/>
<line class="limb" x1="52" y1="37" x2="48" y2="47"/>
<line class="limb" x1="58" y1="37" x2="62" y2="47"/>
<text class="label" x="50" y="110">Downhill</text>
</g>
<!-- Uphill -->
<g transform="translate(550, 500)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<path class="accent" d="M 20,75 L 40,60 L 50,55 L 70,40" fill="none" stroke="#f39c12" stroke-width="2.5"/>
<circle class="wheel" cx="45" cy="58" r="14"/>
<line class="frame" x1="45" y1="44" x2="45" y2="26"/>
<circle class="head" cx="45" cy="16" r="6"/>
<ellipse class="body" cx="45" cy="26" rx="5" ry="7"/>
<line class="limb" x1="40" y1="26" x2="33" y2="32"/>
<line class="limb" x1="50" y1="26" x2="57" y2="32"/>
<line class="limb" x1="42" y1="33" x2="38" y2="43"/>
<line class="limb" x1="48" y1="33" x2="52" y2="43"/>
<text class="label" x="50" y="110">Uphill</text>
</g>
<!-- Cyclocross -->
<g transform="translate(700, 500)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<rect class="accent" x="30" y="70" width="12" height="12" opacity="0.5"/>
<rect class="accent" x="58" y="70" width="12" height="12" opacity="0.5"/>
<circle class="wheel" cx="50" cy="60" r="14"/>
<line class="frame" x1="50" y1="46" x2="50" y2="28"/>
<circle class="head" cx="50" cy="18" r="6"/>
<ellipse class="body" cx="50" cy="28" rx="5" ry="7"/>
<line class="limb" x1="45" y1="28" x2="38" y2="35"/>
<line class="limb" x1="55" y1="28" x2="62" y2="35"/>
<line class="limb" x1="47" y1="35" x2="43" y2="45"/>
<line class="limb" x1="53" y1="35" x2="57" y2="45"/>
<text class="label" x="50" y="110">Cyclocross</text>
</g>
<!-- Natural Trials -->
<g transform="translate(850, 500)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<circle class="accent" cx="30" cy="75" r="8" opacity="0.4"/>
<circle class="accent" cx="70" cy="70" r="10" opacity="0.4"/>
<rect class="accent" x="48" y="72" width="15" height="10" opacity="0.4"/>
<circle class="wheel" cx="50" cy="58" r="14"/>
<line class="frame" x1="50" y1="44" x2="50" y2="26"/>
<circle class="head" cx="50" cy="16" r="6"/>
<ellipse class="body" cx="50" cy="26" rx="5" ry="7"/>
<line class="limb" x1="45" y1="26" x2="38" y2="32"/>
<line class="limb" x1="55" y1="26" x2="62" y2="32"/>
<line class="limb" x1="47" y1="33" x2="43" y2="43"/>
<line class="limb" x1="53" y1="33" x2="57" y2="43"/>
<text class="label" x="50" y="110">Natural</text>
<text class="label" x="50" y="125">Trials</text>
</g>
<!-- Munipacking -->
<g transform="translate(1000, 500)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<path class="accent" d="M 15,75 Q 30,70 50,72 T 85,75" fill="none" stroke="#f39c12" stroke-width="2"/>
<circle class="wheel" cx="50" cy="62" r="13"/>
<line class="frame" x1="50" y1="49" x2="50" y2="30"/>
<circle class="head" cx="50" cy="20" r="6"/>
<ellipse class="body" cx="50" cy="30" rx="5" ry="7"/>
<rect class="secondary" x="42" y="28" width="16" height="12" rx="2"/>
<line class="limb" x1="45" y1="30" x2="38" y2="37"/>
<line class="limb" x1="55" y1="30" x2="62" y2="37"/>
<line class="limb" x1="47" y1="37" x2="43" y2="48"/>
<line class="limb" x1="53" y1="37" x2="57" y2="48"/>
<text class="label" x="50" y="110">Muni-</text>
<text class="label" x="50" y="125">packing</text>
</g>
<!-- ROAD -->
<text class="section-title" x="100" y="670" fill="#8e44ad">ROAD</text>
<!-- Road Racing -->
<g transform="translate(100, 700)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<line class="accent" x1="15" y1="75" x2="85" y2="75" stroke-width="2.5"/>
<circle class="wheel" cx="55" cy="60" r="15"/>
<line class="frame" x1="55" y1="45" x2="55" y2="25"/>
<circle class="head" cx="55" cy="15" r="6"/>
<ellipse class="body" cx="55" cy="25" rx="5" ry="7"/>
<path class="limb" d="M 50,25 L 42,28"/>
<path class="limb" d="M 60,25 L 70,25"/>
<line class="limb" x1="52" y1="32" x2="48" y2="44"/>
<line class="limb" x1="58" y1="32" x2="62" y2="44"/>
<line class="secondary" x1="68" y1="22" x2="78" y2="17" stroke-width="2.5"/>
<text class="label" x="50" y="110">Road</text>
<text class="label" x="50" y="125">Racing</text>
</g>
<!-- Unitouring -->
<g transform="translate(250, 700)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<line class="accent" x1="15" y1="75" x2="85" y2="75" stroke-width="2"/>
<circle class="wheel" cx="50" cy="60" r="15"/>
<line class="frame" x1="50" y1="45" x2="50" y2="28"/>
<circle class="head" cx="50" cy="18" r="6"/>
<ellipse class="body" cx="50" cy="28" rx="5" ry="7"/>
<rect class="secondary" x="42" y="26" width="16" height="10" rx="2"/>
<line class="limb" x1="45" y1="28" x2="38" y2="35"/>
<line class="limb" x1="55" y1="28" x2="62" y2="35"/>
<line class="limb" x1="47" y1="35" x2="43" y2="44"/>
<line class="limb" x1="53" y1="35" x2="57" y2="44"/>
<text class="label" x="50" y="110">Unitouring</text>
</g>
<!-- Time Trials -->
<g transform="translate(400, 700)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<circle class="accent" cx="50" cy="30" r="15" fill="none" stroke="#f39c12" stroke-width="2"/>
<line class="accent" x1="50" y1="30" x2="50" y2="20" stroke-width="2"/>
<line class="accent" x1="50" y1="30" x2="57" y2="34" stroke-width="2"/>
<circle class="wheel" cx="50" cy="70" r="12"/>
<line class="frame" x1="50" y1="58" x2="50" y2="45"/>
<circle class="head" cx="50" cy="50" r="5"/>
<line class="limb" x1="46" y1="52" x2="42" y2="57"/>
<line class="limb" x1="54" y1="52" x2="58" y2="57"/>
<text class="label" x="50" y="110">Time</text>
<text class="label" x="50" y="125">Trials</text>
</g>
<!-- General Road -->
<g transform="translate(550, 700)">
<circle class="icon-bg" cx="50" cy="50" r="45"/>
<line class="accent" x1="15" y1="75" x2="85" y2="75" stroke-width="2.5"/>
<line class="accent" x1="50" y1="70" x2="50" y2="80" stroke-width="1.5" stroke-dasharray="3,3"/>
<circle class="wheel" cx="50" cy="62" r="14"/>
<line class="frame" x1="50" y1="48" x2="50" y2="30"/>
<circle class="head" cx="50" cy="20" r="6"/>
<ellipse class="body" cx="50" cy="30" rx="5" ry="7"/>
<line class="limb" x1="45" y1="30" x2="38" y2="37"/>
<line class="limb" x1="55" y1="30" x2="62" y2="37"/>
<line class="limb" x1="47" y1="37" x2="43" y2="47"/>
<line class="limb" x1="53" y1="37" x2="57" y2="47"/>
<text class="label" x="50" y="110">General</text>
<text class="label" x="50" y="125">Road</text>
</g>
<text x="700" y="870" font-family="Arial" font-size="14" fill="#7f8c8d" text-anchor="middle">Part 1 of 2 - Now showing riders on unicycles!</text>
</svg>
Using example pics from @Eric_aus_Chemnitz :
<svg viewBox="0 0 1200 900" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
.icon-bg { fill: #000000; }
.icon-border { stroke: #ffffff; stroke-width: 3; fill: none; }
.white { fill: #ffffff; stroke: #ffffff; }
.white-fill { fill: #ffffff; }
.white-stroke { fill: none; stroke: #ffffff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.label { font-family: Arial, sans-serif; font-size: 16px; fill: #ffffff; text-anchor: middle; font-weight: bold; }
.title { font-family: Arial, sans-serif; font-size: 32px; fill: #ffffff; text-anchor: middle; font-weight: bold; }
</style>
</defs>
<rect width="1200" height="900" fill="#1a1a1a"/>
<text class="title" x="600" y="40">Unicycle Discipline Icons</text>
<!-- Row 1 -->
<!-- Artistic Freestyle -->
<g transform="translate(50, 70)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<circle class="white-stroke" cx="90" cy="120" r="30" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="90" x2="90" y2="60" stroke-width="4"/>
<path class="white-fill" d="M 85,60 Q 90,50 95,60 L 93,62 Q 90,58 87,62 Z"/>
<line class="white-stroke" x1="90" y1="120" x2="105" y2="135"/>
<circle class="white-fill" cx="90" cy="40" r="8"/>
<path class="white-stroke" d="M 70,45 Q 65,55 70,65" stroke-width="2.5"/>
<path class="white-stroke" d="M 110,45 Q 115,55 110,65" stroke-width="2.5"/>
<path class="white-stroke" d="M 75,25 Q 90,15 105,25" stroke-width="2.5"/>
<text class="label" x="90" y="170">Artistic</text>
</g>
<!-- Standard Skill -->
<g transform="translate(250, 70)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<circle class="white-stroke" cx="90" cy="120" r="30" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="90" x2="90" y2="50" stroke-width="4"/>
<path class="white-fill" d="M 85,50 Q 90,40 95,50 L 93,52 Q 90,48 87,52 Z"/>
<line class="white-stroke" x1="90" y1="120" x2="105" y2="135"/>
<circle class="white-fill" cx="90" cy="30" r="8"/>
<circle class="white-fill" cx="60" cy="70" r="5"/>
<circle class="white-fill" cx="90" cy="75" r="5"/>
<circle class="white-fill" cx="120" cy="70" r="5"/>
<rect class="white-fill" x="60" y="65" width="60" height="3"/>
<text class="label" x="90" y="170">Standard</text>
</g>
<!-- X-Style -->
<g transform="translate(450, 70)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<circle class="white-stroke" cx="90" cy="120" r="30" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="90" x2="90" y2="50" stroke-width="4"/>
<path class="white-fill" d="M 85,50 Q 90,40 95,50 L 93,52 Q 90,48 87,52 Z"/>
<line class="white-stroke" x1="90" y1="120" x2="105" y2="135"/>
<circle class="white-fill" cx="90" cy="30" r="8"/>
<line class="white-stroke" x1="60" y1="50" x2="120" y2="100" stroke-width="5"/>
<line class="white-stroke" x1="120" y1="50" x2="60" y2="100" stroke-width="5"/>
<text class="label" x="90" y="170">X-Style</text>
</g>
<!-- Flatland -->
<g transform="translate(650, 70)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<circle class="white-stroke" cx="90" cy="120" r="30" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="90" x2="90" y2="50" stroke-width="4"/>
<path class="white-fill" d="M 85,50 Q 90,40 95,50 L 93,52 Q 90,48 87,52 Z"/>
<line class="white-stroke" x1="90" y1="120" x2="105" y2="135"/>
<circle class="white-fill" cx="90" cy="30" r="8"/>
<path class="white-stroke" d="M 30,150 Q 60,140 90,145 T 150,150" stroke-width="3"/>
<circle class="white-fill" cx="70" cy="75" r="4"/>
<circle class="white-fill" cx="110" cy="75" r="4"/>
<text class="label" x="90" y="170">Flatland</text>
</g>
<!-- Street -->
<g transform="translate(850, 70)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<rect class="white-fill" x="30" y="145" width="30" height="15"/>
<rect class="white-fill" x="110" y="135" width="40" height="25"/>
<circle class="white-stroke" cx="90" cy="105" r="28" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="77" x2="90" y2="40" stroke-width="4"/>
<path class="white-fill" d="M 85,40 Q 90,30 95,40 L 93,42 Q 90,38 87,42 Z"/>
<line class="white-stroke" x1="90" y1="105" x2="105" y2="120"/>
<circle class="white-fill" cx="90" cy="22" r="7"/>
<text class="label" x="90" y="170">Street</text>
</g>
<!-- Row 2 -->
<!-- Trials -->
<g transform="translate(50, 270)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<rect class="white-fill" x="20" y="145" width="45" height="15"/>
<rect class="white-fill" x="100" y="135" width="50" height="25"/>
<circle class="white-stroke" cx="75" cy="105" r="26" stroke-width="4"/>
<line class="white-stroke" x1="75" y1="79" x2="75" y2="42" stroke-width="4"/>
<path class="white-fill" d="M 70,42 Q 75,32 80,42 L 78,44 Q 75,40 72,44 Z"/>
<line class="white-stroke" x1="75" y1="105" x2="88" y2="118"/>
<circle class="white-fill" cx="75" cy="25" r="7"/>
<text class="label" x="90" y="170">Trials</text>
</g>
<!-- High Jump -->
<g transform="translate(250, 270)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<line class="white-stroke" x1="40" y1="120" x2="140" y2="120" stroke-width="4"/>
<circle class="white-stroke" cx="90" cy="80" r="26" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="54" x2="90" y2="25" stroke-width="4"/>
<path class="white-fill" d="M 85,25 Q 90,15 95,25 L 93,27 Q 90,23 87,27 Z"/>
<line class="white-stroke" x1="90" y1="80" x2="103" y2="93"/>
<circle class="white-fill" cx="90" cy="12" r="6"/>
<path class="white-stroke" d="M 80,20 L 70,8" stroke-width="3"/>
<path class="white-stroke" d="M 100,20 L 110,8" stroke-width="3"/>
<text class="label" x="90" y="170">High Jump</text>
</g>
<!-- Long Jump -->
<g transform="translate(450, 270)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<line class="white-stroke" x1="20" y1="145" x2="160" y2="145" stroke-width="4"/>
<circle class="white-stroke" cx="95" cy="95" r="26" stroke-width="4"/>
<line class="white-stroke" x1="95" y1="69" x2="95" y2="38" stroke-width="4"/>
<path class="white-fill" d="M 90,38 Q 95,28 100,38 L 98,40 Q 95,36 92,40 Z"/>
<line class="white-stroke" x1="95" y1="95" x2="108" y2="108"/>
<circle class="white-fill" cx="95" cy="22" r="7"/>
<path class="white-stroke" d="M 40,125 L 70,90" stroke-width="3"/>
<text class="label" x="90" y="170">Long Jump</text>
</g>
<!-- Technical Muni -->
<g transform="translate(650, 270)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<path class="white-fill" d="M 20,155 L 35,148 L 45,152 L 65,143 L 85,148 L 105,140 L 125,145 L 140,150 L 145,155 L 20,155 Z"/>
<circle class="white-stroke" cx="90" cy="105" r="28" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="77" x2="90" y2="40" stroke-width="4"/>
<path class="white-fill" d="M 85,40 Q 90,30 95,40 L 93,42 Q 90,38 87,42 Z"/>
<line class="white-stroke" x1="90" y1="105" x2="103" y2="118"/>
<circle class="white-fill" cx="90" cy="23" r="7"/>
<text class="label" x="90" y="170">Tech Muni</text>
</g>
<!-- Downhill -->
<g transform="translate(850, 270)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<path class="white-stroke" d="M 20,40 L 55,70 L 80,90 L 130,145" stroke-width="4"/>
<circle class="white-stroke" cx="100" cy="115" r="26" stroke-width="4"/>
<line class="white-stroke" x1="100" y1="89" x2="100" y2="55" stroke-width="4"/>
<path class="white-fill" d="M 95,55 Q 100,45 105,55 L 103,57 Q 100,53 97,57 Z"/>
<line class="white-stroke" x1="100" y1="115" x2="113" y2="128"/>
<circle class="white-fill" cx="100" cy="38" r="7"/>
<path class="white-stroke" d="M 110,48 L 125,40" stroke-width="3"/>
<text class="label" x="90" y="170">Downhill</text>
</g>
<!-- Row 3 -->
<!-- Road Racing -->
<g transform="translate(50, 470)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<line class="white-stroke" x1="20" y1="145" x2="160" y2="145" stroke-width="3"/>
<circle class="white-stroke" cx="100" cy="110" r="28" stroke-width="4"/>
<line class="white-stroke" x1="100" y1="82" x2="100" y2="45" stroke-width="4"/>
<path class="white-fill" d="M 95,45 Q 100,35 105,45 L 103,47 Q 100,43 97,47 Z"/>
<line class="white-stroke" x1="100" y1="110" x2="113" y2="123"/>
<circle class="white-fill" cx="100" cy="28" r="7"/>
<path class="white-stroke" d="M 115,38 L 135,25" stroke-width="4"/>
<path class="white-stroke" d="M 115,45 L 140,38" stroke-width="4"/>
<text class="label" x="90" y="170">Road Race</text>
</g>
<!-- Unitouring -->
<g transform="translate(250, 470)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<line class="white-stroke" x1="20" y1="145" x2="160" y2="145" stroke-width="3"/>
<circle class="white-stroke" cx="90" cy="110" r="28" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="82" x2="90" y2="48" stroke-width="4"/>
<path class="white-fill" d="M 85,48 Q 90,38 95,48 L 93,50 Q 90,46 87,50 Z"/>
<line class="white-stroke" x1="90" y1="110" x2="103" y2="123"/>
<circle class="white-fill" cx="90" cy="32" r="7"/>
<rect class="white-fill" x="78" y="45" width="24" height="18" rx="2"/>
<path class="white-stroke" d="M 30,55 L 35,50 L 40,55" stroke-width="2"/>
<path class="white-stroke" d="M 140,60 L 145,55 L 150,60" stroke-width="2"/>
<text class="label" x="90" y="170">Unitouring</text>
</g>
<!-- Track Racing -->
<g transform="translate(450, 470)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<ellipse class="white-stroke" cx="90" cy="90" rx="60" ry="40" stroke-width="3"/>
<circle class="white-stroke" cx="90" cy="115" r="26" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="89" x2="90" y2="55" stroke-width="4"/>
<path class="white-fill" d="M 85,55 Q 90,45 95,55 L 93,57 Q 90,53 87,57 Z"/>
<line class="white-stroke" x1="90" y1="115" x2="103" y2="128"/>
<circle class="white-fill" cx="90" cy="40" r="7"/>
<text class="label" x="90" y="170">Track</text>
</g>
<!-- Stillstand -->
<g transform="translate(650, 470)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<circle class="white-stroke" cx="90" cy="120" r="26" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="94" x2="90" y2="55" stroke-width="4"/>
<path class="white-fill" d="M 85,55 Q 90,45 95,55 L 93,57 Q 90,53 87,57 Z"/>
<line class="white-stroke" x1="90" y1="120" x2="103" y2="133"/>
<circle class="white-fill" cx="90" cy="38" r="7"/>
<line class="white-stroke" x1="90" y1="145" x2="90" y2="158" stroke-width="4"/>
<line class="white-stroke" x1="82" y1="151" x2="98" y2="151" stroke-width="4"/>
<text class="label" x="90" y="170">Stillstand</text>
</g>
<!-- Basketball -->
<g transform="translate(850, 470)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<circle class="white-stroke" cx="90" cy="120" r="26" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="94" x2="90" y2="58" stroke-width="4"/>
<path class="white-fill" d="M 85,58 Q 90,48 95,58 L 93,60 Q 90,56 87,60 Z"/>
<line class="white-stroke" x1="90" y1="120" x2="103" y2="133"/>
<circle class="white-fill" cx="90" cy="42" r="7"/>
<circle class="white-stroke" cx="55" cy="28" r="10" stroke-width="3"/>
<rect class="white-fill" x="48" y="20" width="14" height="3"/>
<circle class="white-fill" cx="120" cy="55" r="8"/>
<path class="white-stroke" d="M 117,49 L 116,47 L 118,46 L 120,47 L 122,46 L 124,47 L 123,49" stroke-width="1.5" fill="none"/>
<text class="label" x="90" y="170">Basketball</text>
</g>
<!-- Row 4 -->
<!-- Hockey -->
<g transform="translate(50, 670)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<circle class="white-stroke" cx="90" cy="120" r="26" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="94" x2="90" y2="58" stroke-width="4"/>
<path class="white-fill" d="M 85,58 Q 90,48 95,58 L 93,60 Q 90,56 87,60 Z"/>
<line class="white-stroke" x1="90" y1="120" x2="103" y2="133"/>
<circle class="white-fill" cx="90" cy="42" r="7"/>
<line class="white-stroke" x1="105" y1="70" x2="135" y2="60" stroke-width="4"/>
<rect class="white-fill" x="132" y="56" width="6" height="14" rx="3"/>
<circle class="white-fill" cx="125" cy="90" r="6"/>
<text class="label" x="90" y="170">Hockey</text>
</g>
<!-- Entertainment -->
<g transform="translate(250, 670)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<circle class="white-stroke" cx="90" cy="120" r="26" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="94" x2="90" y2="58" stroke-width="4"/>
<path class="white-fill" d="M 85,58 Q 90,48 95,58 L 93,60 Q 90,56 87,60 Z"/>
<line class="white-stroke" x1="90" y1="120" x2="103" y2="133"/>
<circle class="white-fill" cx="90" cy="42" r="7"/>
<path class="white-fill" d="M 50,15 L 58,30 L 42,30 Z"/>
<path class="white-fill" d="M 130,15 L 138,30 L 122,30 Z"/>
<circle class="white-fill" cx="65" cy="75" r="3"/>
<circle class="white-fill" cx="75" cy="72" r="3"/>
<circle class="white-fill" cx="85" cy="70" r="3"/>
<circle class="white-fill" cx="95" cy="72" r="3"/>
<circle class="white-fill" cx="105" cy="75" r="3"/>
<text class="label" x="90" y="170">Show</text>
</g>
<!-- Slackline -->
<g transform="translate(450, 670)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<line class="white-stroke" x1="20" y1="120" x2="160" y2="120" stroke-width="2"/>
<circle class="white-stroke" cx="90" cy="100" r="22" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="78" x2="90" y2="48" stroke-width="4"/>
<path class="white-fill" d="M 85,48 Q 90,38 95,48 L 93,50 Q 90,46 87,50 Z"/>
<line class="white-stroke" x1="90" y1="100" x2="101" y2="111"/>
<circle class="white-fill" cx="90" cy="33" r="6"/>
<path class="white-stroke" d="M 75,55 L 65,65" stroke-width="3"/>
<path class="white-stroke" d="M 105,55 L 115,65" stroke-width="3"/>
<text class="label" x="90" y="170">Slackline</text>
</g>
<!-- Games -->
<g transform="translate(650, 670)">
<rect class="icon-bg" width="180" height="180" rx="15"/>
<rect class="icon-border" width="180" height="180" rx="15"/>
<circle class="white-stroke" cx="90" cy="120" r="26" stroke-width="4"/>
<line class="white-stroke" x1="90" y1="94" x2="90" y2="58" stroke-width="4"/>
<path class="white-fill" d="M 85,58 Q 90,48 95,58 L 93,60 Q 90,56 87,60 Z"/>
<line class="white-stroke" x1="90" y1="120" x2="103" y2="133"/>
<circle class="white-fill" cx="90" cy="42" r="7"/>
<path class="white-stroke" d="M 60,35 L 65,28 L 70,35" stroke-width="2.5" fill="none"/>
<path class="white-stroke" d="M 110,35 L 115,28 L 120,35" stroke-width="2.5" fill="none"/>
<circle class="white-fill" cx="70" cy="70" r="4"/>
<circle class="white-fill" cx="110" cy="70" r="4"/>
<path class="white-stroke" d="M 75,85 Q 90,92 105,85" stroke-width="3" fill="none"/>
<text class="label" x="90" y="170">Games</text>
</g>
</svg>
AI sucks ![]()
Love it! Now that you did the test run, I can order one for myself
.
On a serious note, I think I will make the stars a somewhat lighter red. And I think I‘ll make a swiss german version - just because.
It looks like a bunch of spiders! ![]()
BR Sanne
Here’s my attempt at a uniform icon collection. Orange background = main disciplines. Included some but not all (too many, too fiddly) sub-disciplines. If you happen to want to use them I can provide an .svg (scaleable) or .png. Will also add to Unicycle related graphics for free use thread.
Hello number7cloud,
I really like most of your ikons, but I think freestyle could be better represented by something like this (don’t mind the letters, they are part of a club name):
BR Sanne
I see you’ve included flaming hockey, but not the other flaming disciplines. What about flaming basketball, and flaming high jump (over flaming bar).
Flaming freestyle is also always a crowd pleaser.






