web_editor/static/image_shapes/devices/macbook_3d_01.svg

179 lines
16 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" xmlns:xhtml="http://www.w3.org/1999/xhtml" viewBox="0 0 1150 612" data-forced-size="true" width="1150" height="612" data-img-aspect-ratio="16:10" data-img-perspective="[[1.63, 4.46], [45.65, 15.04], [55.03, 89.01], [11.08, 88.4]]">
<defs>
<linearGradient id="gradient_01" x1="1025.31" y1="604.5" x2="1085.34" y2="604.5" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#575759"/>
<stop offset="0.29" stop-color="#cbccd1"/>
<stop offset="0.47" stop-color="#d0d1d6"/>
<stop offset="0.71" stop-color="#cbccd1"/>
<stop offset="1" stop-color="#575759"/>
</linearGradient>
<linearGradient id="gradient_01-2" x1="648.75" y1="609" x2="709.9" y2="609" xlink:href="#gradient_01"/>
<linearGradient id="gradient_01-3" x1="215.5" y1="606" x2="276.66" y2="606" xlink:href="#gradient_01"/>
<linearGradient id="gradient_02" x1="12.39" y1="0.67" x2="141.07" y2="598.12" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#8a8a8a"/>
<stop offset="0.01" stop-color="#121212"/>
<stop offset="0.01" stop-color="#3a3330"/>
<stop offset="0.01" stop-color="#575757"/>
<stop offset="0.07" stop-color="#8a8a8a"/>
<stop offset="0.48" stop-color="#a1a1a1"/>
<stop offset="0.51" stop-color="#8a8a8a"/>
<stop offset="0.56" stop-color="#787878"/>
<stop offset="0.87" stop-color="#646464"/>
<stop offset="0.93" stop-color="#414141"/>
<stop offset="0.97" stop-color="#2c2c2c"/>
<stop offset="0.98"/>
<stop offset="1" stop-color="#646464"/>
</linearGradient>
<linearGradient id="gradient_03" x1="60.05" y1="304.92" x2="68.8" y2="303.1" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#121212"/>
<stop offset="0" stop-color="#0d0d0d"/>
<stop offset="0.06" stop-color="#0e0e0e" stop-opacity="0.83"/>
<stop offset="0.41" stop-color="#111" stop-opacity="0.19"/>
<stop offset="1" stop-color="#121212" stop-opacity="0"/>
</linearGradient>
<linearGradient id="gradient_04" x1="384.52" y1="554.79" x2="384.52" y2="575.15" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#191919"/>
<stop offset="1" stop-color="#080808"/>
</linearGradient>
<linearGradient id="gradient_05" x1="140.65" y1="590.51" x2="1150" y2="590.51" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#a0a1a5"/>
<stop offset="0.01" stop-color="#d3d4d9"/>
<stop offset="0.02" stop-color="#6a6b70"/>
<stop offset="0.03" stop-color="#797a7f"/>
<stop offset="0.04" stop-color="#a8a9ae"/>
<stop offset="0.5" stop-color="#a8a9ae"/>
<stop offset="0.55" stop-color="#d3d4d9"/>
<stop offset="0.57" stop-color="#797a7f"/>
<stop offset="0.59" stop-color="#a8a9ae"/>
<stop offset="0.98" stop-color="#a8a9ae"/>
<stop offset="0.99" stop-color="#d3d4d9"/>
<stop offset="1" stop-color="#a0a1a5"/>
</linearGradient>
<linearGradient id="gradient_06" x1="646.55" y1="571.15" x2="646.55" y2="609.7" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#858688" stop-opacity="0"/>
<stop offset="0.6" stop-color="#737479"/>
<stop offset="0.73" stop-color="#3d3d40"/>
<stop offset="0.85" stop-color="#858688"/>
<stop offset="0.88" stop-color="#7e7f81"/>
<stop offset="0.92" stop-color="#6c6c6f"/>
<stop offset="0.98" stop-color="#4d4d50"/>
<stop offset="1" stop-color="#3d3d40"/>
</linearGradient>
<linearGradient id="gradient_07" x1="902.79" y1="576.9" x2="998.72" y2="576.9" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#575759"/>
<stop offset="0.77" stop-color="#cbccd1"/>
<stop offset="1" stop-color="#cbccd1"/>
</linearGradient>
<linearGradient id="gradient_08" x1="902.79" y1="576.9" x2="998.72" y2="576.9" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#575759"/>
<stop offset="0.1" stop-color="#cbccd1" stop-opacity="0"/>
<stop offset="0.47" stop-color="#d0d1d6" stop-opacity="0"/>
<stop offset="0.9" stop-color="#cbccd1" stop-opacity="0"/>
<stop offset="1" stop-color="#575759"/>
</linearGradient>
<linearGradient id="gradient_09" x1="307.94" y1="582.87" x2="320.52" y2="582.87" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#363636"/>
<stop offset="1"/>
</linearGradient>
<linearGradient id="gradient_10" x1="269.87" y1="582.96" x2="292.51" y2="582.96" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#525252"/>
<stop offset="0.04" stop-color="#4a4a4a"/>
<stop offset="0.17" stop-color="#2f2f2f"/>
<stop offset="0.33" stop-color="#1a1a1a"/>
<stop offset="0.49" stop-color="#0b0b0b"/>
<stop offset="0.69" stop-color="#030303"/>
<stop offset="1"/>
</linearGradient>
<linearGradient id="gradient_11" x1="184.49" y1="570.22" x2="209.04" y2="591.95" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#373738"/>
<stop offset="1" stop-color="#cbccd1"/>
</linearGradient>
<linearGradient id="gradient_10-2" x1="183.14" y1="582.6" x2="213.82" y2="582.6" xlink:href="#gradient_10"/>
<linearGradient id="gradient_12" x1="188.76" y1="582.87" x2="190.69" y2="582.87" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#575759"/>
<stop offset="0.1" stop-color="#cbccd1"/>
<stop offset="0.47" stop-color="#d0d1d6"/>
<stop offset="0.9" stop-color="#cbccd1"/>
<stop offset="1" stop-color="#575759"/>
</linearGradient>
<linearGradient id="gradient_12-2" x1="193.78" y1="582.87" x2="195.72" y2="582.87" xlink:href="#gradient_12"/>
<linearGradient id="gradient_12-3" x1="198.81" y1="582.87" x2="200.74" y2="582.87" xlink:href="#gradient_12"/>
<linearGradient id="gradient_12-4" x1="203.83" y1="582.87" x2="205.77" y2="582.87" xlink:href="#gradient_12"/>
<linearGradient id="gradient_12-5" x1="208.86" y1="582.87" x2="210.79" y2="582.87" xlink:href="#gradient_12"/>
<linearGradient id="gradient_13" x1="501.36" y1="599.14" x2="501.36" y2="603.51" gradientUnits="userSpaceOnUse">
<stop offset="0.46" stop-color="#333"/>
<stop offset="0.59" stop-color="#5f6061"/>
<stop offset="0.78" stop-color="#999a9d"/>
<stop offset="0.93" stop-color="#bdbec3"/>
<stop offset="1" stop-color="#cbccd1"/>
</linearGradient>
<radialGradient id="gradient_14" cx="298.15" cy="54.66" r="2.86" gradientTransform="translate(12.42 -46.54) rotate(9.11)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#164467"/>
<stop offset="0.16" stop-color="#164365"/>
<stop offset="0.26" stop-color="#153e5c"/>
<stop offset="0.34" stop-color="#15354e"/>
<stop offset="0.41" stop-color="#142a3a"/>
<stop offset="0.47" stop-color="#131a20"/>
<stop offset="0.5" stop-color="#121212"/>
<stop offset="1" stop-color="#0d0d0d"/>
</radialGradient>
<linearGradient id="gradient_10-3" x1="233.63" y1="582.96" x2="256.27" y2="582.96" xlink:href="#gradient_10"/>
<linearGradient id="gradient_15" x1="35.1" y1="179.08" x2="357.93" y2="344.18" 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="15.11 23.73 527.29 87.57 636.99 549.99 124.81 546.24 15.11 23.73"/>
</clipPath>
<path id="filterPath" d="M0.0164,0.0446,0.4566,0.1505,0.5504,0.8902l-0.4395-0.0061Z"/>
</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="M1085.34,601.37s-4.64,6.27-7.09,6.27h-49.93c-2.32,0-2.86-4.91-2.86-4.91Z" fill="url(#gradient_01)"/>
<path d="M704.3,612H654.73a3,3,0,0,1-2.33-1.1h0c-1.59-2-5.15-4.9-2.62-4.9H709c2.53,0-.76,2.94-2.36,4.9h0A3,3,0,0,1,704.3,612Z" fill="url(#gradient_01-2)"/>
<path d="M271.05,609H221.48a3,3,0,0,1-2.32-1.1h0c-1.6-2-5.16-4.9-2.63-4.9h59.2c2.53,0-.75,2.94-2.35,4.9h0A3,3,0,0,1,271.05,609Z" fill="url(#gradient_01-3)"/>
<path d="M531.51,88.63c-1.64-6-5.73-16.9-19.1-18.54S33.06.84,27.05.29,12.87-.25,7.14,2.2-1.59,12.56.86,25.11s112.68,531.68,116.5,552.13,20.19,21.26,33,21.26l501.45-15S533.14,94.63,531.51,88.63ZM127.45,541.06S28.58,73.63,18.82,27.31L525.07,92.1,632.91,544.79Z"/>
<path d="M160.32,598.21,154,594.69l-8.82-.69c-8.19-.68-17.05-8.45-19.92-21.4S10.28,30.42,8.5,21.7,4.82,2.34,20.64.29l2-.26C17.46-.12,11.57.31,7.14,2.2,1.41,4.66-1.59,12.56.86,25.11s112.68,531.68,116.5,552.13,20.19,21.26,33,21.26Z" fill="url(#gradient_02)"/>
<path d="M160.32,598.21,154,594.69l-8.82-.69c-8.19-.68-17.05-8.45-19.92-21.4S10.28,30.42,8.5,21.7,4.82,2.34,20.64.29l2-.26C17.46-.12,11.57.31,7.14,2.2,1.41,4.66-1.59,12.56.86,25.11s112.68,531.68,116.5,552.13,20.19,21.26,33,21.26Z" opacity="0.5" fill="url(#gradient_03)"/>
<path d="M145.19,594c-12-1.35-19-13.39-20.77-24.34l-1-4.78L115,526.68C82.37,371.73,42,184.16,9.85,29.29,8.75,22.9,6.48,16.49,7.49,9.94,8.85,2.61,16.1.62,22.68,0,16.26.73,9,2.64,7.73,10c-.91,6.49,1.44,12.89,2.62,19.21C43.75,183.75,83,371.65,116,526.47c.85,3.89,8.86,43.72,9.9,47.86,2.38,9.21,9.26,18.5,19.28,19.67Z" fill="#fff"/>
<path d="M122.54,552.7,642,555.61l4.5,18.76-497.95,3.78H133.46C128.45,578.15,124.82,566.15,122.54,552.7Z" fill="url(#gradient_04)"/>
<path d="M159.65,606.38c-8.55,0-16.55-4.18-16.55-12.91V571.78H1150v18.54c0,5.73-2.32,12.27-16.37,12.27H1029.41c-2.91,0-3.27,3.91-3.27,3.91l-347.4,2.73-459.25-2.91Z" fill="url(#gradient_05)"/>
<path d="M159.65,606.38c-8.55,0-16.55-4.18-16.55-12.91V571.78H1150v18.54c0,5.73-2.32,12.27-16.37,12.27H1029.41c-2.91,0-3.27,3.91-3.27,3.91l-347.4,2.73-459.25-2.91Z" fill-opacity="0.7" fill="url(#gradient_06)"/>
<path d="M903,571.78l.07.14S905.28,582,910.6,582h82.12c2.18,0,6-3.41,6-10.09v-.14Z" opacity="0.63" fill="url(#gradient_07)"/>
<path d="M903,571.78l.07.14S905.28,582,910.6,582h82.12c2.18,0,6-3.41,6-10.09v-.14Z" opacity="0.63" fill="url(#gradient_08)"/>
<g opacity="0.63">
<path d="M903,571.78c1.3,3.67,3.15,9.61,7.72,9.72H992c4.57.24,6.59-6,6.69-9.73.27,4.17-1.63,10.65-6.69,10.73H910.74c-5.13-.4-6.68-6.62-7.72-10.73Z" fill="#fff"/>
</g>
<circle cx="314.25" cy="582.87" r="6.27" fill="url(#gradient_09)"/>
<g>
<rect x="269.87" y="578.87" width="22.64" height="8.18" rx="4.09" fill="url(#gradient_10)"/>
<path d="M277.92,582.78v.27a.76.76,0,0,0,.76.76h13.74a4,4,0,0,0,.09-.85,4,4,0,0,0-.09-.85H278.59A.67.67,0,0,0,277.92,582.78Z" fill="#c1c1c1" fill-opacity="0.7"/>
</g>
<path d="M215.3,587.83H181.66a5.23,5.23,0,1,1,0-10.46H215.3a5.23,5.23,0,1,1,0,10.46Zm-33.64-9.46a4.23,4.23,0,1,0,0,8.46H215.3a4.23,4.23,0,0,0,0-8.46Z" fill="url(#gradient_11)"/>
<rect x="183.14" y="580.23" width="30.68" height="4.75" rx="2.37" fill="url(#gradient_10-2)"/>
<circle cx="189.73" cy="582.87" r="0.97" fill="url(#gradient_12)"/>
<circle cx="194.75" cy="582.87" r="0.97" fill="url(#gradient_12-2)"/>
<circle cx="199.77" cy="582.87" r="0.97" fill="url(#gradient_12-3)"/>
<circle cx="204.8" cy="582.87" r="0.97" fill="url(#gradient_12-4)"/>
<circle cx="209.82" cy="582.87" r="0.97" fill="url(#gradient_12-5)"/>
<path d="M634.91,599.05c2.18,0,7.23,4.91,7.23,4.91H362.22a3.53,3.53,0,0,1-1.64-2.87,2,2,0,0,1,1.91-2Z" fill="url(#gradient_13)"/>
<path d="M362.22,604c-1.83-1.09-2.62-4.58.27-4.93,23.44-.12,46.88-.11,70.32-.11,58,0,135.62-.08,193.37.07l8.79,0c2.87.65,5,3.06,7.17,4.93-2.14-1.85-4.34-4.23-7.17-4.87l-8.79,0c-57.65.15-135.45,0-193.37.06-23.44,0-46.89,0-70.32-.1-2.62.29-2.3,3.72-.27,4.89Z" fill="#fff"/>
<ellipse cx="298.15" cy="54.63" rx="2.18" ry="3.41" transform="translate(-4.89 47.92) rotate(-9.11)" fill="url(#gradient_14)"/>
<path d="M1028.32,607.64h49.93c1,0,2.38-1.07,3.66-2.32h-55.84C1026.5,606.5,1027.21,607.64,1028.32,607.64Z"/>
<path d="M652.15,610.6l.25.3h0a3,3,0,0,0,2.33,1.1H704.3a3,3,0,0,0,2.32-1.1h0l.26-.3Z"/>
<path d="M273.31,608l-54.47-.44.32.38a3,3,0,0,0,2.32,1.1h49.57A3,3,0,0,0,273.31,608Z"/>
<g>
<rect x="233.63" y="578.87" width="22.64" height="8.18" rx="4.09" fill="url(#gradient_10-3)"/>
<path d="M241.68,582.78v.27a.76.76,0,0,0,.76.76h13.74a4,4,0,0,0,.09-.85,4,4,0,0,0-.09-.85H242.35A.67.67,0,0,0,241.68,582.78Z" fill="#c1c1c1" fill-opacity="0.7"/>
</g>
<path d="M998.72,571.78H649C630.92,497.43,533,94.08,531.51,88.63c-1.64-6-5.73-16.9-19.1-18.54S33.06.84,27.05.29,12.87-.25,7.14,2.2-1.59,12.56.86,25.11s112.68,531.68,116.5,552.13c3.22,17.22,15.34,20.52,26.75,21.13,2.4,5.39,8.79,8,15.54,8l58.08-.06c.48.51,1,1,1.34,1.47l.09.11a3.12,3.12,0,0,0,2.32,1.1h49.61a4.22,4.22,0,0,0,.61-.07,3.42,3.42,0,0,0,.54-.18l.06,0a2.87,2.87,0,0,0,1-.76h0l.07-.06c.31-.39.69-.8,1.07-1.23l376.28,2.38c.49.53,1,1.06,1.42,1.55l.25.3a3.46,3.46,0,0,0,.48.46,2.75,2.75,0,0,0,.56.35,3,3,0,0,0,1.29.29H704.3a2.87,2.87,0,0,0,1-.18,2.93,2.93,0,0,0,1.36-.92l.26-.3c.43-.51.94-1.06,1.42-1.6l317.84-2.5a7,7,0,0,1,.12-.7l.18.36a.41.41,0,0,0,0,.09c0,.1.11.2.17.3l.09.12c.06.08.11.16.17.23a1.59,1.59,0,0,0,.13.13,1.37,1.37,0,0,0,.17.17,1,1,0,0,0,.17.12.91.91,0,0,0,.16.11l.23.1.13.05a1.4,1.4,0,0,0,.41.06h49.93a1.75,1.75,0,0,0,.44-.07l.16-.05a1.75,1.75,0,0,0,.32-.12l.21-.1.3-.17.23-.14.27-.18a25,25,0,0,0,4.2-4.22h49.25c14,0,16.37-6.54,16.37-12.27V571.78ZM127.45,541.06S28.58,73.63,18.82,27.31L525.07,92.1,632.91,544.79Zm901.39,61.59a3.43,3.43,0,0,1,.57-.06h2Z" opacity="0.3"/>
<path d="M998.72,571.78H649C630.92,497.43,533,94.08,531.51,88.63c-1.64-6-5.73-16.9-19.1-18.54S33.06.84,27.05.29,12.87-.25,7.14,2.2-1.59,12.56.86,25.11s112.68,531.68,116.5,552.13c3.22,17.22,15.34,20.52,26.75,21.13,2.4,5.39,8.79,8,15.54,8l58.08-.06c.48.51,1,1,1.34,1.47l.09.11a3.12,3.12,0,0,0,2.32,1.1h49.61a4.22,4.22,0,0,0,.61-.07,3.42,3.42,0,0,0,.54-.18l.06,0a2.87,2.87,0,0,0,1-.76h0l.07-.06c.31-.39.69-.8,1.07-1.23l376.28,2.38c.49.53,1,1.06,1.42,1.55l.25.3a3.46,3.46,0,0,0,.48.46,2.75,2.75,0,0,0,.56.35,3,3,0,0,0,1.29.29H704.3a2.87,2.87,0,0,0,1-.18,2.93,2.93,0,0,0,1.36-.92l.26-.3c.43-.51.94-1.06,1.42-1.6l317.84-2.5a7,7,0,0,1,.12-.7l.18.36a.41.41,0,0,0,0,.09c0,.1.11.2.17.3l.09.12c.06.08.11.16.17.23a1.59,1.59,0,0,0,.13.13,1.37,1.37,0,0,0,.17.17,1,1,0,0,0,.17.12.91.91,0,0,0,.16.11l.23.1.13.05a1.4,1.4,0,0,0,.41.06h49.93a1.75,1.75,0,0,0,.44-.07l.16-.05a1.75,1.75,0,0,0,.32-.12l.21-.1.3-.17.23-.14.27-.18a25,25,0,0,0,4.2-4.22h49.25c14,0,16.37-6.54,16.37-12.27V571.78Zm-809,12.06a1,1,0,1,1,0-1.93,1,1,0,0,1,0,1.93Zm5,0a1,1,0,1,1,1-1A1,1,0,0,1,194.75,583.84Zm5,0a1,1,0,1,1,1-1A1,1,0,0,1,199.77,583.84Zm5,0a1,1,0,1,1,1-1A1,1,0,0,1,204.8,583.84Zm5,0a1,1,0,1,1,1-1A1,1,0,0,1,209.82,583.84Zm46.36,0H242.44a.76.76,0,0,1-.76-.76v-.27a.67.67,0,0,1,.67-.67h13.83a4,4,0,0,1,.09.85A4,4,0,0,1,256.18,583.81Zm36.24,0H278.68a.76.76,0,0,1-.76-.76v-.27a.67.67,0,0,1,.67-.67h13.83a4,4,0,0,1,.09.85A4,4,0,0,1,292.42,583.81Zm-165-42.75S28.58,73.63,18.82,27.31L525.07,92.1,632.91,544.79Zm901.39,61.59a3.43,3.43,0,0,1,.57-.06h2Z" fill="#F6F6F6" style="mix-blend-mode: overlay" opacity="0.75"/>
<path d="M18.82,27.31,125.27,530.76C241.71,363.44,353.87,204.94,441.62,81.42Z" opacity="0.2" fill="url(#gradient_15)"/>
</g>
</svg>