1
0
Fork 0
forked from 0x2620/oxjs

better filesystem structure for modules and themes; 'minified' ui if debug option not set; dynamially generated map markers

This commit is contained in:
rolux 2011-04-27 21:24:33 +02:00
commit 4489e88f44
596 changed files with 115093 additions and 17682 deletions

View file

@ -0,0 +1,404 @@
body.OxThemeModern {
background: rgb(16, 16, 16);
}
.OxThemeModern div {
color: rgb(240, 240, 240);
}
.OxThemeModern .OxHighlight {
//background: rgb(255, 255, 0);
//font-weight: bold;
//color: rgb(0, 0, 0);
color: rgb(255, 255, 0);
}
.OxThemeModern .OxBright {
color: rgb(255, 255, 255);
}
/*
================================================================================
Bars
================================================================================
*/
.OxThemeModern .OxBar.OxHorizontal {
//background: -moz-linear-gradient(left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
background: -moz-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
}
.OxThemeModern .OxResizebar > .OxLine {
background-color: rgb(48, 48, 48);
}
/*
================================================================================
Calendar
================================================================================
*/
.OxThemeModern .OxCalendar .OxTimeline > div.odd {
background: -moz-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(16, 16, 16)));
}
.OxThemeModern .OxCalendar .OxTimeline > div.even {
background: -moz-linear-gradient(top, rgb(48, 48, 48), rgb(24, 24, 24));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(48, 48, 48)), to(rgb(16, 16, 16)));
}
.OxThemeModern .OxCalendar .OxBackground > div.even {
background: rgb(16, 16, 16);
}
.OxThemeModern .OxCalendar .OxBackground > div.odd {
//background: rgb(20, 20, 20);
background: rgb(24, 24, 24);
}
.OxThemeModern .OxCalendar .OxBackground > div.line {
background: rgb(32, 32, 32);
}
/*
================================================================================
Dialog
================================================================================
*/
.OxThemeModern .OxDialog {
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
}
.OxThemeModern .OxDialog .OxBar {
background: -moz-linear-gradient(top, rgba(64, 64, 64, 0.96), rgba(32, 32, 32, 0.96));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(64, 64, 64, 0.96)), to(rgba(32, 32, 32, 0.96)));
}
.OxThemeModern .OxDialog .OxContent {
background: rgba(48, 48, 48, 0.96);
}
.OxThemeModern .OxLayer {
background: rgb(0, 0, 0);
}
/*
================================================================================
Forms
================================================================================
*/
/*
.OxThemeModern .OxInput::-selection {
background: rgb(80, 80, 80);
}
*/
.OxThemeModern input.OxCheckbox,
.OxThemeModern input.OxInput,
.OxThemeModern textarea,
.OxThemeModern .OxButton,
.OxThemeModern .OxLabel,
.OxThemeModern .OxTrack {
//border: 1px solid rgb(80, 80, 80);
border: 1px solid rgb(48, 48, 48);
color: rgb(192, 192, 192);
}
.OxThemeModern .OxSelect {
border: 1px solid rgb(48, 48, 48);
}
.OxThemeModern .OxSelect > .OxTitle {
color: rgb(192, 192, 192);
}
.OxThemeModern .OxInputLabel {
color: rgb(192, 192, 192);
}
.OxThemeModern .OxButton,
.OxThemeModern div.OxInput,
.OxThemeModern .OxSelect {
background: -moz-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
//background: -moz-linear-gradient(left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
}
.OxThemeModern .OxButton:active {
background: rgb(80, 80, 80);
//background: rgb(64, 64, 64);
}
.OxThemeModern .OxCheckbox:active {
background: -moz-linear-gradient(top, rgb(16, 16, 16), rgb(48, 48, 48));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(16, 16, 16)), to(rgb(48, 48, 48)));
}
.OxThemeModern .OxButton.OxDisabled {
background: rgb(80, 80, 80);
color: rgb(128, 128, 128);
}
.OxThemeModern .OxButton.OxSelected,
.OxThemeModern .OxSelect.OxSelected,
.OxThemeModern .OxCollapsePanel > .OxBar > .OxExtras > .OxSelect.OxSelected {
//background: -moz-linear-gradient(left top, left bottom, from(rgb(80, 80, 80)), to(rgb(112, 112, 112)));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(80, 80, 80)), to(rgb(112, 112, 112)));
background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32) 10%, rgb(64, 64, 64));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(0.1, rgb(32, 32, 32)), to(rgb(64, 64, 64)));
color: rgb(224, 224, 224);
}
.OxThemeModern .OxButton.OxTab.OxSelected {
border-bottom: 1px solid rgb(64, 64, 64);
}
.OxThemeModern .OxFormMessage {
color: rgb(255, 64, 64);
}
.OxThemeModern .OxLabel.OxDisabled {
color: rgb(128, 128, 128);
}
.OxThemeModern input.OxCheckbox,
.OxThemeModern input.OxInput,
.OxThemeModern .OxTrack {
background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgb(32, 32, 32)));
}
.OxThemeModern div.OxInput.OxError input {
color: rgb(255, 64, 64);
}
.OxThemeModern div.OxInput.OxFocus,
.OxThemeModern .OxSelect.OxFocus {
//border: 1px solid rgb(80, 80, 80);
-moz-box-shadow: 0 0 2px rgb(128, 128, 128);
-webkit-box-shadow: 0 0 2px rgb(128, 128, 128);
}
.OxThemeModern div.OxInput.OxFocus > .OxInputLabel {
border-color: rgb(80, 80, 80);
}
.OxThemeModern .OxInput.OxPlaceholder {
color: rgb(96, 96, 96)
}
.OxThemeModern .OxLabel {
border: 1px solid rgb(48, 48, 48);
background: rgb(80, 80, 80);
color: rgb(192, 192, 192);
}
.OxThemeModern input.OxCheckbox.OxDisabled,
.OxThemeModern input.OxInput:disabled {
background: rgb(16, 16, 16);
}
/*
================================================================================
Lists
================================================================================
*/
.OxThemeModern .OxIconList .OxItem img.OxLoading {
border-color: rgb(48, 48, 48);
background: -moz-linear-gradient(top, rgb(32, 32, 32), rgb(0, 0, 0));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(32, 32, 32)), color-stop(1, rgb(0, 0, 0)));
}
.OxThemeModern .OxIconList .OxItem.OxSelected > .OxIcon img {
border-color: rgb(96, 96, 96);
-moz-box-shadow: 0 0 4px rgba(96, 96, 96, 1);
-webkit-box-shadow: 0 0 4px rgba(96, 96, 96, 1);
}
.OxThemeModern .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon img {
border-color: rgb(128, 128, 128);
-moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
-webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
}
.OxThemeModern .OxIconList .OxItem > .OxReflection > div {
background: -moz-linear-gradient(top, rgba(16, 16, 16, 0.75), rgba(16, 16, 16, 1));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(16, 16, 16, 0.75)), color-stop(1, rgba(16, 16, 16, 1)));
}
.OxThemeModern .OxIconList .OxItem > .OxText > div {
text-shadow: rgb(0, 0, 0) 1px 1px 0;
}
.OxThemeModern .OxIconList .OxItem.OxSelected > .OxText > div {
border-color: rgb(96, 96, 96);
background: rgba(96, 96, 96, 0.5);
-moz-box-shadow: 0 0 4px rgba(96, 96, 96, 1);
-webkit-box-shadow: 0 0 4px rgba(96, 96, 96, 1);
}
.OxThemeModern .OxIconList.OxFocus .OxItem.OxSelected > .OxText > div {
border-color: rgb(128, 128, 128);
background: rgba(128, 128, 128, 0.5);
-moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
-webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
}
.OxThemeModern .OxIconList .OxItem > .OxText > div > .OxInfo {
color: rgb(128, 128, 128);
}
.OxThemeModern .OxTextList .OxItem .OxCell {
border-right-color: rgb(32, 32, 32);
}
.OxThemeModern .OxTextList .OxItem:nth-child(odd) {
background: rgb(14, 14, 14);
}
.OxThemeModern .OxTextList .OxItem:nth-child(even) {
background: rgb(18, 18, 18);
}
.OxThemeModern .OxTextList .OxItem.OxSelected:nth-child(odd) {
background: rgb(46, 46, 46);
}
.OxThemeModern .OxTextList .OxItem.OxSelected:nth-child(even) {
background: rgb(50, 50, 50);
}
.OxThemeModern .OxTextList .OxFocus .OxItem.OxSelected:nth-child(odd) {
background: rgb(62, 62, 62);
}
.OxThemeModern .OxTextList .OxFocus .OxItem.OxSelected:nth-child(even) {
background: rgb(66, 66, 66);
}
.OxThemeModern .OxTextList .OxBar .OxSelected {
background: -moz-linear-gradient(top, rgb(80, 80, 80), rgb(48, 48, 48));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(80, 80, 80)), color-stop(1, rgb(48, 48, 48)));
color: rgb(255, 255, 255);
}
.OxThemeModern .OxTextList .OxBar .OxOrder {
color: rgb(255, 255, 255);
}
.OxThemeModern .OxTextList .OxBar .OxResize .OxCenter {
background: rgb(24, 24, 24);
}
.OxThemeModern .OxTextList .OxBar .OxSelect {
border-color: rgb(24, 24, 24);
}
.OxThemeModern .OxTextList .OxBody .OxItem .OxCell {
border-right-color: rgb(24, 24, 24);
}
.OxThemeModern .OxTextList .OxItem.OxSelected .OxCell {
border-right-color: rgb(40, 40, 40);
}
.OxThemeModern .OxTextList .OxFocus .OxItem.OxSelected .OxCell {
border-right-color: rgb(72, 72, 72);
color: rgb(255, 255, 255);
}
.OxThemeModern .OxTextList .OxBody .OxItem .OxLine {
background: rgb(24, 24, 24);
}
/*
================================================================================
Menus
================================================================================
*/
.OxThemeModern .OxMainMenu > .OxTitle.OxSelected {
background: -moz-linear-gradient(top, rgb(80, 80, 80), rgb(48, 48, 48));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(80, 80, 80)), to(rgb(48, 48, 48)));
}
.OxThemeModern .OxMenu {
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.OxThemeModern .OxMenu .OxBottom,
.OxThemeModern .OxMenu .OxItem,
.OxThemeModern .OxMenu .OxScrollbar,
.OxThemeModern .OxMenu .OxSpace,
.OxThemeModern .OxMenu .OxTop {
background: rgba(48, 48, 48, 0.96);
}
.OxThemeModern .OxMenu .OxItem.OxSelected,
.OxThemeModern .OxMenu .OxLine,
.OxThemeModern .OxMenu .OxScrollbar.OxSelected {
background: rgba(64, 64, 64, 0.96);
}
.OxThemeModern .OxMenu .OxItem.OxDisabled .OxCell {
color: rgb(128, 128, 128);
}
/*
================================================================================
Scrollbars
================================================================================
*/
.OxThemeModern ::-webkit-scrollbar:horizontal {
border-top: 1px solid rgb(48, 48, 48);
border-bottom: 1px solid rgb(48, 48, 48);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
}
.OxThemeModern ::-webkit-scrollbar:vertical {
border-left: 1px solid rgb(48, 48, 48);
border-right: 1px solid rgb(48, 48, 48);
background: -webkit-gradient(linear, left top, right top, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
}
.OxThemeModern ::-webkit-scrollbar-button:horizontal:decrement {
background: url(../png/scrollbarHorizontalDecrement.png);
}
.OxThemeModern ::-webkit-scrollbar-button:horizontal:increment {
background: url(../png/scrollbarHorizontalIncrement.png);
}
.OxThemeModern ::-webkit-scrollbar-button:vertical:decrement {
background: url(../png/scrollbarVerticalDecrement.png);
}
.OxThemeModern ::-webkit-scrollbar-button:vertical:increment {
background: url(../png/scrollbarVerticalIncrement.png);
}
.OxThemeModern ::-webkit-scrollbar-corner {
border-right: 1px solid rgb(48, 48, 48);
border-bottom: 1px solid rgb(48, 48, 48);
background: -webkit-gradient(linear, left top, right bottom, from(rgb(96, 96, 96)), to(rgb(32, 32, 32)));
}
.OxThemeModern ::-webkit-scrollbar-thumb {
border: 1px solid rgb(48, 48, 48);
}
.OxThemeModern ::-webkit-scrollbar-thumb:horizontal {
background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
}
.OxThemeModern ::-webkit-scrollbar-thumb:vertical {
background: -webkit-gradient(linear, left top, right top, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
}
.OxThemeModern ::-webkit-scrollbar-track {
border: 1px solid rgb(32, 32, 32);
}
.OxThemeModern ::-webkit-scrollbar-track:horizontal {
background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgb(32, 32, 32)));
}
.OxThemeModern ::-webkit-scrollbar-track:vertical {
background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), to(rgb(32, 32, 32)));
}
.OxThemeModern ::-webkit-scrollbar:active,
.OxThemeModern ::-webkit-scrollbar-thumb:active {
background: rgb(64, 64, 64);
}
/*
================================================================================
Video
================================================================================
*/
.OxThemeModern .OxAnnotation {
border-color: rgb(48, 48, 48);
}
.OxThemeModern .OxAnnotation.OxSelected {
background: rgb(48, 48, 48);
}
.OxThemeModern .OxVideoPlayer {
background: rgb(0, 0, 0);
}
/*
================================================================================
Miscellaneous
================================================================================
*/
.OxThemeModern .OxTooltip {
border: 1px solid rgba(128, 128, 128, 0.96);
background: rgba(0, 0, 0, 0.96);
color: rgba(128, 128, 128, 1);
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="64,144 80,120 120,160 176,48 192,80 128,208" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 155 B

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="64,128 120,192" stroke-width="32" stroke="#FFFFFF"/>
<circle cx="120" cy="192" r="16" fill="#FFFFFF"/>
<polygon points="120,192 192,64" stroke-width="32" stroke="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 274 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="48,128 96,128" stroke-width="64" stroke="#FFFFFF"/>
<polygon points="64,128 144,48 144,208" fill="#FFFFFF"/>
<path d="M 160,96 a 60,60 0 0,1 0,64" fill="none" stroke-width="16" stroke="#FFFFFF"/>
<path d="M 176,64 a 96,96 0 0,1 0,128" fill="none" stroke-width="16" stroke="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 389 B

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="40" y="40" width="176" height="176" fill="none" stroke="#FFFFFF" stroke-width="16"/>
<line x1="101" y1="40" x2="101" y2="216" stroke="#FFFFFF" stroke-width="16"/>
<line x1="155" y1="40" x2="155" y2="216" stroke="#FFFFFF" stroke-width="16"/>
</svg>

After

Width:  |  Height:  |  Size: 334 B

View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="40" y="40" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/>
<line x1="144" y1="40" x2="224" y2="40" stroke="#FFFFFF" stroke-width="16"/>
<line x1="144" y1="72" x2="224" y2="72" stroke="#FFFFFF" stroke-width="16"/>
<line x1="144" y1="104" x2="224" y2="104" stroke="#FFFFFF" stroke-width="16"/>
<rect x="40" y="152" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/>
<line x1="144" y1="152" x2="224" y2="152" stroke="#FFFFFF" stroke-width="16"/>
<line x1="144" y1="184" x2="224" y2="184" stroke="#FFFFFF" stroke-width="16"/>
<line x1="144" y1="216" x2="224" y2="216" stroke="#FFFFFF" stroke-width="16"/>
</svg>

After

Width:  |  Height:  |  Size: 765 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="40" y="40" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/>
<rect x="152" y="40" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/>
<rect x="40" y="152" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/>
<rect x="152" y="152" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/>
</svg>

After

Width:  |  Height:  |  Size: 472 B

View file

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="32" y1="40" x2="224" y2="40" stroke="#FFFFFF" stroke-width="16"/>
<line x1="32" y1="72" x2="224" y2="72" stroke="#FFFFFF" stroke-width="16"/>
<line x1="32" y1="104" x2="224" y2="104" stroke="#FFFFFF" stroke-width="16"/>
<line x1="32" y1="152" x2="224" y2="152" stroke="#FFFFFF" stroke-width="16"/>
<line x1="32" y1="184" x2="224" y2="184" stroke="#FFFFFF" stroke-width="16"/>
<line x1="32" y1="216" x2="224" y2="216" stroke="#FFFFFF" stroke-width="16"/>
</svg>

After

Width:  |  Height:  |  Size: 560 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48">
<line x1="128" y1="0" x2="128" y2="256"/>
<line x1="0" y1="128" x2="256" y2="128"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 229 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="128" y1="0" x2="128" y2="128" stroke="#FFFFFF" stroke-width="48"/>
<polygon points="32,128 224,128 128,256" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 215 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="0,128 128,32 128,224" fill="#FFFFFF"/>
<line x1="128" y1="128" x2="256" y2="128" stroke="#FFFFFF" stroke-width="48"/>
</svg>

After

Width:  |  Height:  |  Size: 215 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="0" y1="128" x2="128" y2="128" stroke="#FFFFFF" stroke-width="48"/>
<polygon points="128,32 256,128 128,224" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 215 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,128 128,0 224,128" fill="#FFFFFF"/>
<line x1="128" y1="128" x2="128" y2="256" stroke="#FFFFFF" stroke-width="48"/>
</svg>

After

Width:  |  Height:  |  Size: 215 B

View file

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 80,24 a 312,208 0 0,0 0,208" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/>
<path d="M 176,24 a 312,208 0 0,1 0,208" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/>
<!--
<path d="M 96,24 a 56,56 0 0,0 -56,56 l 0,96 a 56,56 0 0,0 56,56" fill="none" stroke="#FFFFFF" stroke-width="48"/>
<path d="M 160,24 a 56,56 0 0,1 56,56 l 0,96 a 56,56 0 0,1 -56,56" fill="none" stroke="#FFFFFF" stroke-width="48"/>
-->
</svg>

After

Width:  |  Height:  |  Size: 561 B

View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g transform="translate(128, 128)">
<circle cx="0" cy="0" r="16" fill="#FFFFFF"/>
<rect x="-16" y="-16" width="32" height="32" fill="#FFFFFF"/>
<polygon points="-112,-48 -48,0 -112,48" fill="#FFFFFF" transform="rotate(0)"/>
<polygon points="-112,-48 -48,0 -112,48" fill="#FFFFFF" transform="rotate(90)"/>
<polygon points="-112,-48 -48,0 -112,48" fill="#FFFFFF" transform="rotate(180)"/>
<polygon points="-112,-48 -48,0 -112,48" fill="#FFFFFF" transform="rotate(270)"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 603 B

View file

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 48,144 l 64,64 l 96,-160" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/>
<!--
<line x1="32" y1="128" x2="112" y2="224" stroke="#FFFFFF" stroke-width="48"/>
<circle cx="112" cy="224" r="24" fill="#FFFFFF"/>
<line x1="112" y1="224" x2="208" y2="32" stroke="#FFFFFF" stroke-width="48"/>
-->
</svg>

After

Width:  |  Height:  |  Size: 420 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48">
<line x1="40" y1="40" x2="216" y2="216"/>
<line x1="40" y1="216" x2="216" y2="40"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 225 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<circle cx="128" cy="128" r="104" fill="none" stroke="#FFFFFF" stroke-width="48"/>
<line x1="40" y1="40" x2="216" y2="216" stroke="#FFFFFF" stroke-width="48"/>
</svg>

After

Width:  |  Height:  |  Size: 240 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,56 224,56 128,248" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 132 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="128" y1="16" x2="128" y2="128" stroke="#FFFFFF" stroke-width="96"/>
<polygon points="0,128 256,128 128,256" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 215 B

View file

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,224 64,160 96,192" fill="#FFFFFF"/>
<line x1="88" y1="168" x2="184" y2="72" stroke="#FFFFFF" stroke-width="48"/>
<line x1="192" y1="64" x2="208" y2="48" stroke="#FFFFFF" stroke-width="48"/>
<line x1="112" y1="220" x2="224" y2="220" stroke="#FFFFFF" stroke-width="8"/>
<line x1="128" y1="204" x2="224" y2="204" stroke="#FFFFFF" stroke-width="8"/>
<line x1="144" y1="188" x2="224" y2="188" stroke="#FFFFFF" stroke-width="8"/>
</svg>

After

Width:  |  Height:  |  Size: 541 B

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="64,64 128,0 192,64" fill="#FFFFFF"/>
<rect x="32" y="96" width="192" height="64" fill="#FFFFFF"/>
<polygon points="64,192 192,192 128,256" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 258 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48">
<circle cx="104" cy="104" r="64" fill="none"/>
<line x1="160" y1="160" x2="216" y2="216"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 232 B

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="64,16 192,16 128,80" fill="#FFFFFF"/>
<rect x="32" y="96" width="192" height="64" fill="#FFFFFF"/>
<polygon points="64,240 128,176 192,240" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 259 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="48" y1="224" x2="48" y2="32" stroke="#FFFFFF" stroke-width="32"/>
<path d="M 64,32 a 64,64 0 0,1 80,0 a 64,64 0 0,0 80,0 l 0,128 a 64,64 0 0,1 -80,0 a 64,64 0 0,0 -80,0" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 277 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="64" y1="32" x2="64" y2="224" stroke="#FFFFFF" stroke-width="48"/>
<polygon points="120,128 216,32 216,224" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 214 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="40,32 136,128 40,224" fill="#FFFFFF"/>
<line x1="192" y1="32" x2="192" y2="224" stroke="#FFFFFF" stroke-width="48"/>
</svg>

After

Width:  |  Height:  |  Size: 214 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,32 128,32 32,128" fill="#FFFFFF"/>
<line x1="72" y1="72" x2="120" y2="120" stroke="#FFFFFF" stroke-width="48"/>
<line x1="136" y1="136" x2="184" y2="184" stroke="#FFFFFF" stroke-width="48"/>
<polygon points="128,224 224,128 224,224" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 359 B

View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 80,72 a 48,48 0 1,1 88,32 l -40,48" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/>
<!--
<path d="M 72,72 a 56,56 0 1,1 96,48 a 128,128 0 0,0 -40,48" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/>
-->
<circle cx="128" cy="224" r="32" fill="#FFFFFF"/>
<!--
<circle cx="128" cy="232" r="24" fill="#FFFFFF"/>
-->
</svg>

After

Width:  |  Height:  |  Size: 474 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<circle cx="128" cy="48" r="32" fill="#FFFFFF"/>
<line x1="96" y1="112" x2="128" y2="112" stroke="#FFFFFF" stroke-linecap="round" stroke-width="32"/>
<line x1="128" y1="120" x2="128" y2="216" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/>
<line x1="96" y1="224" x2="160" y2="224" stroke="#FFFFFF" stroke-linecap="round" stroke-width="32"/>
</svg>

After

Width:  |  Height:  |  Size: 441 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="8,128 200,32 200,224" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 132 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 128,248 l -96,-128 a 56,56 0 1,1 96,-64 a 56,56 0 1,1 96,64 l -96,128" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 175 B

View file

@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g transform="translate(128, 128)" stroke="#FFFFFF" stroke-linecap="round" stroke-width="28">
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(0)" opacity="1"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(30)" opacity="0.083333"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(60)" opacity="0.166667"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(90)" opacity="0.25"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(120)" opacity="0.333333"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(150)" opacity="0.416667"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(180)" opacity="0.5"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(210)" opacity="0.583333"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(240)" opacity="0.666667"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(270)" opacity="0.75"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(300)" opacity="0.833333"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(330)" opacity="0.916667"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -0,0 +1,40 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g transform="translate(128, 128)" stroke="#FFFFFF" stroke-linecap="round" stroke-width="28">
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(0)" opacity="1">
<animate attributeName="opacity" from="1" to="0" begin="0s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(30)" opacity="0.083333">
<animate attributeName="opacity" from="1" to="0" begin="-0.916667s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(60)" opacity="0.166667">
<animate attributeName="opacity" from="1" to="0" begin="-0.833333s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(90)" opacity="0.25">
<animate attributeName="opacity" from="1" to="0" begin="-0.75s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(120)" opacity="0.333333">
<animate attributeName="opacity" from="1" to="0" begin="-0.666667s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(150)" opacity="0.416667">
<animate attributeName="opacity" from="1" to="0" begin="-0.583333s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(180)" opacity="0.5">
<animate attributeName="opacity" from="1" to="0" begin="-0.5s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(210)" opacity="0.583333">
<animate attributeName="opacity" from="1" to="0" begin="-0.416667" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(240)" opacity="0.666667">
<animate attributeName="opacity" from="1" to="0" begin="-0.333333s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(270)" opacity="0.75">
<animate attributeName="opacity" from="1" to="0" begin="-0.25s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(300)" opacity="0.833333">
<animate attributeName="opacity" from="1" to="0" begin="-0.166667s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(330)" opacity="0.916667">
<animate attributeName="opacity" from="1" to="0" begin="-0.083333" dur="1s" repeatCount="indefinite"></animate>
</line>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="40" y="112" width="176" height="104" fill="#FFFFFF"/>
<path d="M 184,128 l 0,-48 a 56,56 0 0,0 -112,0" fill="none" stroke="#FFFFFF" stroke-width="32"/>
</svg>

After

Width:  |  Height:  |  Size: 241 B

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="48,80 128,0 208,80" fill="#FFFFFF"/>
<line x1="48" y1="128" x2="208" y2="128" stroke="#FFFFFF" stroke-width="48"/>
<polygon points="48,176 208,176 128,256" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 274 B

View file

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="16" y="88" width="64" height="80" fill="#FFFFFF"/>
<polygon points="40,128 144,24 144,232" fill="#FFFFFF"/>
<path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke="#FFFFFF" stroke-width="16"/>
<path d="M 176,64 a 88,88 0 0,1 0,128" fill="none" stroke="#FFFFFF" stroke-width="16"/>
<path d="M 192,32 a 128,128 0 0,1 0,192" fill="none" stroke="#FFFFFF" stroke-width="16"/>
</svg>

After

Width:  |  Height:  |  Size: 474 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"/>

After

Width:  |  Height:  |  Size: 66 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48">
<line x1="80" y1="32" x2="80" y2="224"/>
<line x1="176" y1="32" x2="176" y2="224"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 224 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="72" y1="32" x2="72" y2="224" stroke="#FFFFFF" stroke-width="48"/>
<polygon points="144,32 240,128 144,224" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 214 B

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<circle cx="68" cy="188" r="28" fill="#FFFFFF"/>
<path d="M 40,104 a 112,112 0 0,1 112,112" fill="none" stroke="#FFFFFF" stroke-width="32"/>
<path d="M 40,40 a 176,176 0 0,1 176,176" fill="none" stroke="#FFFFFF" stroke-width="32"/>
</svg>

After

Width:  |  Height:  |  Size: 316 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 208,144 a 80,80 0 1,1 -80,-80 l 16,0" fill="none" stroke-width="48" stroke="#FFFFFF"/>
<polygon points="128,0 232,64 128,128" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 234 B

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48" stroke-linecap="round">
<line x1="0" y1="128" x2="256" y2="128"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 197 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="56,32 248,128 56,224" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 133 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,104 128,8 224,104" fill="#FFFFFF"/>
<polygon points="32,152 224,152 128,248" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 195 B

View file

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g transform="translate(128, 128)">
<circle cx="0" cy="0" r="64" fill="none" stroke="#FFFFFF" stroke-width="64"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(0)" fill="#FFFFFF"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(45)" fill="#FFFFFF"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(90)" fill="#FFFFFF"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(135)" fill="#FFFFFF"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(180)" fill="#FFFFFF"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(225)" fill="#FFFFFF"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(270)" fill="#FFFFFF"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(315)" fill="#FFFFFF"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 963 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="16,208 208,16 208,208" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 133 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="48,16 240,208 48,208" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 132 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="40" y1="40" x2="96" y2="96" stroke="#FFFFFF" stroke-width="48"/>
<polygon points="32,128 128,32 128,128" fill="#FFFFFF"/>
<polygon points="128,128 224,128 128,224" fill="#FFFFFF"/>
<line x1="160" y1="160" x2="216" y2="216" stroke="#FFFFFF" stroke-width="48"/>
</svg>

After

Width:  |  Height:  |  Size: 359 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="128,0 200,232 8,88 248,88 56,232" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 145 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 48,128 a 80,80 0 0,1 136,-56" fill="none" stroke="#FFFFFF" stroke-width="48"/>
<polygon points="144,112 224,32 224,112" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1"/>
<path d="M 208,128 a 80,80 0 0,1 -136,56" fill="none" stroke="#FFFFFF" stroke-width="48"/>
<polygon points="32,144 112,144 32,224" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1"/>
</svg>

After

Width:  |  Height:  |  Size: 452 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 48,144 a 80,80 0 1,0 80,-80 l -16,0" fill="none" stroke-width="48" stroke="#FFFFFF"/>
<polygon points="24,64 128,0 128,128" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 232 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="40" y="112" width="176" height="104" fill="#FFFFFF"/>
<path d="M 184,128 l 0,-48 a 56,56 0 0,0 -112,0 l 0,48" fill="none" stroke="#FFFFFF" stroke-width="32"/>
</svg>

After

Width:  |  Height:  |  Size: 248 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,112 128,16 224,112" fill="#FFFFFF"/>
<line x1="32" y1="176" x2="224" y2="176" stroke="#FFFFFF" stroke-width="48"/>
</svg>

After

Width:  |  Height:  |  Size: 215 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="16" y="88" width="64" height="80" fill="#FFFFFF"/>
<polygon points="40,128 144,24 144,232" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 197 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,200 128,8 224,200" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 132 B

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<ellipse cx="128" cy="80" rx="64" ry="80" fill="#FFFFFF"/>
<rect x="96" y="128" width="64" height="64" fill="#FFFFFF"/>
<path d="M 32,224 a 96,64 0 0,1 192,0" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 261 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 24,128 a 120,120 0 0,1 208,0 a 120,120 0 0,1 -208,0 a 120,120 0 0,1 208,0" fill="none" stroke="#FFFFFF" stroke-width="32"/>
<circle cx="128" cy="128" r="32" fill="none" stroke="#FFFFFF" stroke-width="32"/>
</svg>

After

Width:  |  Height:  |  Size: 297 B

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="16" y="88" width="64" height="80" fill="#FFFFFF"/>
<polygon points="40,128 144,24 144,232" fill="#FFFFFF"/>
<path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke="#FFFFFF" stroke-width="16"/>
<path d="M 176,64 a 96,96 0 0,1 0,128" fill="none" stroke="#FFFFFF" stroke-width="16"/>
</svg>

After

Width:  |  Height:  |  Size: 380 B

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="16" y="88" width="64" height="80" fill="#FFFFFF"/>
<polygon points="40,128 144,24 144,232" fill="#FFFFFF"/>
<path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke-width="16" stroke="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 288 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="128" y1="24" x2="128" y2="152" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/>
<circle cx="128" cy="224" r="32" fill="#FFFFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 231 B

View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g transform="translate(128, 128)">
<circle cx="0" cy="0" r="16" fill="#FFFFFF"/>
<rect x="-16" y="-16" width="32" height="32" fill="#FFFFFF"/>
<polygon points="-128,-0 -64,-48 -64,48" fill="#FFFFFF" transform="rotate(0)"/>
<polygon points="-128,-0 -64,-48 -64,48" fill="#FFFFFF" transform="rotate(90)"/>
<polygon points="-128,-0 -64,-48 -64,48" fill="#FFFFFF" transform="rotate(180)"/>
<polygon points="-128,-0 -64,-48 -64,48" fill="#FFFFFF" transform="rotate(270)"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 603 B