parsley/app/javascript/iconic/svg/smart/media.svg

72 lines
5.0 KiB
XML
Raw Normal View History

2018-08-29 16:58:07 -05:00
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="media" width="128" height="128" class="iconic iconic-media" viewBox="0 0 128 128">
<g><title>Media</title></g>
<g data-width="64" data-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(32 32)">
<g class="iconic-media-play">
<path d="M62.7 32.7l-61.4 30.6c-.7.4-1.3 0-1.3-.8v-61c0-.8.6-1.2 1.3-.8l61.3 30.7c.8.3.8.9.1 1.3z" class="iconic-property-fill"/>
</g>
</g>
<g data-width="52" data-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(38 32)">
<g class="iconic-media-pause" display="none">
<path class="iconic-media-pause-line iconic-media-pause-line-left iconic-property-stroke" d="M6 0v64" stroke="#000" stroke-width="12" stroke-miterlimit="10" fill="none"/>
<path class="iconic-media-pause-line iconic-media-pause-line-right iconic-property-stroke" d="M46 0v64" stroke="#000" stroke-width="12" stroke-miterlimit="10" fill="none"/>
</g>
</g>
<g data-width="64" data-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(32 32)">
<g class="iconic-media-record" display="none">
<circle cx="32" cy="32" r="32" class="iconic-property-fill"/>
</g>
</g>
<g data-width="64" data-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(32 32)">
<g class="iconic-media-stop" display="none">
<path d="M62.5 64h-61c-.8 0-1.5-.7-1.5-1.5v-61c0-.8.7-1.5 1.5-1.5h61c.8 0 1.5.7 1.5 1.5v61c0 .8-.7 1.5-1.5 1.5z" class="iconic-property-fill"/>
</g>
</g>
<g data-width="16" data-height="16" class="iconic-md iconic-container" display="none" transform="scale(4) translate(8 8)">
<g class="iconic-media-play">
<path d="M15.6 8.2l-15.2 7.6c-.2.1-.4 0-.4-.3v-15c0-.3.2-.4.4-.3l15.1 7.6c.3.1.3.3.1.4z" class="iconic-property-fill"/>
</g>
</g>
<g data-width="15" data-height="16" class="iconic-md iconic-container" display="none" transform="scale(4) translate(9 8)">
<g class="iconic-media-pause" display="none">
<path class="iconic-media-pause-line iconic-media-pause-line-left iconic-property-stroke" d="M2.5 0v16" stroke="#000" stroke-width="5" stroke-miterlimit="10" fill="none"/>
<path class="iconic-media-pause-line iconic-media-pause-line-right iconic-property-stroke" d="M12.5 0v16" stroke="#000" stroke-width="5" stroke-miterlimit="10" fill="none"/>
</g>
</g>
<g data-width="16" data-height="16" class="iconic-md iconic-container" display="none" transform="scale(4) translate(8 8)">
<g class="iconic-media-record" display="none">
<circle cx="8" cy="8" r="8" class="iconic-property-fill"/>
</g>
</g>
<g data-width="16" data-height="16" class="iconic-md iconic-container" display="none" transform="scale(4) translate(8 8)">
<g class="iconic-media-stop" display="none">
<path d="M15.5 16h-15c-.3 0-.5-.2-.5-.5v-15c0-.3.2-.5.5-.5h15c.3 0 .5.2.5.5v15c0 .3-.2.5-.5.5z" class="iconic-property-fill"/>
</g>
</g>
<g data-width="8" data-height="8" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(4 4)">
<g class="iconic-media-play">
<path class="iconic-property-fill" d="M8 4l-8 4v-8z"/>
</g>
</g>
<g data-width="8" data-height="8" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(4 4)">
<g class="iconic-media-pause" display="none">
<path class="iconic-media-pause-line iconic-media-pause-line-left iconic-property-stroke" d="M1.5 0v8" stroke="#000" stroke-width="3" stroke-miterlimit="10" fill="none"/>
<path class="iconic-media-pause-line iconic-media-pause-line-right iconic-property-stroke" d="M7.5 0v8" stroke="#000" stroke-width="3" stroke-miterlimit="10" fill="none"/>
</g>
</g>
<g data-width="8" data-height="8" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(4 4)">
<g class="iconic-media-record" display="none">
<circle cx="4" cy="4" r="4" class="iconic-property-fill"/>
</g>
</g>
<g data-width="9" data-height="8" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(3 4)">
<g class="iconic-media-stop" display="none">
<path class="iconic-property-fill" d="M0 0h8v8h-8z"/>
</g>
</g>
<script class="iconic-api" type="application/ecmascript">
//<![CDATA[
var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["media"]=iconicApis["media"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,n=t.querySelectorAll(".iconic-media-play"),a=t.querySelectorAll(".iconic-media-pause"),c=t.querySelectorAll(".iconic-media-record"),o=t.querySelectorAll(".iconic-media-stop");switch(i=r=record=stop="none",e){case"pause":i="inline";break;case"record":record="inline";break;case"stop":stop="inline";break;default:r="inline"}for(var s=0;s<n.length;s++)n[s].setAttribute("display",r),a[s].setAttribute("display",i),o[s].setAttribute("display",stop),c[s].setAttribute("display",record)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
//]]>
</script>
</svg>