Skip to content

Instantly share code, notes, and snippets.

@Emasoft

Emasoft/splat_button_fragment.svg

Last active June 15, 2022 00:15
Show Gist options
  • Save Emasoft/bfa0e9743d6144cfc9e6b7da0050127b to your computer and use it in GitHub Desktop.
Save Emasoft/bfa0e9743d6144cfc9e6b7da0050127b to your computer and use it in GitHub Desktop.
Download ZIP
Display the source blob
Display the rendered blob
Raw
splat_button_fragment.svg
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<svg width="100%" height="100%" image-rendering="optimizeSpeed" baseProfile="full" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0.0 0.0 44.0 44.0" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- FILE GENERATED BY svg2fbf v0.1 -->
<metadata>
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/MovingImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<desc>__________________________________________________________
This is a FBFSVG animation file.
FBFSVG stands for "Frame-By-Frame SVG".
FBFSVG is a format meant to be the MPEG of vector animations.
It is designed to be compact, portable and non human readable.
The following are some points summarizing the specifications:
- The FBFSVG format is a subset of the SVG 1.1 Full profile.
- No CSS or javascript are allowed. No interactivity allowed.
- The file is minified because it is a format meant for the
exchange and playback of vector encoded video animations.
- The extension of FBFSVG files is always ".fbf.svg".
- Document has always the attributes height and width set at 100%
- SVG attribute preserveAspectRatio must be set as "xMidYMid meet"
- Viewport values should be defined in pixels
- Any rendering server recognizing this format must render it
only in SECURE ANIMATED MODE.
- No scripts or references to external resources must be allowed.
- All resources must be embedded in base64.
see: https://www.w3.org/TR/SVG/conform.html#secure-animated-mode
___________________________________________________________________</desc>
<!-- ANIMATION BACKDROP -->
<g id="ANIMATION_BACKDROP" x="0px" y="0px" width="44.0px" height="44.0px">
<!-- (put scene background here) -->
<!-- ANIMATION STAGE -->
<g id="ANIMATION_STAGE" x="0px" y="0px" width="44.0px" height="44.0px">
<!-- ANIMATED GROUP -->
<g id="ANIMATED_GROUP">
<use id="PROSKENION" width="44.0px" height="44.0px" overflow="visible" xlink:href="#FRAME001">
<animate id="play" attributeName="xlink:href" begin="click" calcMode="discrete" dur="0.4583s" repeatCount="1" values="#FRAME001;#FRAME002;#FRAME003;#FRAME004;#FRAME005;#FRAME006;#FRAME007;#FRAME008;#FRAME009;#FRAME010;#FRAME011"/>
</use>
</g>
<!-- END OF ANIMATED GROUP -->
</g>
<!-- END OF ANIMATION STAGE -->
</g>
<!-- END OF ANIMATION BACKDROP -->
<defs>
<!-- FRAMES -->
<g id="FRAME001">
<rect id="b_FBF001" width="44" height="44" fill="none"/>
<path id="c_FBF001" transform="translate(-3320 -224)" d="M3342,242.5a2.5,2.5,0,0,1,2.5,2.5v2a2.5,2.5,0,0,1-5,0v-2a2.5,2.5,0,0,1,2.5-2.5m0-1.5a4,4,0,0,0-4,4v2a4,4,0,0,0,8,0v-2a4,4,0,0,0-4-4h0Z" fill="#0288d1"/>
<rect id="d_FBF001" x="17" y="17" width="10" height="10" rx="1" ry="1" fill="#0288d1"/>
</g>
<g id="FRAME002">
<rect id="b_FBF002" width="44" height="44" fill="none"/>
<rect id="c_FBF002" x="18" y="17" width="8" height="10" rx="4" ry="4" fill="#0288d1"/>
</g>
<g id="FRAME003">
<rect id="b_FBF003" width="44" height="44" fill="none"/>
<rect id="c_FBF003" x="18" y="16" width="8" height="12" rx="4" ry="4" fill="#0288d1"/>
<g id="d_FBF003" fill="none" stroke="#0288d1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5">
<line id="e_FBF003" x1="29.07" x2="28.83" y1="14.93" y2="15.17"/>
<line id="f_FBF003" x1="29.07" x2="28.83" y1="29.07" y2="28.83"/>
<line id="g_FBF003" x1="14.93" x2="15.17" y1="29.07" y2="28.83"/>
<line id="h_FBF003" x1="14.93" x2="15.17" y1="14.93" y2="15.17"/>
<line id="i_FBF003" x1="32" x2="31.66" y1="22" y2="22"/>
<line id="j_FBF003" x1="22" x2="22" y1="12" y2="12.34"/>
<line id="k_FBF003" x1="12" x2="12.34" y1="22" y2="22"/>
<line id="l_FBF003" x1="22" x2="22" y1="32" y2="31.66"/>
</g>
</g>
<g id="FRAME004">
<rect id="b_FBF004" width="44" height="44" fill="none"/>
<rect id="c_FBF004" x="18" y="17" width="8" height="10" rx="1" ry="1" fill="#0288d1"/>
<path id="d_FBF004" transform="translate(-3464 -224)" d="M3486,239.5a2.5,2.5,0,0,1,2.5,2.5v8a2.5,2.5,0,0,1-5,0v-8a2.5,2.5,0,0,1,2.5-2.5m0-1.5a4,4,0,0,0-4,4v8a4,4,0,0,0,8,0v-8a4,4,0,0,0-4-4h0Z" fill="#0288d1"/>
<g id="e_FBF004" fill="none" stroke="#0288d1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5">
<line id="f_FBF004" x1="28.83" x2="30.48" y1="15.12" y2="13.46"/>
<line id="g_FBF004" x1="15.17" x2="13.51" y1="15.12" y2="13.46"/>
<line id="h_FBF004" x1="15.17" x2="13.51" y1="28.78" y2="30.43"/>
<line id="i_FBF004" x1="28.83" x2="30.48" y1="28.78" y2="30.43"/>
<line id="j_FBF004" x1="21.96" x2="21.96" y1="12.31" y2="9.96"/>
<line id="k_FBF004" x1="12.31" x2="9.96" y1="22.04" y2="22.04"/>
<line id="l_FBF004" x1="22.04" x2="22.04" y1="31.69" y2="34.04"/>
<line id="m_FBF004" x1="33.69" x2="36.04" y1="21.96" y2="21.96"/>
</g>
</g>
<g id="FRAME005">
<rect id="b_FBF005" width="44" height="44" fill="none"/>
<rect id="c_FBF005" x="17" y="17" width="10" height="10" rx="1" ry="1" fill="#0288d1"/>
<path id="d_FBF005" transform="translate(-3512 -224)" d="M3535,239.5a2.5,2.5,0,0,1,2.5,2.5v8a2.5,2.5,0,0,1-2.5,2.5h-2a2.5,2.5,0,0,1-2.5-2.5v-8a2.5,2.5,0,0,1,2.5-2.5h2m0-1.5h-2a4,4,0,0,0-4,4v8a4,4,0,0,0,4,4h2a4,4,0,0,0,4-4v-8a4,4,0,0,0-4-4h0Z" fill="#0288d1"/>
<g id="e_FBF005" fill="none" stroke="#0288d1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5">
<line id="f_FBF005" x1="29.83" x2="32.9" y1="14.17" y2="11.1"/>
<line id="g_FBF005" x1="14.17" x2="11.1" y1="14.17" y2="11.1"/>
<line id="h_FBF005" x1="14.17" x2="11.1" y1="29.83" y2="32.9"/>
<line id="i_FBF005" x1="29.83" x2="32.9" y1="29.83" y2="32.9"/>
<line id="j_FBF005" x1="10.93" x2="6.59" y1="22" y2="22"/>
<line id="k_FBF005" x1="22" x2="22" y1="33.07" y2="37.41"/>
<line id="l_FBF005" x1="33.07" x2="37.41" y1="22" y2="22"/>
<line id="m_FBF005" x1="22" x2="22" y1="10.93" y2="6.59"/>
</g>
</g>
<g id="FRAME006">
<rect id="b_FBF006" width="44" height="44" fill="none"/>
<rect id="c_FBF006" x="17" y="17" width="10" height="10" rx="1" ry="1" fill="#0288d1"/>
<path id="d_FBF006" transform="translate(-3560 -224)" d="M3585,239.5a2.5,2.5,0,0,1,2.5,2.5v8a2.5,2.5,0,0,1-2.5,2.5h-6a2.5,2.5,0,0,1-2.5-2.5v-8a2.5,2.5,0,0,1,2.5-2.5h6m0-1.5h-6a4,4,0,0,0-4,4v8a4,4,0,0,0,4,4h6a4,4,0,0,0,4-4v-8a4,4,0,0,0-4-4h0Z" fill="#0288d1"/>
<g id="e_FBF006" fill="none" stroke="#0288d1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5">
<line id="f_FBF006" x1="30.83" x2="33.9" y1="13.17" y2="10.1"/>
<line id="g_FBF006" x1="13.17" x2="10.1" y1="13.17" y2="10.1"/>
<line id="h_FBF006" x1="13.17" x2="10.1" y1="30.83" y2="33.9"/>
<line id="i_FBF006" x1="30.83" x2="33.9" y1="30.83" y2="33.9"/>
<line id="j_FBF006" x1="9.51" x2="5.17" y1="22" y2="22"/>
<line id="k_FBF006" x1="22" x2="22" y1="9.51" y2="5.17"/>
<line id="l_FBF006" x1="34.49" x2="38.83" y1="22" y2="22"/>
<line id="m_FBF006" x1="22" x2="22" y1="34.49" y2="38.83"/>
</g>
</g>
<g id="FRAME007">
<rect id="b_FBF007" width="44" height="44" fill="none"/>
<path id="c_FBF007" transform="translate(-3608 -224)" d="M3634,239.5a2.5,2.5,0,0,1,2.5,2.5v8a2.5,2.5,0,0,1-2.5,2.5h-8a2.5,2.5,0,0,1-2.5-2.5v-8a2.5,2.5,0,0,1,2.5-2.5h8m0-1.5h-8a4,4,0,0,0-4,4v8a4,4,0,0,0,4,4h8a4,4,0,0,0,4-4v-8a4,4,0,0,0-4-4h0Z" fill="#0288d1"/>
<rect id="d_FBF007" x="17" y="17" width="10" height="10" rx="1" ry="1" fill="#0288d1"/>
<g id="e_FBF007" fill="none" stroke="#0288d1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5">
<line id="f_FBF007" x1="33.83" x2="35.9" y1="10.17" y2="8.1"/>
<line id="g_FBF007" x1="10.17" x2="8.1" y1="10.17" y2="8.1"/>
<line id="h_FBF007" x1="10.17" x2="8.1" y1="33.83" y2="35.9"/>
<line id="i_FBF007" x1="33.83" x2="35.9" y1="33.83" y2="35.9"/>
<line id="j_FBF007" x1="22" x2="22" y1="5.27" y2="2.34"/>
<line id="k_FBF007" x1="38.73" x2="41.66" y1="22" y2="22"/>
<line id="l_FBF007" x1="22" x2="22" y1="38.73" y2="41.66"/>
<line id="m_FBF007" x1="5.27" x2="2.34" y1="22" y2="22"/>
</g>
</g>
<g id="FRAME008">
<rect id="b_FBF008" width="44" height="44" fill="none"/>
<path id="c_FBF008" transform="translate(-3656 -224)" d="M3682,239.5a2.5,2.5,0,0,1,2.5,2.5v8a2.5,2.5,0,0,1-2.5,2.5h-8a2.5,2.5,0,0,1-2.5-2.5v-8a2.5,2.5,0,0,1,2.5-2.5h8m0-1.5h-8a4,4,0,0,0-4,4v8a4,4,0,0,0,4,4h8a4,4,0,0,0,4-4v-8a4,4,0,0,0-4-4h0Z" fill="#0288d1"/>
<rect id="d_FBF008" x="17" y="17" width="10" height="10" rx="1" ry="1" fill="#0288d1"/>
<g id="e_FBF008" fill="none" stroke="#0288d1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5">
<line id="f_FBF008" x1="8.17" x2="7.1" y1="8.17" y2="7.1"/>
<line id="g_FBF008" x1="22" x2="22" y1="2.44" y2="0.93"/>
<line id="h_FBF008" x1="35.83" x2="36.9" y1="8.17" y2="7.1"/>
<line id="i_FBF008" x1="41.56" x2="43.07" y1="22" y2="22"/>
<line id="j_FBF008" x1="35.83" x2="36.9" y1="35.83" y2="36.9"/>
<line id="k_FBF008" x1="22" x2="22" y1="41.56" y2="43.07"/>
<line id="l_FBF008" x1="8.17" x2="7.1" y1="35.83" y2="36.9"/>
<line id="m_FBF008" x1="2.44" x2="0.93" y1="22" y2="22"/>
</g>
</g>
<g id="FRAME009">
<rect id="b_FBF009" width="44" height="44" fill="none"/>
<path id="c_FBF009" transform="translate(-3704 -224)" d="M3730,239.5a2.5,2.5,0,0,1,2.5,2.5v8a2.5,2.5,0,0,1-2.5,2.5h-8a2.5,2.5,0,0,1-2.5-2.5v-8a2.5,2.5,0,0,1,2.5-2.5h8m0-1.5h-8a4,4,0,0,0-4,4v8a4,4,0,0,0,4,4h8a4,4,0,0,0,4-4v-8a4,4,0,0,0-4-4h0Z" fill="#0288d1"/>
<rect id="d_FBF009" x="17" y="17" width="10" height="10" rx="1" ry="1" fill="#0288d1"/>
<g id="e_FBF009" fill="none" stroke="#0288d1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5">
<line id="f_FBF009" x1="22" x2="22" y1="0.75" y2="1.09"/>
<line id="g_FBF009" x1="37.03" x2="36.78" y1="6.97" y2="7.22"/>
<line id="h_FBF009" x1="43.25" x2="42.91" y1="22" y2="22"/>
<line id="i_FBF009" x1="37.03" x2="36.78" y1="37.03" y2="36.78"/>
<line id="j_FBF009" x1="22" x2="22" y1="43.25" y2="42.91"/>
<line id="k_FBF009" x1="6.97" x2="7.22" y1="37.03" y2="36.78"/>
<line id="l_FBF009" x1="0.75" x2="1.09" y1="22" y2="22"/>
<line id="m_FBF009" x1="6.97" x2="7.22" y1="6.97" y2="7.22"/>
</g>
</g>
<g id="FRAME010">
<rect id="b_FBF010" width="44" height="44" fill="none"/>
<path id="c_FBF010" transform="translate(-3752 -224)" d="M3778,239.5a2.5,2.5,0,0,1,2.5,2.5v8a2.5,2.5,0,0,1-2.5,2.5h-8a2.5,2.5,0,0,1-2.5-2.5v-8a2.5,2.5,0,0,1,2.5-2.5h8m0-1.5h-8a4,4,0,0,0-4,4v8a4,4,0,0,0,4,4h8a4,4,0,0,0,4-4v-8a4,4,0,0,0-4-4h0Z" fill="#0288d1"/>
<rect id="d_FBF010" x="17" y="17" width="10" height="10" rx="1" ry="1" fill="#0288d1"/>
<g id="e_FBF010" fill="none" stroke="#0288d1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5">
<line id="f_FBF010" x1="22" x2="22" y1="0.75" y2="1.09"/>
<line id="g_FBF010" x1="37.03" x2="36.78" y1="6.97" y2="7.22"/>
<line id="h_FBF010" x1="43.25" x2="42.91" y1="22" y2="22"/>
<line id="i_FBF010" x1="37.03" x2="36.78" y1="37.03" y2="36.78"/>
<line id="j_FBF010" x1="22" x2="22" y1="43.25" y2="42.91"/>
<line id="k_FBF010" x1="6.97" x2="7.22" y1="37.03" y2="36.78"/>
<line id="l_FBF010" x1="0.75" x2="1.09" y1="22" y2="22"/>
<line id="m_FBF010" x1="6.97" x2="7.22" y1="6.97" y2="7.22"/>
</g>
</g>
<g id="FRAME011">
<rect id="b_FBF011" width="44" height="44" fill="none"/>
<path id="c_FBF011" transform="translate(-3800 -224)" d="M3826,239.5a2.5,2.5,0,0,1,2.5,2.5v8a2.5,2.5,0,0,1-2.5,2.5h-8a2.5,2.5,0,0,1-2.5-2.5v-8a2.5,2.5,0,0,1,2.5-2.5h8m0-1.5h-8a4,4,0,0,0-4,4v8a4,4,0,0,0,4,4h8a4,4,0,0,0,4-4v-8a4,4,0,0,0-4-4h0Z" fill="#0288d1"/>
<rect id="d_FBF011" x="17" y="17" width="10" height="10" rx="1" ry="1" fill="#0288d1"/>
</g>
</defs>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment