web_editor/static/image_shapes/devices/imac_3d_01.svg

79 lines
8.5 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="[[4.6, 3.23], [92.35, 4.51], [96.97, 59.64], [10.3, 69.2]]">
<defs>
<linearGradient id="gradient_01" x1="44.61" y1="1175.21" x2="14.45" y2="918.79" gradientTransform="matrix(0.63, 0.1, 0, 1, 527.49, -141.68)" 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="-53.24" y1="892.8" x2="4.5" y2="1181.29" gradientTransform="matrix(0.63, 0.1, 0, 1, 527.49, -141.68)" 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="-259.69" y1="1025.75" x2="321.26" y2="1025.75" gradientTransform="matrix(0.63, 0.1, 0, 1, 527.49, -141.68)" 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="-70.99" y1="1050.94" x2="118.42" y2="756.91" gradientTransform="matrix(0.63, 0.1, 0, 1, 527.49, -141.68)" 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="49.09" y1="1214.54" x2="271.06" y2="893.98" gradientTransform="matrix(0.63, 0.1, 0, 1, 527.49, -141.68)" 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" 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" 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="538.77" y1="522.38" x2="1411.87" y2="-341.68" 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="45.4 31.58 909.65 44.04 955.23 581.56 101.52 674.71 45.4 31.58"/>
</clipPath>
<path id="filterPath" d="M0.0461,0.0324,0.9235,0.0451l0.0463,0.5513L0.1031,0.692Z"/>
</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="M706,909.62c16.1,4.34,23.46,4.21,23.06,13.29s2.16,13.75-6.67,15.28S531.51,973,523.4,974s-19.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.05-7.89,218.21-33.6,218.21-33.6Z" fill="url(#gradient_01)"/>
<polygon points="627.17 737.41 606.46 877.8 380.55 913.02 394.8 778.76 627.17 737.41" fill="url(#gradient_02)"/>
<line x1="367.32" y1="906.79" x2="591.99" y2="871.72" fill="none"/>
<path d="M729.08,922.91a11.42,11.42,0,0,0-.2-2.9c-8,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.54L405.57,770.2l-10.77,8.56L381,912.87l-14.21-5.32c-2.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.69S515.31,975,523.4,974s190.21-34.29,199-35.81S728.68,932,729.08,922.91Z" fill="url(#gradient_03)"/>
<polygon points="610.64 849.46 627.17 737.41 434.46 771.53 610.64 849.46" opacity="0.39" fill="url(#gradient_04)"/>
<path d="M524.79,956.81C537,954.67,720.84,921.53,728.88,920c-1.31-6.21-8.71-6.57-22.86-10.39l-99.47-31.79-89.15,80C519.59,957.65,522,957.31,524.79,956.81Z" fill="url(#gradient_05)"/>
<polygon points="909.65 44.04 955.23 581.56 101.52 674.71 45.4 31.58 909.65 44.04" fill="none" stroke="#4c4c4c" stroke-miterlimit="10" stroke-width="2.2"/>
<path d="M984.81,683.16c-.65-9-49.52-609.67-52.54-647.3h0c-1.95-24-26.89-20.44-39.72-20.38h0C814,16.63,37.83-2.43,23.56.26,8.65,3.08-1,13.08.09,24.29,1.62,39.66,66.76,787.16,68.61,809.35h0c2.09,22.23,26.23,19.83,55.06,15.43h0C235.22,807,959.8,710.44,972,704.93,985.06,699,985.47,692.33,984.81,683.16Zm-883.29-8.45L45.4,31.58,909.65,44l45.58,537.52Z" fill="url(#gradient_06)"/>
<path d="M984.81,683.16c-.14-2-2.29-28.53-6.28-77.81L72,706.84c5.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.36h0C235.22,807,959.8,710.44,972,704.93,985.06,699,985.47,692.33,984.81,683.16Z" fill="url(#gradient_07)"/>
<path d="M81.55,816.11C80.15,798.26,12.74,37.18,11.92,27.53c0-.56-.09-1.11-.14-1.67h0c-.08-1-.15-2-.18-3-.67-13,1.05-20.55,12-22.64C8.65,3.08-1,13.08.09,24.29c1.53,15.37,66.68,762.9,68.52,785.07,1.07,11.35,7.88,16.27,18.1,17.79C84,825.37,82,822,81.55,816.11Z" fill="#2d2d2d"/>
<path d="M515.92,17.76c1.18,2.7.52,5.95-1.46,7.26s-4.54.18-5.72-2.52-.52-5.95,1.46-7.26S514.74,15.06,515.92,17.76Z" fill="#4c4c4c"/>
<path d="M984.81,683.16c-.14-2-2.29-28.53-6.28-77.81L72,706.84c0,.53.09,1.06.14,1.6C53.22,494.14,12.56,35,11.92,27.53c0-.56-.09-1.11-.14-1.67h0c-.08-1-.15-2-.18-3-.67-13,1.05-20.55,12-22.64C8.65,3.08-1,13.08.09,24.29c1.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.36h0c37.53-6,144.46-20.88,270.3-38.23l-12.41,117a98,98,0,0,0-10.92,2.23c-1.73.77-2.95,1.31-3.81,1.78h0l-.53.31-.06,0c-1.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.5h0c5.69,2.28,103.32,38.9,120.38,45.13l1.52.55c11.52,4.14,22.73,2.85,30.82,1.86,5.9-.72,104-18.56,160.35-28.8l2.93-.53.64-.12c19.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,0,.46-1.09l.06-.22a18.14,18.14,0,0,0,.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.22L606.46,877.8l18.14-123c181.1-25,341.69-47.32,347.36-49.89C985.06,699,985.47,692.33,984.81,683.16Z" fill="#FFF" opacity="0.2"/>
<path d="M984.81,683.16c-.14-2-2.29-28.53-6.28-77.81L72,706.84c0,.53.09,1.06.14,1.6C53.22,494.14,12.56,35,11.92,27.53c0-.56-.09-1.11-.14-1.67h0c-.08-1-.15-2-.18-3-.67-13,1.05-20.55,12-22.64C8.65,3.08-1,13.08.09,24.29c1.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.36h0c37.53-6,144.46-20.88,270.3-38.23l-12.41,117a98,98,0,0,0-10.92,2.23c-1.73.77-2.95,1.31-3.81,1.78h0l-.53.31-.06,0c-1.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.5h0c5.69,2.28,103.32,38.9,120.38,45.13l1.52.55c11.52,4.14,22.73,2.85,30.82,1.86,5.9-.72,104-18.56,160.35-28.8l2.93-.53.64-.12c19.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,0,.46-1.09l.06-.22a18.14,18.14,0,0,0,.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.22L606.46,877.8l18.14-123c181.1-25,341.69-47.32,347.36-49.89C985.06,699,985.47,692.33,984.81,683.16Z" fill="#F6F6F6" style="mix-blend-mode: soft-light"/>
<polygon points="339.95 648.7 955.23 581.56 909.65 44.04 551.08 38.87 339.95 648.7" opacity="0.25" fill="url(#gradient_08)"/>
</g>
</svg>