Skip to content

Instantly share code, notes, and snippets.

@sebdeckers

sebdeckers/Beachball.svg

Created May 1, 2015 04:58
Show Gist options
  • Save sebdeckers/f7867f1d125b251d35ea to your computer and use it in GitHub Desktop.
Save sebdeckers/f7867f1d125b251d35ea to your computer and use it in GitHub Desktop.
Download ZIP
Beachball
Display the source blob
Display the rendered blob
Raw
Beachball.svg
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg id="Layer_3" style="enable-background:new 0 0 38.2 38.15" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="300px" viewBox="0 0 38.2 38.15" width="300px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id="ball" viewBox="-19.111 -19.05 38.189 38.164">
<g id="Layer_1_2_">
<g clip-rule="evenodd" fill-rule="evenodd">
<path d="m-5.55 14c0.833 0.733 1.117 1.367 0.85 1.9l-0.15 0.15c5.833 2.067 11.417 1.667 16.75-1.2 0.967-0.767 1.833-1.6 2.6-2.5l2.05-3c0-0.033 0.017-0.067 0.05-0.1s0.066-0.083 0.1-0.15c0.033-0.067 0.066-0.15 0.1-0.25 0.034-0.033 0.067-0.083 0.1-0.15 2.167-4.2 2.717-8.534 1.65-13l-0.05-0.15c-0.033-0.1-0.067-0.216-0.1-0.35l-0.2-0.75c-0.034-0.1-0.067-0.184-0.1-0.25-0.6-1.8-1.383-3.434-2.35-4.9l-4.35-4.55c-0.267-0.167-0.533-0.333-0.8-0.5 2.733 4.9 2.5 10.25-0.7 16.05-2.167 3.933-4.917 7.167-8.25 9.7-2.233 1.733-4.633 3.067-7.2 4z" fill="#EC4774"/>
<path d="m11.4-15.25c-0.867-0.6-1.783-1.15-2.75-1.65-0.066-0.033-0.133-0.067-0.2-0.1-2.6-0.167-5.017 0.267-7.25 1.3-3.167 1.5-5.717 4.117-7.65 7.85-2.067 4.033-3.15 8.167-3.25 12.4-0.066 2.833 0.284 5.534 1.05 8.1 0.667 0.067 1.316 0.25 1.95 0.55 0.4 0.233 0.784 0.5 1.15 0.8 2.566-0.933 4.966-2.267 7.2-4 3.333-2.533 6.083-5.767 8.25-9.7 3.2-5.8 3.434-11.15 0.7-16.05 0.267 0.167 0.533 0.333 0.8 0.5z" fill="#377AFA"/>
<path d="m-5.25 18.3c-0.333-0.1-0.667-0.2-1-0.3 3.9 1.433 7.933 1.483 12.1 0.15 3.566-1.167 6.45-3.1 8.65-5.8-0.767 0.9-1.633 1.733-2.6 2.5-2.4 1.933-5.1 3.2-8.1 3.8-3.067 0.633-6.083 0.517-9.05-0.35zm-6.2-3.1c-2.1-1.567-3.816-3.5-5.15-5.8-1.533-2.767-2.35-5.717-2.45-8.85-0.033-1.4 0.066-2.767 0.3-4.1-0.634 3.066-0.434 6.2 0.6 9.4 1.367 4.2 3.833 7.483 7.4 9.85-0.233-0.167-0.467-0.333-0.7-0.5zm6.1-33.45c-0.167 0.033-0.333 0.083-0.5 0.15-0.5 0.167-0.983 0.35-1.45 0.55 0.433-0.167 0.883-0.333 1.35-0.5 0.2-0.067 0.4-0.133 0.6-0.2z" fill="#4880EB"/>
<path d="m-5.55 14c-0.367-0.3-0.75-0.567-1.15-0.8-0.633-0.3-1.283-0.483-1.95-0.55-0.733-0.066-1.217 0.1-1.45 0.5l-0.05 0.45c0 0.4 0.233 0.833 0.7 1.3 0.4 0.4 0.85 0.733 1.35 1l1.1 0.4c0.433 0.633 1.017 1.3 1.75 2 2.967 0.867 5.983 0.983 9.05 0.35 3-0.6 5.7-1.867 8.1-3.8-5.333 2.867-10.917 3.267-16.75 1.2l0.15-0.15c0.267-0.533-0.017-1.167-0.85-1.9z" fill="#fff"/>
<path d="m-9.45 14.9l-2 0.3c0.233 0.167 0.467 0.333 0.7 0.5l0.65 0.45c0.434 0.3 0.9 0.567 1.4 0.8 0.7 0.367 1.417 0.683 2.15 0.95l0.3 0.1c0.333 0.1 0.667 0.2 1 0.3-0.733-0.7-1.317-1.367-1.75-2l-1.1-0.4c-0.5-0.267-0.95-0.6-1.35-1z" fill="#9FDE51"/>
<path d="m-16.6 9.4c1.967 1.6 4.117 3 6.45 4.2l0.05-0.45c0.233-0.4 0.717-0.566 1.45-0.5-0.767-2.566-1.117-5.267-1.05-8.1 0.1-4.233 1.184-8.367 3.25-12.4 1.934-3.733 4.483-6.35 7.65-7.85 2.233-1.033 4.65-1.466 7.25-1.3h0.05c-0.5-0.267-1.017-0.5-1.55-0.7l-6.6-1.35-4.6 0.5c-0.333 0.067-0.65 0.15-0.95 0.25l-0.15 0.05c-0.2 0.067-0.4 0.133-0.6 0.2-0.466 0.167-0.917 0.333-1.35 0.5l-3.65 1.95c-2.5 1.733-4.5 4.05-6 6.95-0.167 0.333-0.333 0.683-0.5 1.05-0.033 0.033-0.05 0.067-0.05 0.1l-1.25 3.95c-0.233 1.333-0.333 2.7-0.3 4.1 0.1 3.133 0.917 6.083 2.45 8.85z" fill="#FAEF53"/>
<path d="m-16.6 9.4c1.333 2.3 3.05 4.233 5.15 5.8l2-0.3c-0.466-0.467-0.7-0.9-0.7-1.3-2.333-1.2-4.483-2.6-6.45-4.2z" fill="#E9B41F"/>
</g>
</g>
</symbol>
<symbol id="beachBall" viewBox="-19.111 -19.11 38.221 38.223">
<g id="FlashAICB_1_">
<use xlink:href="#spin1" transform="translate(-.0498)" height="38.223" width="38.221" y="-19.11" x="-19.061"/>
</g>
</symbol>
<symbol id="spin1" viewBox="-19.061 -19.11 38.221 38.223">
<g id="Layer_1_4_">
<use xlink:href="#ball" transform="translate(.0498)" height="38.164" width="38.189" y="-19.05" x="-19.111"/>
</g>
<g id="Layer_2_3_">
<g clip-rule="evenodd" fill-rule="evenodd">
<radialGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" cy="-6329.9" cx="-3243.6" gradientTransform="matrix(.8108 -.5854 -.5854 -.8108 -1080.4 -7026.1)" r="25.902">
<stop stop-color="#110C0E" stop-opacity="0" offset="0"/>
<stop stop-color="#0B0809" stop-opacity=".1922" offset=".5255"/>
<stop stop-opacity=".4392" offset="1"/>
</radialGradient>
<path d="m18.2-5.85c-1.633-5-4.783-8.7-9.45-11.1s-9.5-2.8-14.5-1.2c-5 1.633-8.7 4.783-11.1 9.45s-2.8 9.5-1.2 14.5c1.633 5 4.784 8.7 9.45 11.1s9.517 2.8 14.55 1.2c5-1.634 8.684-4.784 11.05-9.45 2.4-4.666 2.8-9.5 1.2-14.5z" fill="url(#SVGID_1_)"/>
<radialGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" cy="-6329.9" cx="-3243.6" gradientTransform="matrix(.8108 -.5854 -.5854 -.8108 -1080.4 -7026.1)" r="25.902">
<stop stop-color="#fff" stop-opacity=".7765" offset=".0392"/>
<stop stop-color="#fff" stop-opacity=".3176" offset=".0745"/>
<stop stop-color="#fff" stop-opacity=".0784" offset=".4118"/>
<stop stop-color="#fff" stop-opacity="0" offset="1"/>
</radialGradient>
<path d="m18.2-5.85c-1.633-5-4.783-8.7-9.45-11.1s-9.5-2.8-14.5-1.2c-5 1.633-8.7 4.783-11.1 9.45s-2.8 9.5-1.2 14.5c1.633 5 4.784 8.7 9.45 11.1s9.517 2.8 14.55 1.2c5-1.634 8.684-4.784 11.05-9.45 2.4-4.666 2.8-9.5 1.2-14.5z" fill="url(#SVGID_2_)"/>
</g>
</g>
</symbol>
<use id="beachBall_x5F_mc" xlink:href="#beachBall" transform="matrix(1 0 0 -1 19.1 19.05)" height="38.223" width="38.221" y="-19.11" x="-19.111"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment