web_editor/static/image_shapes/devices/imac_3d_02.svg

79 lines
8.6 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" xmlns:xhtml="http://www.w3.org/1999/xhtml" viewBox="0 0 985 975" data-forced-size="true" width="985" height="975" data-img-aspect-ratio="16:9" data-img-perspective="[[7.64, 4.51], [95.39, 3.23], [89.69, 69.2], [3.02, 59.64]]">
<defs>
<linearGradient id="gradient_01" x1="676.83" y1="1005.41" x2="646.66" y2="748.99" gradientTransform="matrix(-0.63, 0.1, 0, 1, 854.33, -35.1)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#a5a5a5"/>
<stop offset="0.33" stop-color="#a3a3a3"/>
<stop offset="0.58" stop-color="#3f3f3f"/>
<stop offset="0.84" stop-color="#6a6a6a"/>
</linearGradient>
<linearGradient id="gradient_02" x1="578.98" y1="722.99" x2="636.72" y2="1011.48" gradientTransform="matrix(-0.63, 0.1, 0, 1, 854.33, -35.1)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#5c5c5c"/>
<stop offset="0.43" stop-color="#494949"/>
<stop offset="0.5" stop-color="#6d6d6d"/>
<stop offset="0.53" stop-color="#878787"/>
<stop offset="0.54" stop-color="#303030"/>
<stop offset="0.59" stop-color="#575757"/>
<stop offset="0.67" stop-color="#686868"/>
<stop offset="0.84" stop-color="#6a6a6a"/>
</linearGradient>
<linearGradient id="gradient_03" x1="372.53" y1="855.95" x2="953.47" y2="855.95" gradientTransform="matrix(-0.63, 0.1, 0, 1, 854.33, -35.1)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#737373"/>
<stop offset="0.34" stop-color="#7e7e7e"/>
<stop offset="0.41" stop-color="#b0b0b0"/>
<stop offset="0.47" stop-color="#787878"/>
<stop offset="0.64" stop-color="#929292"/>
<stop offset="1" stop-color="#9c9c9c"/>
</linearGradient>
<linearGradient id="gradient_04" x1="561.23" y1="881.13" x2="750.64" y2="587.1" gradientTransform="matrix(-0.63, 0.1, 0, 1, 854.33, -35.1)" gradientUnits="userSpaceOnUse">
<stop offset="0.39" stop-color="#fff" stop-opacity="0"/>
<stop offset="0.67" stop-color="#fff"/>
</linearGradient>
<linearGradient id="gradient_05" x1="681.31" y1="1044.74" x2="903.28" y2="724.17" gradientTransform="matrix(-0.63, 0.1, 0, 1, 854.33, -35.1)" gradientUnits="userSpaceOnUse">
<stop offset="0.4" stop-color="#fff" stop-opacity="0"/>
<stop offset="0.43" stop-color="#fff" stop-opacity="0.03"/>
<stop offset="0.47" stop-color="#fff" stop-opacity="0.12"/>
<stop offset="0.52" stop-color="#fff" stop-opacity="0.26"/>
<stop offset="0.56" stop-color="#fff" stop-opacity="0.37"/>
</linearGradient>
<linearGradient id="gradient_06" x1="126.17" y1="742.22" x2="858.23" y2="-31.58" gradientTransform="matrix(-1, 0, 0, 1, 985, 0)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#e8e9eb"/>
<stop offset="1" stop-color="#eff0f2"/>
</linearGradient>
<linearGradient id="gradient_07" x1="137.8" y1="851.18" x2="932.45" y2="550.64" gradientTransform="matrix(-1, 0, 0, 1, 985, 0)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#8c8c8c"/>
<stop offset="0.35" stop-color="#999"/>
<stop offset="1" stop-color="#a1a1a1"/>
</linearGradient>
<linearGradient id="gradient_08" x1="632.65" y1="382.57" x2="1309.3" y2="-287.07" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff" stop-opacity="0.5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<clipPath id="screen_path">
<polygon points="75.35 44.04 939.6 31.58 883.48 674.71 29.77 581.56"/>
</clipPath>
<path id="filterPath" d="M0.8969,0.692,0.0302,0.5965,0.0765,0.0451,0.9539,0.0324Z"/>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#screen_path)" preserveAspectRatio="none" width="100%" height="100%">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<g id="device">
<path d="M279,909.62c-16.1,4.34-23.46,4.21-23.06,13.29s-2.16,13.75,6.67,15.28S453.49,973,461.6,974s19.3,2.28,30.82-1.86,116.25-43.47,121.92-45.69,6.36-7.52,6.07-12.79.78-4.88-6-7.89-218.21-33.6-218.21-33.6Z" fill="url(#gradient_01)"/>
<polygon points="357.83 737.41 378.54 877.8 604.45 913.02 590.2 778.76 357.83 737.41" fill="url(#gradient_02)"/>
<line x1="617.68" y1="906.79" x2="393.01" y2="871.72" fill="none"/>
<path d="M255.92,922.91a11.42,11.42,0,0,1,.2-2.9c8,1.52,191.93,34.66,204.09,36.8,12.66,2.24,17.57,1.46,28.41-1.62,7.33-2.08,67.78-24.55,105.24-38.54L579.43,770.2l10.77,8.56L604,912.87l14.21-5.32c2.56,1.4,2.18,2.16,2.24,6.11.13,8.93,1,10-6.07,12.79-5.66,2.27-110.45,41.58-121.92,45.69S469.69,975,461.6,974s-190.21-34.29-199-35.81S256.32,932,255.92,922.91Z" fill="url(#gradient_03)"/>
<polygon points="374.36 849.46 357.83 737.41 550.54 771.53 374.36 849.46" opacity="0.39" fill="url(#gradient_04)"/>
<path d="M460.21,956.81c-12.16-2.14-196-35.28-204.09-36.8,1.31-6.21,8.71-6.57,22.86-10.39l99.47-31.79,89.15,80C465.41,957.65,463,957.31,460.21,956.81Z" fill="url(#gradient_05)"/>
<polygon points="75.35 44.04 29.77 581.56 883.48 674.71 939.6 31.58 75.35 44.04" fill="none" stroke="#4c4c4c" stroke-miterlimit="10" stroke-width="2.2"/>
<path d="M13,704.93C25.2,710.44,749.78,807,861.33,824.79h0c28.83,4.4,53,6.8,55.06-15.43h0c1.85-22.19,67-769.69,68.52-785.06,1.12-11.21-8.56-21.21-23.47-24-14.27-2.69-790.39,16.37-869,15.22h0c-12.83-.06-37.77-3.65-39.72,20.38h0C49.71,73.49.84,674.16.19,683.16-.47,692.33-.06,699,13,704.93ZM29.77,581.56,75.35,44,939.6,31.58,883.48,674.71Z" fill="url(#gradient_06)"/>
<path d="M.19,683.16c.14-2,2.29-28.53,6.28-77.81L913,706.84c-5.15,58.59-9.28,105.45-9.58,109.27-.46,5.86-2.4,9.26-5.16,11-9.83,1.46-22.83-.21-37-2.36h0C749.78,807,25.2,710.44,13,704.93-.06,699-.47,692.33.19,683.16Z" fill="url(#gradient_07)"/>
<path d="M903.45,816.11c1.4-17.85,68.81-778.93,69.63-788.58,0-.56.09-1.11.14-1.67h0c.08-1,.15-2,.18-3,.67-13-1-20.55-12-22.64,14.91,2.82,24.59,12.82,23.47,24-1.53,15.37-66.68,762.9-68.52,785.07-1.07,11.35-7.88,16.27-18.1,17.79C901.05,825.37,903,822,903.45,816.11Z" fill="#2d2d2d"/>
<path d="M469.08,17.76c-1.18,2.7-.52,5.95,1.46,7.26s4.54.18,5.72-2.52.52-5.95-1.46-7.26S470.26,15.06,469.08,17.76Z" fill="#4c4c4c"/>
<path d="M.19,683.16c.14-2,2.29-28.53,6.28-77.81L913,706.84c0,.53-.09,1.06-.14,1.6C931.78,494.14,972.44,35,973.08,27.53c0-.56.09-1.11.14-1.67h0c.08-1,.15-2,.18-3,.67-13-1-20.55-12-22.64,14.91,2.82,24.59,12.82,23.47,24-1.53,15.37-66.68,762.9-68.52,785.07-1.07,11.35-7.88,16.27-18.1,17.79-9.83,1.46-22.83-.21-37-2.36h0c-37.53-6-144.46-20.88-270.3-38.23l12.41,117a98,98,0,0,1,10.92,2.23c1.73.77,2.95,1.31,3.81,1.78h0l.53.31.06,0c1.9,1.2,1.59,2.15,1.65,5.76h0c0,.76.06,1.53,0,2.28.18,6.83.28,7.94-6.1,10.5h0c-5.69,2.28-103.32,38.9-120.38,45.13l-1.52.55C480.9,976.28,469.69,975,461.6,974c-5.9-.72-104-18.56-160.35-28.8l-2.93-.53-.64-.12c-19.19-3.49-32.84-6-35.09-6.36-3.32-.57-5-1.6-5.89-3.13a5.57,5.57,0,0,1-.46-1.09l-.06-.22a18.14,18.14,0,0,1-.29-4.8v-.1c0-.61,0-1.26.05-1.94,0-.27,0-.55,0-.83,0-1,0-2.05,0-3.17h0v-.07c-.36-9,7-8.89,23.06-13.22l99.56-31.82-18.14-123C179.3,729.87,18.71,707.5,13,704.93-.06,699-.47,692.33.19,683.16Z" fill="#FFF" opacity="0.2"/>
<path d="M.19,683.16c.14-2,2.29-28.53,6.28-77.81L913,706.84c0,.53-.09,1.06-.14,1.6C931.78,494.14,972.44,35,973.08,27.53c0-.56.09-1.11.14-1.67h0c.08-1,.15-2,.18-3,.67-13-1-20.55-12-22.64,14.91,2.82,24.59,12.82,23.47,24-1.53,15.37-66.68,762.9-68.52,785.07-1.07,11.35-7.88,16.27-18.1,17.79-9.83,1.46-22.83-.21-37-2.36h0c-37.53-6-144.46-20.88-270.3-38.23l12.41,117a98,98,0,0,1,10.92,2.23c1.73.77,2.95,1.31,3.81,1.78h0l.53.31.06,0c1.9,1.2,1.59,2.15,1.65,5.76h0c0,.76.06,1.53,0,2.28.18,6.83.28,7.94-6.1,10.5h0c-5.69,2.28-103.32,38.9-120.38,45.13l-1.52.55C480.9,976.28,469.69,975,461.6,974c-5.9-.72-104-18.56-160.35-28.8l-2.93-.53-.64-.12c-19.19-3.49-32.84-6-35.09-6.36-3.32-.57-5-1.6-5.89-3.13a5.57,5.57,0,0,1-.46-1.09l-.06-.22a18.14,18.14,0,0,1-.29-4.8v-.1c0-.61,0-1.26.05-1.94,0-.27,0-.55,0-.83,0-1,0-2.05,0-3.17h0v-.07c-.36-9,7-8.89,23.06-13.22l99.56-31.82-18.14-123C179.3,729.87,18.71,707.5,13,704.93-.06,699-.47,692.33.19,683.16Z" fill="#F6F6F6" style="mix-blend-mode: soft-light"/>
<polygon points="645.05 648.7 883.48 674.71 939.6 31.58 433.92 38.87 645.05 648.7" opacity="0.25" fill="url(#gradient_08)"/>
</g>
</svg>