web_editor/static/image_shapes/devices/iphone_front_landscape.svg

64 lines
7.4 KiB
XML
Raw 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" viewBox="0 0 1376 680" width="1376" height="680" data-forced-size="true">
<style>
image {
width: calc(100% - 65px);
height: calc(100% - 72px);
}
</style>
<defs>
<linearGradient id="linear-gradient" x1="775.49" y1="713.66" x2="775.49" y2="662.42" gradientTransform="translate(1762.48 -773.02) rotate(90)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#2b2b2b"/>
<stop offset="0.03" stop-color="#858585"/>
<stop offset="0.05" stop-color="#bfbfbf"/>
<stop offset="0.15" stop-color="#8c8c8c"/>
<stop offset="0.85" stop-color="#8c8c8c"/>
<stop offset="0.95" stop-color="#bfbfbf"/>
<stop offset="0.97" stop-color="#858585"/>
<stop offset="1" stop-color="#2b2b2b"/>
</linearGradient>
<linearGradient id="linear-gradient-2" x1="775.49" y1="865.98" x2="775.49" y2="762.04" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-3" x1="775.49" y1="997.26" x2="775.49" y2="893.32" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-4" x1="-7451.36" y1="11306.59" x2="-7451.36" y2="11142.31" gradientTransform="translate(-10340.3 -6773.82) rotate(-90)" xlink:href="#linear-gradient"/>
<radialGradient id="radial-gradient" cx="1022.22" cy="438.41" r="7.92" gradientTransform="translate(1762.48 -773.02) rotate(90)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#658088"/>
<stop offset="0.07" stop-color="#4f6571"/>
<stop offset="0.16" stop-color="#374756"/>
<stop offset="0.27" stop-color="#232d40"/>
<stop offset="0.39" stop-color="#131a2f"/>
<stop offset="0.52" stop-color="#080c23"/>
<stop offset="0.69" stop-color="#02041c"/>
<stop offset="1" stop-color="#00021a"/>
</radialGradient>
<path id="filterPath" d="M0.9755,0.054V0.9464H0.024V0.054Z"/>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" preserveAspectRatio="xMidYMin slice" x="32" y="36">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<g id="device">
<path d="M1376,570.58V109.42A104.56,104.56,0,0,0,1271.6,4.93H104.4A104.56,104.56,0,0,0,0,109.42V570.58A104.56,104.56,0,0,0,104.4,675.07H1271.6A104.56,104.56,0,0,0,1376,570.58ZM121.18,649.76c-39.94,0-97.62-2.35-97.62-91.69V120.66c0-89.34,57.68-91.7,97.62-91.7H1263.34c61.08,0,86.13,30.57,86.13,82.29V214.76c0,8.88-8.09,8.62-8.09,8.62h-5.75c-23,0-35.53,20.64-35.53,31.61V422.64c0,11,12.57,31.61,35.53,31.61h5.75s8.09-.27,8.09,8.62V567.48c0,51.72-25,82.28-86.13,82.28Z" fill="#707070"/>
<path d="M1373.91,570.58V109.42A102.48,102.48,0,0,0,1271.6,7H104.4A102.48,102.48,0,0,0,2.09,109.42V570.58A102.48,102.48,0,0,0,104.4,673H1271.6A102.48,102.48,0,0,0,1373.91,570.58ZM121.18,649.76c-39.94,0-97.62-2.35-97.62-91.69V120.66c0-89.34,57.68-91.7,97.62-91.7H1263.34c61.08,0,86.13,30.57,86.13,82.29V214.76c0,8.88-8.09,8.62-8.09,8.62h-5.75c-23,0-35.53,20.64-35.53,31.61V422.64c0,11,12.57,31.61,35.53,31.61h5.75s8.09-.27,8.09,8.62V567.48c0,51.72-25,82.28-86.13,82.28Z" fill="#969696"/>
<path d="M1371.82,570.58V109.42A100.38,100.38,0,0,0,1271.6,9.11H104.4A100.38,100.38,0,0,0,4.18,109.42V570.58A100.38,100.38,0,0,0,104.4,670.89H1271.6A100.38,100.38,0,0,0,1371.82,570.58ZM121.18,649.76c-39.94,0-97.62-2.35-97.62-91.69V120.66c0-89.34,57.68-91.7,97.62-91.7H1263.34c61.08,0,86.13,30.57,86.13,82.29V214.76c0,8.88-8.09,8.62-8.09,8.62h-5.75c-23,0-35.53,20.64-35.53,31.61V422.64c0,11,12.57,31.61,35.53,31.61h5.75s8.09-.27,8.09,8.62V567.48c0,51.72-25,82.28-86.13,82.28Z" fill="#c1c1c1"/>
<path d="M1369.74,570.58V109.42A98.29,98.29,0,0,0,1271.6,11.2H104.4A98.29,98.29,0,0,0,6.26,109.42V570.58A98.29,98.29,0,0,0,104.4,668.8H1271.6A98.29,98.29,0,0,0,1369.74,570.58ZM121.18,649.76c-39.94,0-97.62-2.35-97.62-91.69V120.66c0-89.34,57.68-91.7,97.62-91.7H1263.34c61.08,0,86.13,30.57,86.13,82.29V214.76c0,8.88-8.09,8.62-8.09,8.62h-5.75c-23,0-35.53,20.64-35.53,31.61V422.64c0,11,12.57,31.61,35.53,31.61h5.75s8.09-.27,8.09,8.62V567.48c0,51.72-25,82.28-86.13,82.28Z" fill="#969696"/>
<path d="M1367.65,570.58V109.42a96.2,96.2,0,0,0-96.05-96.13H104.4A96.2,96.2,0,0,0,8.35,109.42V570.58a96.2,96.2,0,0,0,96.05,96.13H1271.6A96.2,96.2,0,0,0,1367.65,570.58ZM121.18,649.76c-39.94,0-97.62-2.35-97.62-91.69V120.66c0-89.34,57.68-91.7,97.62-91.7H1263.34c61.08,0,86.13,30.57,86.13,82.29V214.76c0,8.88-8.09,8.62-8.09,8.62h-5.75c-23,0-35.53,20.64-35.53,31.61V422.64c0,11,12.57,31.61,35.53,31.61h5.75s8.09-.27,8.09,8.62V567.48c0,51.72-25,82.28-86.13,82.28Z" fill="#707070"/>
<path d="M1365.56,570.58V109.42a94,94,0,0,0-94-94H104.4a94,94,0,0,0-94,94V570.58a94,94,0,0,0,94,94H1271.6A94,94,0,0,0,1365.56,570.58ZM33.06,551.86V128.4c0-89.33,57.68-91.69,97.62-91.69l1125.43.53c61.08,0,86.13,30.56,86.13,82.29v85.05c0,8.88-8.09,8.62-8.09,8.62h-5.75c-23,0-35.53,20.64-35.53,31.61V433.9c0,11,12.57,31.61,35.53,31.61h5.75s8.09-.26,8.09,8.62v86.61c0,51.72-25,82.29-86.13,82.29l-1125.43.52C90.74,643.55,33.06,641.2,33.06,551.86Z"/>
<g id="details">
<path d="M1100.06,4.93V2.09A2.1,2.1,0,0,0,1098,0h-47.06a2.1,2.1,0,0,0-2.09,2.09V4.93Z" fill="url(#linear-gradient)"/>
<path d="M1000.45,4.93V2.09A2.1,2.1,0,0,0,998.36,0H898.6a2.09,2.09,0,0,0-2.09,2.09V4.93Z" fill="url(#linear-gradient-2)"/>
<path d="M869.16,4.93V2.09A2.09,2.09,0,0,0,867.08,0H767.31a2.1,2.1,0,0,0-2.09,2.09V4.93Z" fill="url(#linear-gradient-3)"/>
<path d="M802,675.07v2.84a2.09,2.09,0,0,0,2.08,2.09H964.2a2.1,2.1,0,0,0,2.09-2.09v-2.84Z" fill="url(#linear-gradient-4)"/>
<rect x="1223.58" y="664.62" width="14.96" height="10.45" fill="#fff" opacity="0.3"/>
<rect x="1365.56" y="528.09" width="10.44" height="14.98" fill="#fff" opacity="0.3"/>
<rect x="1223.79" y="4.93" width="14.22" height="10.45" fill="#fff" opacity="0.3"/>
<rect x="137.23" y="4.93" width="14.27" height="10.45" fill="#fff" opacity="0.3"/>
<rect y="137.29" width="10.44" height="15.33" fill="#fff" opacity="0.3"/>
<rect x="136.42" y="664.62" width="15.31" height="10.45" fill="#fff" opacity="0.3"/>
<path d="M1324.07,260.41a11.21,11.21,0,1,1,11.2-11.21A11.2,11.2,0,0,1,1324.07,260.41Z" fill="#1a1a1c"/>
<circle cx="1324.07" cy="249.2" r="7.92" fill="url(#radial-gradient)"/>
</g>
<path d="M966.29,677.91v-2.83H1271.6A104.57,104.57,0,0,0,1376,570.58V109.42A104.56,104.56,0,0,0,1271.6,4.93H1100.06V2.09A2.1,2.1,0,0,0,1098,0h-47.06a2.1,2.1,0,0,0-2.09,2.09V4.93h-48.37V2.09A2.1,2.1,0,0,0,998.36,0H898.6a2.09,2.09,0,0,0-2.09,2.09V4.93H869.16V2.09A2.09,2.09,0,0,0,867.08,0H767.31a2.1,2.1,0,0,0-2.09,2.09V4.93H104.4A104.56,104.56,0,0,0,0,109.42V570.58a104.57,104.57,0,0,0,104.4,104.5H802v2.83a2.08,2.08,0,0,0,2.08,2.09H964.2A2.09,2.09,0,0,0,966.29,677.91Zm369-428.71a11.2,11.2,0,1,1-11.2-11.21A11.2,11.2,0,0,1,1335.27,249.2ZM121.18,649.76c-39.94,0-97.62-2.35-97.62-91.69V120.66c0-89.34,57.68-91.7,97.62-91.7H1263.34c61.08,0,86.13,30.57,86.13,82.29V214.76c0,8.88-8.09,8.62-8.09,8.62h-5.75c-23,0-35.53,20.64-35.53,31.61V422.64c0,11,12.57,31.61,35.53,31.61h5.75s8.09-.27,8.09,8.62V567.48c0,51.72-25,82.28-86.13,82.28Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
</svg>