web_editor/static/image_shapes/devices/imac_front.svg

88 lines
6.4 KiB
XML
Raw Permalink Normal View History

2024-05-03 12:47:49 +03:00
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="3070" height="2586" viewBox="0 0 3070 2586" data-forced-size="true">
<style>
.source {
width: calc(100% - 143px);
height: 64%;
}
.overlay { mix-blend-mode: soft-light; }
.mask_preview { clip-path: polygon(2% 1.5%, 99% 1.5%, 99% 70%, 1.5% 70%); }
</style>
<defs>
<linearGradient id="gradient_01" x1="1171.82" y1="22.91" x2="1536.1" y2="22.91" gradientTransform="matrix(1, 0, 0, -1, 0, 2586)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff" stop-opacity="0.56"/>
<stop offset="0.06" stop-color="#171717" stop-opacity="0.88"/>
<stop offset="0.09" stop-color="#fff" stop-opacity="0.54"/>
<stop offset="0.16" stop-color="#959595" stop-opacity="0.3"/>
<stop offset="0.38" stop-color="#fff" stop-opacity="0.1"/>
<stop offset="1" stop-color="#b1c9dc" stop-opacity="0"/>
<stop offset="1" stop-color="#fff" stop-opacity="0"/>
</linearGradient>
<linearGradient id="gradient_02" x1="1900.37" y1="22.91" x2="1536.1" y2="22.91" xlink:href="#gradient_01"/>
<linearGradient id="gradient_03" x1="1180.6" y1="4.26" x2="1279.35" y2="4.26" gradientTransform="matrix(1, 0, 0, -1, 0, 2586)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-opacity="0"/>
<stop offset="1" stop-opacity="0.12"/>
</linearGradient>
<linearGradient id="gradient_04" x1="1891.59" y1="4.26" x2="1792.84" y2="4.26" xlink:href="#gradient_03"/>
<linearGradient id="gradient_05" x1="1536.09" y1="479.35" x2="1536.09" y2="38.27" gradientTransform="matrix(1, 0, 0, -1, 0, 2586)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-opacity="0.62"/>
<stop offset="1" stop-color="#c4c4c4" stop-opacity="0"/>
</linearGradient>
<radialGradient id="gradient_06" cx="1129.79" cy="1605.77" r="1" gradientTransform="matrix(0, 187.62, 509.76, 0, -817018.14, -209446.13)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-opacity="0.57"/>
<stop offset="1" stop-opacity="0"/>
</radialGradient>
<linearGradient id="gradient_07" x1="1536.09" y1="72.29" x2="1536.09" y2="43.76" gradientTransform="matrix(1, 0, 0, -1, 0, 2586)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff" stop-opacity="0"/>
<stop offset="0.52" stop-color="#fff" stop-opacity="0.48"/>
<stop offset="1" stop-color="#fff" stop-opacity="0"/>
</linearGradient>
<linearGradient id="gradient_08" x1="1536.09" y1="51.44" x2="1536.09" y2="28.4" gradientTransform="matrix(1, 0, 0, -1, 0, 2586)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-opacity="0"/>
<stop offset="0.46"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="gradient_09" x1="3.56" y1="1947.55" x2="3063.64" y2="1947.55" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#8b8b8b"/>
<stop offset="0.35" stop-color="#989898"/>
<stop offset="1" stop-color="#a0a0a0"/>
</linearGradient>
<linearGradient id="gradient_10" x1="-4.06" y1="2579.04" x2="3065.94" y2="790.58" gradientTransform="matrix(1, 0, 0, -1, 0, 2586)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#e7e8ea"/>
<stop offset="1" stop-color="#eeeff1"/>
</linearGradient>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M1,1H0V0H1Z"/>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<g class="mask_preview">
<use xlink:href="#filterPath" fill="darkgrey"/>
</g>
</svg>
<image xlink:href="" clip-path="url(#clip-path)" preserveAspectRatio="xMidYMin slice" class="source" x="72" y="67">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<g>
<path d="M1171.82,2578.45h728.55v-30.72H1171.82Z" fill="#cccdcf"/>
<path d="M1536.1,2578.45H1171.82v-30.72H1536.1Z" fill="url(#gradient_01)"/>
<path d="M1536.1,2578.45h364.27v-30.72H1536.1Z" fill="url(#gradient_02)"/>
<path d="M1180.6,2578.45a6.59,6.59,0,0,0,6.58,6.58h85.59a6.59,6.59,0,0,0,6.58-6.58H1180.6Z" fill="#cccdcf"/>
<path d="M1279.35,2578.45a6.59,6.59,0,0,1-6.58,6.58h-85.59a6.59,6.59,0,0,1-6.58-6.58h98.75Z" fill="url(#gradient_03)"/>
<path d="M1891.59,2578.45A6.58,6.58,0,0,1,1885,2585h-85.58a6.59,6.59,0,0,1-6.59-6.58h98.75Z" fill="#cccdcf"/>
<path d="M1792.84,2578.45a6.59,6.59,0,0,0,6.59,6.58H1885a6.58,6.58,0,0,0,6.58-6.58h-98.75Z" fill="url(#gradient_04)"/>
<path d="M1171.82,2106.65h728.55v441.08H1171.82Z" fill="#cccdcf"/>
<path d="M1171.82,2106.65h728.55v441.08H1171.82Z" fill="url(#gradient_05)"/>
<path d="M1171.82,2106.65h728.55v441.08H1171.82Z" fill="url(#gradient_06)"/>
<path d="M1171.82,2106.65h728.55v441.08H1171.82Z" fill="url(#gradient_07)"/>
<path d="M1171.82,2106.65h728.55v441.08H1171.82Z" fill="url(#gradient_08)"/>
<path d="M3070,2062.76a43.89,43.89,0,0,1-43.89,43.89H43.89A43.89,43.89,0,0,1,0,2062.76v-274.3H3070Z" fill="#cccdcf"/>
<path d="M3070,2062.76a43.89,43.89,0,0,1-43.89,43.89H43.89A43.89,43.89,0,0,1,0,2062.76v-274.3H3070Z" fill="url(#gradient_09)"/>
<path d="M3026.11,0H43.89A43.89,43.89,0,0,0,0,43.89H0V1788.46H3070V43.89A43.89,43.89,0,0,0,3026.11,0Zm-28.53,1720.43H72.42V65.83H2997.58Z" fill="url(#gradient_10)"/>
<path d="M2993.2,70.22H76.8V1716H2993.2ZM72.42,65.83v1654.6H2997.58V65.83Z" fill-rule="evenodd"/>
<path d="M1547.07,31.82A12.07,12.07,0,1,1,1535,19.75,12.07,12.07,0,0,1,1547.07,31.82Z"/>
<path d="M0,1788.46v274.3a43.89,43.89,0,0,0,43.89,43.89H1171.82v471.8h8.78a6.59,6.59,0,0,0,6.58,6.58h85.59a6.59,6.59,0,0,0,6.58-6.58h513.49a6.59,6.59,0,0,0,6.59,6.58H1885a6.58,6.58,0,0,0,6.58-6.58h8.78v-471.8H3026.11a43.89,43.89,0,0,0,43.89-43.89v-274.3Z" fill="#fff" opacity="0.4"/>
<path d="M0,1788.46v274.3a43.89,43.89,0,0,0,43.89,43.89H1171.82v471.8h8.78a6.59,6.59,0,0,0,6.58,6.58h85.59a6.59,6.59,0,0,0,6.58-6.58h513.49a6.59,6.59,0,0,0,6.59,6.58H1885a6.58,6.58,0,0,0,6.58-6.58h8.78v-471.8H3026.11a43.89,43.89,0,0,0,43.89-43.89v-274.3Z" fill="#F6F6F6" class="overlay"/>
</g>
</svg>