139 lines
7.7 KiB
XML
Executable File
139 lines
7.7 KiB
XML
Executable File
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="shape" width="128" height="128" class="iconic iconic-shape" viewBox="0 0 128 128">
|
|
<g><title>Shape</title></g>
|
|
|
|
<defs>
|
|
<mask id="iconic-shape-knockout-lg">
|
|
<rect width="100%" height="100%" fill="#fff"/>
|
|
<text x="32" dx="32" y="78" font-size="36" text-anchor="middle" class="iconic-shape-knockout-text"/>
|
|
</mask>
|
|
|
|
<mask id="iconic-shape-knockout-md" transform="translate(4)">
|
|
<rect width="100%" height="100%" fill="#fff"/>
|
|
<text x="8" dx="8" dy="20" font-size="12" text-anchor="middle" class="iconic-shape-knockout-text"/>
|
|
</mask>
|
|
|
|
<mask id="iconic-shape-knockout-sm" transform="translate(8)">
|
|
<rect width="100%" height="100%" fill="#fff"/>
|
|
<text x="4" dx="4" dy="10" font-size="7" text-anchor="middle" font-weight="bold" class="iconic-shape-knockout-text"/>
|
|
</mask>
|
|
</defs>
|
|
|
|
|
|
<!-- Square -->
|
|
<g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
|
|
<g class="iconic-shape-square" display="inline" mask="url(#iconic-shape-knockout-lg)">
|
|
<path d="M126.5 128h-125c-.828 0-1.5-.672-1.5-1.5v-125c0-.828.672-1.5 1.5-1.5h125c.828 0 1.5.672 1.5 1.5v125c0 .828-.672 1.5-1.5 1.5z" class="iconic-shape-square-background iconic-property-fill"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Square Rounded -->
|
|
<g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
|
|
<g class="iconic-shape-square-rounded" display="none" mask="url(#iconic-shape-knockout-lg)">
|
|
<path d="M120 128h-112c-4.418 0-8-3.582-8-8v-112c0-4.418 3.582-8 8-8h112c4.418 0 8 3.582 8 8v112c0 4.418-3.582 8-8 8z" class="iconic-shape-square-rounded-background iconic-property-fill"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Hexagon -->
|
|
<g data-width="112" data-height="128" class="iconic-lg iconic-container" display="inline">
|
|
<g class="iconic-shape-hexagon" display="none" mask="url(#iconic-shape-knockout-lg)">
|
|
<path d="M1.302 31.256l53.395-30.512c.719-.411 1.885-.411 2.605 0l53.395 30.512c.719.411 1.302 1.416 1.302 2.244v61c0 .828-.583 1.833-1.302 2.244l-53.395 30.512c-.719.411-1.885.411-2.605 0l-53.395-30.512c-.719-.411-1.302-1.416-1.302-2.244v-61c0-.828.583-1.833 1.302-2.244z" class="iconic-shape-hexagon-background iconic-property-fill" transform="translate(8)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Octagon -->
|
|
<g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
|
|
<g class="iconic-shape-octagon" display="none" mask="url(#iconic-shape-knockout-lg)">
|
|
<path class="iconic-shape-octagon-background iconic-property-fill" d="M38 128l-38-38v-52l38-38h52l38 38v52l-38 38z"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Circle -->
|
|
<g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
|
|
<g class="iconic-shape-circle" display="none" mask="url(#iconic-shape-knockout-lg)">
|
|
<circle cx="64" cy="64" r="64" class="iconic-shape-circle-background iconic-property-fill"/>
|
|
</g>
|
|
</g>
|
|
|
|
|
|
|
|
<!-- Square -->
|
|
<g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
|
|
<g class="iconic-shape-square" mask="url(#iconic-shape-knockout-md)">
|
|
<path class="iconic-shape-square-background iconic-property-fill" d="M0 0h32v32h-32z"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Square Rounded -->
|
|
<g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
|
|
<g class="iconic-shape-square-rounded" display="none" mask="url(#iconic-shape-knockout-md)">
|
|
<path d="M29 32h-26c-1.657 0-3-1.343-3-3v-26c0-1.657 1.343-3 3-3h26c1.657 0 3 1.343 3 3v26c0 1.657-1.343 3-3 3z" class="iconic-shape-square-rounded-background iconic-property-fill"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Hexagon -->
|
|
<g data-width="28" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
|
|
<g class="iconic-shape-hexagon" display="none" mask="url(#iconic-shape-knockout-md)">
|
|
<path class="iconic-shape-hexagon-background iconic-property-fill" d="M0 8l14-8 14 8v16l-14 8-14-8z" transform=" translate(2)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Octagon -->
|
|
<g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
|
|
<g class="iconic-shape-octagon" display="none" mask="url(#iconic-shape-knockout-md)">
|
|
<path class="iconic-shape-octagon-background iconic-property-fill" d="M9 32l-9-9v-14l9-9h14l9 9v14l-9 9z"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Circle -->
|
|
<g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
|
|
<g class="iconic-shape-circle" display="none" mask="url(#iconic-shape-knockout-md)">
|
|
<circle cx="16" cy="16" r="16" class="iconic-shape-circle-background iconic-property-fill"/>
|
|
</g>
|
|
</g>
|
|
|
|
|
|
|
|
|
|
<!-- Square -->
|
|
<g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
|
|
<g class="iconic-shape-square" mask="url(#iconic-shape-knockout-sm)">
|
|
<path class="iconic-shape-square-background iconic-property-fill" d="M0 0h16v16h-16z"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Square Rounded -->
|
|
<g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
|
|
<g class="iconic-shape-square-rounded" display="none" mask="url(#iconic-shape-knockout-sm)">
|
|
<path d="M14 16h-12c-1.105 0-2-.895-2-2v-12c0-1.105.895-2 2-2h12c1.105 0 2 .895 2 2v12c0 1.105-.895 2-2 2z" class="iconic-shape-square-rounded-background iconic-property-fill"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Hexagon -->
|
|
<g data-width="14" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
|
|
<g class="iconic-shape-hexagon" display="none" mask="url(#iconic-shape-knockout-sm)">
|
|
<path class="iconic-shape-hexagon-background iconic-property-fill" d="M0 4l7-4 7 4v8l-7 4-7-4z" transform="translate(1)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Octagon -->
|
|
<g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
|
|
<g class="iconic-shape-octagon" display="none" mask="url(#iconic-shape-knockout-sm)">
|
|
<path class="iconic-shape-octagon-background iconic-property-fill" d="M4.5 16l-4.5-4.5v-7l4.5-4.5h7l4.5 4.5v7l-4.5 4.5z"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Circle -->
|
|
<g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
|
|
<g class="iconic-shape-circle" display="none" mask="url(#iconic-shape-knockout-sm)">
|
|
<circle cx="8" cy="8" r="8" class="iconic-shape-circle-background iconic-property-fill"/>
|
|
</g>
|
|
</g>
|
|
|
|
|
|
<script class="iconic-api" type="application/ecmascript">
|
|
//<![CDATA[
|
|
var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["shape"]=iconicApis["shape"]||function(t){var e=function(e){t.setAttribute("data-text",e);var i=t.querySelectorAll(".iconic-shape-knockout-text");e=e.substring(0,2),e=e.toUpperCase();for(var r=0;r<i.length;r++)e&&""!==e?(i[r].textContent=e,i[r].setAttribute("display","inline")):(i[r].textContent="",i[r].setAttribute("display","none"))},i=function(e){t.setAttribute("data-shape",e);var i,r,n,a,c,o=t.querySelectorAll(".iconic-shape-square"),s=t.querySelectorAll(".iconic-shape-square-rounded"),l=t.querySelectorAll(".iconic-shape-hexagon"),u=t.querySelectorAll(".iconic-shape-octagon"),d=t.querySelectorAll(".iconic-shape-circle");switch(i=r=n=a=c="none",e){case"square-rounded":r="inline";break;case"hexagon":n="inline";break;case"octagon":a="inline";break;case"circle":c="inline";break;default:i="inline"}for(var A=0;A<o.length;A++)o[A].setAttribute("display",i),s[A].setAttribute("display",r),l[A].setAttribute("display",n),u[A].setAttribute("display",a),d[A].setAttribute("display",c)},r=function(){var r=t.getAttribute("data-text");r&&e(r);var n=t.getAttribute("data-shape");n&&i(n)};return{update:r,setText:e,setShape:i}};
|
|
//]]>
|
|
</script>
|
|
</svg>
|