Skip to content

Instantly share code, notes, and snippets.

@mohammedmagdyismael

mohammedmagdyismael/svg-fox.html

Created January 7, 2023 05:38
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mohammedmagdyismael/aed42a8b10c24bd9644c0125aca17ecf to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mohammedmagdyismael/aed42a8b10c24bd9644c0125aca17ecf to your computer and use it in GitHub Desktop.
Download ZIP
SVG fix
Raw
svg-fox.html
<svg style="background-color:white" height="510" width="800">
<polygon points="45,200 155,134 185,200 165,250" style="fill:#ff4301;stroke:black;stroke-width:1" />
<polygon points="155,134 185,200 225,180" style="fill:#fa7d09;stroke:black;stroke-width:1" />
<polygon points="185,200 225,180 245,245" style="fill:#ff4301;stroke:black;stroke-width:1" />
<polygon points="165,250 185,200 245,245 220,390" style="fill:#ffcb74;stroke:black;stroke-width:1" />
<polygon points="220,390 245,245 270,420" style="fill:#fa7d09;stroke:black;stroke-width:1" />
<polygon points="310,210 355,335 360,395 312,425 260,395 265,335" style="fill:#ffcb74;stroke:black;stroke-width:1" />
<polygon points="310,210 250,330 265,335" style="fill:#fa7d09;stroke:black;stroke-width:1" />
<polygon points="310,210 355,335 370,330" style="fill:#fa7d09;stroke:black;stroke-width:1" />
<polygon points="250,330 250,415 230,430 313,430 313,425 260,395 265,335" style="fill:#ba4902;stroke:black;stroke-width:1" />
<polygon points="370,330 370,415 390,430 313,430 313,425 360,395 355,335" style="fill:#ba4902;stroke:black;stroke-width:1" />
<polygon points="280,150 340,150 360,205 312,250 260,205" style="fill:#d67c27;stroke:black;stroke-width:1" />
<polygon points="280,150 340,150 360,205 312,225 260,205" style="fill:#FAB002;stroke:black;stroke-width:1" />
<polygon points="280,150 260,205 245,210" style="fill:#fcbb21;stroke:black;stroke-width:1" />
<polygon points="311,250 260,205 245,210" style="fill:#FC8719;stroke:black;stroke-width:1" />
<polygon points="301,245 290,350 245,210" style="fill:#FFB938;stroke:black;stroke-width:1" />
<polygon points="301,245 290,350 305,325" style="fill:#D67C27;stroke:black;stroke-width:1" />
<polygon points="305,425 290,350 305,325" style="fill:#f79539;stroke:black;stroke-width:1" />
<polygon points="307,435 298,435 290,350" style="fill:#FFB958;stroke:black;stroke-width:1" />
<polygon points="340,150 360,205 375,210 " style="fill:#fcbb21;stroke:black;stroke-width:1" />
<polygon points="311,250 360,205 375,210 " style="fill:#FC8719;stroke:black;stroke-width:1" /> <-->
<polygon points="320,245 335,345 375,210 " style="fill:#FFB938;stroke:black;stroke-width:1" />
<polygon points="320,245 335,345 320,325 " style="fill:#D67C27;stroke:black;stroke-width:1" />
<polygon points="320,425 335,345 320,325 " style="fill:#f79539;stroke:black;stroke-width:1" />
<polygon points="318,435 328,435 335,340 " style="fill:#FFB958;stroke:black;stroke-width:1" />
<polygon points="310,190 275,100 280,80 340,80 345,100" style="fill:#ffb938;stroke:black;stroke-width:1" />
<polygon points="340,80 345,100 390,110" style="fill:#ffb938;stroke:black;stroke-width:1" />
<polygon points="400,40 340,80 390,110" style="fill:#d97000;stroke:black;stroke-width:1" />
<polygon points="345,100 339,115 390,110" style="fill:#d97000;stroke:black;stroke-width:1" />
<polygon points="275,100 280,80 230,110" style="fill:#ffb938;stroke:black;stroke-width:1" />
<polygon points="275,100 281,115 230,110" style="fill:#d97000;stroke:black;stroke-width:1" />
<polygon points="220,40 280,80 230,110" style="fill:#d97000;stroke:black;stroke-width:1" />
<polygon points="275,170 281,115 265,113" style="fill:#ffa13d;stroke:black;stroke-width:1" />
<polygon points="268,125 278,114 265,113" style="fill:white;stroke:black;stroke-width:1" />
<polygon points="270,123 278,114 270,114" style="fill:black;stroke:black;stroke-width:1" />
<polygon points="275,170 230,145 265,113" style="fill:#fc8719;stroke:black;stroke-width:1" />
<polygon points="275,170 281,115 310,190 305,198" style="fill:#fa5502;stroke:black;stroke-width:1" />
<polygon points="230,110 230,145 265,113" style="fill:#fab002;stroke:black;stroke-width:1" />
<polygon points="315,198 310,190 305,198" style="fill:black;stroke:black;stroke-width:1" />
<polygon points="345,170 339,115 310,190 315,198" style="fill:#fa5502;stroke:black;stroke-width:1" />
<polygon points="345,170 339,115 355,113" style="fill:#ffa13d;stroke:black;stroke-width:1" />
<polygon points="345,170 355,113 390,145" style="fill:#fc8719;stroke:black;stroke-width:1" />
<polygon points="390,110 390,145 355,113" style="fill:#fab002;stroke:black;stroke-width:1" />
<polygon points="352,125 342,114 355,113" style="fill:white;stroke:black;stroke-width:1" />
<polygon points="350,123 342,114 350,114" style="fill:black;stroke:black;stroke-width:1" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment