oca/oca-ocb-web
2
0
Fork 0
mirror of https://github.com/bringout/oca-ocb-web.git synced 2026-04-19 22:11:59 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Initial commit: Web packages

Browse source
This commit is contained in:
Ernad Husremovic 2025-08-29 15:20:51 +02:00
commit cd458d4b85
791 changed files with 410049 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

21
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_organic_1.svg Normal file
View file

@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.9765.8495c-.1199.2462-.7298.1759-.9132-.1055c-.1833-.285.06-.7774.3632-.7422c.3068.0352.6699.6015.55.8477z">
<animate dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.9765.8495c-.1199.2462-.7298.1759-.9132-.1055c-.1833-.285.06-.7774.3632-.7422c.3068.0352.6699.6015.55.8477z;
M.9525.7766c-.1661.2762-.7774.3023-.9187.0448c-.1413-.2612.1873-.8061.4947-.8211c.3039-.0149.5865.5038.424.7763z;
M.9837.8871c-.1025.2264-.7069.088-.9048-.2013c-.1979-.2893.0036-.7463.304-.6792c.3004.0671.7033.6541.6008.8805z;
M.9765.8495c-.1199.2462-.7298.1759-.9132-.1055c-.1833-.285.06-.7774.3632-.7422c.3068.0352.6699.6015.55.8477z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

23
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_organic_2.svg Normal file
View file

@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.9722.1661c.0598.1143.0141.2803-.0528.3799c-.0669.0996-.1584.1365-.2675.225c-.1091.0885-.2323.2361-.359.2287c-.1267-.0074-.2534-.1623-.2851-.332c-.0317-.1697.0353-.354.1479-.4794c.1126-.1254.271-.1881.4329-.1881c.1619-.0037.3238.0553.3836.1659z">
<animate dur="42s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.9722.1661c.0598.1143.0141.2803-.0528.3799c-.0669.0996-.1584.1365-.2675.225c-.1091.0885-.2323.2361-.359.2287c-.1267-.0074-.2534-.1623-.2851-.332c-.0317-.1697.0353-.354.1479-.4794c.1126-.1254.271-.1881.4329-.1881c.1619-.0037.3238.0553.3836.1659z;
M.8281.029c.1059.0675.1871.2564.1695.4453c-.0177.1844-.1377.3688-.2895.4588c-.1518.09-.3354.09-.4695-.0045c-.1341-.0945-.2224-.2834-.2365-.4678c-.0142-.1799.0459-.3553.1341-.4183c.0883-.063.2083-.009.3318-.0135c.1271-.0045.2542-.063.3601-0z;
M.794.2409c.1273.138.2433.3007.1946.3962c-.0487.099-.2583.1344-.438.2052c-.1797.0743-.3294.1839-.4192.1521c-.0936-.0318-.1273-.2016-.131-.3467c-.0037-.1415.015-.2583.0824-.3821c.0674-.1238.1872-.2547.3144-.2653c.131-.0071.2695.1026.3968.2406z;
M.8977.2132c.0991.124.131.2915.0743.4054c-.0602.1106-.2124.1642-.361.2412c-.1486.077-.2937.1708-.3681.1306c-.0743-.0369-.0743-.2077-.1239-.3819c-.0496-.1742-.1557-.3417-.1061-.4556c.0496-.1139.2513-.1642.4354-.1508c.1841.0134.3503.0905.4494.2111z;
M.9616.0267c.0777.0784.0247.3529-.0459.5441c-.0742.1961-.1696.3088-.2756.3726c-.106.0637-.2261.0784-.3322.0196c-.106-.0539-.2049-.1814-.2615-.3677c-.0566-.1863-.0707-.4216.0106-.5049c.0742-.0735.2473.0098.4346-.0049c.1873-.0196.3922-.1373.47-.0588z;
M.9722.1661c.0598.1143.0141.2803-.0528.3799c-.0669.0996-.1584.1365-.2675.225c-.1091.0885-.2323.2361-.359.2287c-.1267-.0074-.2534-.1623-.2851-.332c-.0317-.1697.0353-.354.1479-.4794c.1126-.1254.271-.1881.4329-.1881c.1619-.0037.3238.0553.3836.1659z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.5 KiB

23
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_organic_3.svg Normal file
View file

@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.7562.1677c.0954.0186.2438.0186.2438.0651c0 .0465-.1484.1488-.212.251c-.0636.1023-.0353.2092-.0565.2557c-.0212.0465-.0919.0279-.1908.0837c-.0989.0558-.2297.1813-.3392.1767c-.1096-.0047-.2015-.1441-.2015-.2883c0-.1441.0919-.2975.1555-.4231c.0671-.1302.106-.2371.1696-.2743c.0636-.0372.1555.0046.2226.0511c.0707.0373.1131.0838.2085.1024z">
<animate dur="42s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.7562.1677c.0954.0186.2438.0186.2438.0651c0 .0465-.1484.1488-.212.251c-.0636.1023-.0353.2092-.0565.2557c-.0212.0465-.0919.0279-.1908.0837c-.0989.0558-.2297.1813-.3392.1767c-.1096-.0047-.2015-.1441-.2015-.2883c0-.1441.0919-.2975.1555-.4231c.0671-.1302.106-.2371.1696-.2743c.0636-.0372.1555.0046.2226.0511c.0707.0373.1131.0838.2085.1024z;
M.6475.2223c.0775.0741.2008.0697.2712.1394c.0704.0653.0951.2047.074.3354c-.0211.1307-.0845.257-.1761.2919c-.0916.0349-.2043-.0174-.2783-.0915c-.074-.0741-.1021-.1655-.1655-.2135c-.0599-.0479-.1515-.0523-.236-.1176c-.0845-.0653-.1655-.196-.1268-.2527c.0422-.0609.2007-.0479.3029-.1132c.0986-.0653.1409-.2047.1796-.2004c.0388.0044.074.1481.155.2222z;
M.751 0c.0916 0 .1586.1255.2009.2689c.0423.1434.0635.3048.0353.4482c-.0317.1434-.1128.2734-.215.2824c-.1022.009-.2221-.0986-.3138-.1569c-.0917-.0583-.1445-.0627-.2397-.0717c-.0917-.0134-.2221-.0359-.2186-.0941c.0035-.0583.1445-.1569.2256-.2151c.0811-.0583.1058-.0807.1304-.1076c.0247-.0269.0494-.0583.1163-.1389c.0706-.0852.1869-.2152.2786-.2152z;
M.7922.0449c.0284.0718-.0355.2491.0035.3842c.039.1393.1846.2365.2023.3209c.0177.0844-.0923.1562-.1917.2027c-.0994.0464-.1917.0633-.2591.0296c-.071-.0338-.1207-.1224-.1881-.1773c-.071-.0549-.1633-.0844-.2413-.1647c-.0781-.0802-.1455-.2153-.1065-.2956c.039-.0802.1846-.1013.2875-.1436c.1029-.0422.1668-.1056.2591-.152c.0853-.0465.206-.0802.2343-.0042z;
M.8275.039c.0848.051.1378.1743.1626.2976c.0212.1233.0106.2508-.053.3146c-.0636.0638-.1838.0638-.265.1233c-.0777.0595-.1166.17-.1767.2083c-.0601.0383-.1484.0085-.2368-.0468c-.0919-.051-.1873-.1233-.2297-.2296c-.0424-.1063-.0353-.2423.0035-.3656c.0353-.119.1025-.2252.1873-.2763c.0848-.051.1908-.051.3004-.0553c.1095-.0084.2226-.0254.3074.0298z;
M.7562.1677c.0954.0186.2438.0186.2438.0651c0 .0465-.1484.1488-.212.251c-.0636.1023-.0353.2092-.0565.2557c-.0212.0465-.0919.0279-.1908.0837c-.0989.0558-.2297.1813-.3392.1767c-.1096-.0047-.2015-.1441-.2015-.2883c0-.1441.0919-.2975.1555-.4231c.0671-.1302.106-.2371.1696-.2743c.0636-.0372.1555.0046.2226.0511c.0707.0373.1131.0838.2085.1024z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

21
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_square_1.svg Normal file
View file

@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M1,1C0.669,0.9929,0.3345,0.9893,0,0.9821c0.0071-0.3214,0.0142-0.6429,0.0214-0.9643c0.3203-0.0071,0.6406-0.0143,0.9609-0.0179C0.9893,0.3321,0.9929,0.6679,1,1z">
<animate dur="18s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M1,1C0.669,0.9929,0.3345,0.9893,0,0.9821c0.0071-0.3214,0.0142-0.6429,0.0214-0.9643c0.3203-0.0071,0.6406-0.0143,0.9609-0.0179C0.9893,0.3321,0.9929,0.6679,1,1z;
M0.9822,0.9892c-0.3203,0.0036-0.6406,0.0072-0.9609,0.0108C0.0142,0.6655,0.0071,0.3309,0,0c0.3345,0.0036,0.6655,0.0072,1,0.0108C0.9929,0.3345,0.9893,0.6619,0.9822,0.9892z;
M0.9683,1c-0.3134-0.0106-0.6268-0.0176-0.9401-0.0282C0.0176,0.6549,0.0106,0.3415,0,0.0282C0.331,0.0176,0.6655,0.0106,1,0C0.9894,0.331,0.9789,0.6655,0.9683,1z;
M1,1C0.669,0.9929,0.3345,0.9893,0,0.9821c0.0071-0.3214,0.0142-0.6429,0.0214-0.9643c0.3203-0.0071,0.6406-0.0143,0.9609-0.0179C0.9893,0.3321,0.9929,0.6679,1,1z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

21
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_square_2.svg Normal file
View file

@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M1 1l-1 0 0-1 1 0 0 1z">
<animate dur="18s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M1 1l-1 0 0-1 1 0 0 1z;
M0.8799,1L0,0.8799L0.1201,0l0.8799,0.1201L0.8799,1z;
M1,0.9889L0,1L0.2297,0l0.6749,0.1778L1,0.9889z;
M1 1l-1 0 0-1 1 0 0 1z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 966 B

22
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_square_3.svg Normal file
View file

@ -0,0 +1,22 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M1 .8282.03.97.0677 0l.8513.069L1 .8282z">
<animate dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M1 .8282.03.97.0677 0l.8513.069L1 .8282z;
M1 .97.0645.9083.03 0l.8313.0356L1 .97z;
M1 .97.03.9299.0528 0l.8445.0801L1 .97z;
M.9436.97.0703.9122.03 0l.97.1032L.9436.97z;
M1 .8282.03.97.0677 0l.8513.069L1 .8282z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

21
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_square_4.svg Normal file
View file

@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.8728 1C.5654.9117.2792.8834 0 .8728C.0919.5654.1201.2792.1272 0c.3074.0919.5972.1201.8728.1272C.9117.4346.8834.7244.8728 1z">
<animate dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.8728 1C.5654.9117.2792.8834 0 .8728C.0919.5654.1201.2792.1272 0c.3074.0919.5972.1201.8728.1272C.9117.4346.8834.7244.8728 1z;
M1 .8282c-.3233.0473-.6467.0945-.97.1418C.0426.6467.0551.3233.0677 0c.2838.023.5675.046.8513.069C.946.3221.973.5751 1 .8282z;
M0.9999,0.8621c-0.3003,0.0813-0.5865,0.1413-0.8621,0.1378C0.0565,0.7031,0,0.4134,0,0.1378C0.3003,0.0565,0.5865,0,0.8621,0C0.9433,0.3003,1.0034,0.5865,0.9999,0.8621z;
M.8728 1C.5654.9117.2792.8834 0 .8728C.0919.5654.1201.2792.1272 0c.3074.0919.5972.1201.8728.1272C.9117.4346.8834.7244.8728 1z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

20
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_square_5.svg Normal file
View file

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M1 .7827 0 1 0 0 1 0Z">
<animate dur="6s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M1 .7827 0 1 0 0 1 0Z;
M1 .8027 0 .95 0 0 1 0Z;
M1 .7827 0 1 0 0 1 0Z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 857 B

20
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_square_6.svg Normal file
View file

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0 .2169 1 0 1 1 0 1Z">
<animate dur="6s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M0 .2169 1 0 1 1 0 1Z;
M0 .1569 1 .05 1 1 0 1Z;
M0 .2169 1 0 1 1 0 1Z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 857 B

21
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_square_rounded_1.svg Normal file
View file

@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0.9047,0.9991c-0.2698-0.0566-0.5397-0.1088-0.8095-0.1655c-0.0612-0.0087-0.1043-0.0566-0.0935-0.1088c0.036-0.1611,0.0684-0.3222,0.1043-0.4964C0.1168,0.1805,0.1636,0.1326,0.2067,0.1196C0.4046,0.0804,0.5989,0.0412,0.7932,0.002c0.0432-0.0131,0.0899,0.0392,0.1007,0.1219c0.036,0.2482,0.0684,0.5007,0.1043,0.7576C1.009,0.9555,0.9695,1.0078,0.9047,0.9991z">
<animate dur="15s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M0.9047,0.9991c-0.2698-0.0566-0.5397-0.1088-0.8095-0.1655c-0.0612-0.0087-0.1043-0.0566-0.0935-0.1088c0.036-0.1611,0.0684-0.3222,0.1043-0.4964C0.1168,0.1805,0.1636,0.1326,0.2067,0.1196C0.4046,0.0804,0.5989,0.0412,0.7932,0.002c0.0432-0.0131,0.0899,0.0392,0.1007,0.1219c0.036,0.2482,0.0684,0.5007,0.1043,0.7576C1.009,0.9555,0.9695,1.0078,0.9047,0.9991z;
M0.9048,0.743c-0.2324,0.0574-0.4647,0.1987-0.6894,0.2517c-0.0533,0.0177-0.099-0.0088-0.1105-0.0839c-0.0305-0.2208-0.0648-0.5079-0.1028-0.7905C-0.0094,0.0408,0.0287-0.0078,0.0896,0.001c0.259,0.0309,0.518-0.0177,0.7809,0.0442c0.0609,0.0088,0.1105,0.0486,0.1143,0.0927c0.0076,0.1413,0.0114,0.3312,0.0152,0.5035C1,0.6944,0.9581,0.7297,0.9048,0.743z;
M0.8069,0.9949c-0.2256-0.0785-0.455,0.0646-0.6844-0.0323c-0.0535-0.0231-0.0956-0.1016-0.0994-0.1616c-0.0076-0.1893-0.0153-0.3831-0.0229-0.577C-0.0036,0.164,0.0461,0.1363,0.1073,0.1455c0.2676,0.0277,0.5353-0.1985,0.7991-0.1339c0.0612,0.0138,0.1032,0.1062,0.0918,0.1754c-0.0268,0.24-0.0535,0.4801-0.0803,0.7201C0.9064,0.9811,0.8605,1.0134,0.8069,0.9949z;
M0.9047,0.9991c-0.2698-0.0566-0.5397-0.1088-0.8095-0.1655c-0.0612-0.0087-0.1043-0.0566-0.0935-0.1088c0.036-0.1611,0.0684-0.3222,0.1043-0.4964C0.1168,0.1805,0.1636,0.1326,0.2067,0.1196C0.4046,0.0804,0.5989,0.0412,0.7932,0.002c0.0432-0.0131,0.0899,0.0392,0.1007,0.1219c0.036,0.2482,0.0684,0.5007,0.1043,0.7576C1.009,0.9555,0.9695,1.0078,0.9047,0.9991z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.5 KiB

20
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/basic/bsc_square_rounded_2.svg Normal file
View file

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0.8143,0.9966c-0.2118,0.0134-0.4236-0.0134-0.6354-0.0671c-0.0467-0.0134-0.1005-0.0761-0.1185-0.1342c-0.0503-0.1924-0.0682-0.3848-0.0574-0.5727c0.0036-0.0582,0.0574-0.1208,0.1149-0.1342C0.3692,0.0168,0.624-0.0101,0.8789,0.0033C0.9364,0.0033,0.9902,0.0704,0.9938,0.142c0.0179,0.2416-0.0036,0.4787-0.0574,0.7114C0.9184,0.9295,0.861,0.9921,0.8143,0.9966z">
<animate dur="15s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M0.8143,0.9966c-0.2118,0.0134-0.4236-0.0134-0.6354-0.0671c-0.0467-0.0134-0.1005-0.0761-0.1185-0.1342c-0.0503-0.1924-0.0682-0.3848-0.0574-0.5727c0.0036-0.0582,0.0574-0.1208,0.1149-0.1342C0.3692,0.0168,0.624-0.0101,0.8789,0.0033C0.9364,0.0033,0.9902,0.0704,0.9938,0.142c0.0179,0.2416-0.0036,0.4787-0.0574,0.7114C0.9184,0.9295,0.861,0.9921,0.8143,0.9966z;
M0.8798,0.9998c-0.2544-0.0125-0.5124-0.0669-0.7703-0.1589c-0.0565-0.0209-0.1095-0.0795-0.1095-0.1255c0-0.1506,0.0247-0.3095,0.0777-0.4684c0.0177-0.0502,0.0707-0.1046,0.1131-0.1213c0.2014-0.0711,0.4028-0.1129,0.6042-0.1255c0.0459-0.0042,0.1025,0.0586,0.1237,0.1297c0.0636,0.2426,0.0919,0.4852,0.0777,0.7319C0.9929,0.9412,0.9399,1.004,0.8798,0.9998z;
M0.8143,0.9966c-0.2118,0.0134-0.4236-0.0134-0.6354-0.0671c-0.0467-0.0134-0.1005-0.0761-0.1185-0.1342c-0.0503-0.1924-0.0682-0.3848-0.0574-0.5727c0.0036-0.0582,0.0574-0.1208,0.1149-0.1342C0.3692,0.0168,0.624-0.0101,0.8789,0.0033C0.9364,0.0033,0.9902,0.0704,0.9938,0.142c0.0179,0.2416-0.0036,0.4787-0.0574,0.7114C0.9184,0.9295,0.861,0.9921,0.8143,0.9966z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

17
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/convert-to-percentages.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>SVGs to Clip Path converter</title>
</head>
<body>
<p>This tool is made to help designers import shapes that have a clip path component.</p>
<p>The shape must have at least one path set with an <code>id="filterPath"</code> and a maximum of 5 background colors</p>
<input id="svgPicker" type="file" multiple>
<button id="submitButton" type="button" name="convert">convert</button>
<div id="downloadArea">
<p>Your download link will appear here</p>
</div>
<script src="./convert-to-percentages.js" charset="utf-8"></script>
</body>
</html>

159
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/convert-to-percentages.js Normal file
View file

@ -0,0 +1,159 @@
// The goal of this script is to have a shape ready for use with the
// "Shape on Image" feature of Odoo.
// Therefor we need to rearrange the file a little.
// Marks which axis each parameter of a command belongs to, as well as whether
// It's a positional measurement (x/y), a distance (dx/dy) or none (angles, flags)
const commandAxes = {
'M': ['x', 'y'],
'm': ['dx', 'dy'],
'L': ['x', 'y'],
'l': ['dx', 'dy'],
'H': ['x'],
'h': ['dx'],
'V': ['y'],
'v': ['dy'],
'Z': [],
'z': [],
'C': ['x', 'y', 'x', 'y', 'x', 'y'],
'c': ['dx', 'dy', 'dx', 'dy', 'dx', 'dy'],
'S': ['x', 'y', 'x', 'y'],
's': ['dx', 'dy', 'dx', 'dy'],
'Q': ['x', 'y', 'x', 'y'],
'q': ['dx', 'dy', 'dx', 'dy'],
'T': ['x', 'y'],
't': ['dx', 'dy'],
'A': ['dx', 'dy', 'none', 'none', 'none', 'x', 'y'],
'a': ['dx', 'dy', 'none', 'none', 'none', 'dx', 'dy'],
};
const toUserSpace = (x, y, width, height, precision = 4) => ({
x: val => +((parseFloat(val) - x) / width).toFixed(precision),
dx: val => +(parseFloat(val) / width).toFixed(precision),
y: val => +((parseFloat(val) - y) / height).toFixed(precision),
dy: val => +(parseFloat(val) / height).toFixed(precision),
none: val => val,
});
const filePicker = document.getElementById('svgPicker');
const submitButton = document.getElementById('submitButton');
submitButton.addEventListener('click', async (ev) => {
if (!filePicker.files.length > 0) {
alert('Please select files using the file picker first');
return;
}
Array.from(filePicker.files).forEach(async file => {
const fileReader = new FileReader();
const readerPromise = new Promise((resolve, reject) => {
fileReader.addEventListener('load', () => resolve(fileReader.result));
fileReader.addEventListener('error', () => reject(fileReader.error));
});
fileReader.readAsText(file, 'utf-8');
const svgString = await readerPromise;
const parser = new DOMParser();
const svg = parser.parseFromString(svgString, 'image/svg+xml');
const path = svg.getElementById('filterPath');
const svgDocumentElement = svg.documentElement;
// Some SVGs come without xlink
svgDocumentElement.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink');
// We add the SVG to the body so we can take measurements of its
// original size
document.body.appendChild(svg.documentElement);
const { x, y, width, height } = svgDocumentElement.getBBox();
const scalers = toUserSpace(x, y, width, height);
// Converts the clipPath in values between 0 and 1 so we can use
// object bounding box as clip path units. It will make the clip path
// always adapt to the size of the picture.
const commands = path.getAttribute('d').match(/[a-z][^a-z]*/ig).map(c => {
return c.split(/[, ]|(?=-)|(?<=[a-z])(?=[0-9])/i).filter(part => !!part.length);
});
const relSpaceCommands = commands.map(([command, ...nums]) => {
const axes = commandAxes[command];
const relSpaceNums = nums.map((n, i) => {
const scaler = scalers[axes[i % axes.length]];
return scaler(n);
});
return `${command}${relSpaceNums.join(',')}`.replace(/,-/g, '-');
});
path.setAttribute('d', relSpaceCommands.join(''));
path.removeAttribute('fill');
svgDocumentElement.removeAttribute('viewBox');
let defsEl = svgDocumentElement.querySelector('defs');
if (!defsEl) {
defsEl = svg.createElementNS('http://www.w3.org/2000/svg', 'defs');
svgDocumentElement.appendChild(defsEl);
}
let clipPathEl = svgDocumentElement.querySelector('clipPath');
if (!clipPathEl) {
clipPathEl = svg.createElementNS('http://www.w3.org/2000/svg', 'clipPath');
clipPathEl.setAttribute('id', 'clip-path');
defsEl.appendChild(clipPathEl);
}
clipPathEl.setAttribute('clipPathUnits', 'objectBoundingBox');
const backgroundEls = svgDocumentElement.getElementsByClassName('background');
// We set the BG elements into their own svg so that when the total
// space gets stretched out, so does the backgrounds elements
Array.from(backgroundEls).forEach(el => {
const bgBbox = el.getBBox();
const svgBackground = document.createElement('svg');
const strokeWidth = el.getAttribute('stroke-width');
// If the background has a strokeWidth, the viewBox need to take it
// into account
if (strokeWidth) {
const adj = parseFloat(strokeWidth) / 2;
svgBackground.setAttributeNS('http://www.w3.org/2000/svg', 'viewBox',
`${bgBbox.x - adj} ${bgBbox.y - adj} ${bgBbox.width + (adj * 2)} ${bgBbox.height + (adj * 2)}`);
} else {
svgBackground.setAttributeNS('http://www.w3.org/2000/svg', 'viewBox', `${bgBbox.x} ${bgBbox.y} ${bgBbox.width} ${bgBbox.height}`);
}
svgBackground.setAttributeNS('http://www.w3.org/2000/svg', 'preserveAspectRatio', 'none');
svgBackground.appendChild(el);
svgDocumentElement.appendChild(svgBackground);
});
defsEl.appendChild(path);
// Setting the clip path for use and for preview
const useClipPathEl = document.createElementNS('http://www.w3.org/2000/svg', 'use');
useClipPathEl.setAttributeNS('http://www.w3.org/1999/xlink', 'href', '#filterPath');
useClipPathEl.setAttribute('fill', 'none');
clipPathEl.appendChild(useClipPathEl);
const svgPreviewEl = svg.createElementNS('http://www.w3.org/2000/svg', 'svg');
svgPreviewEl.setAttributeNS('http://www.w3.org/2000/svg', 'viewBox', '0 0 1 1');
svgPreviewEl.setAttribute('width', '800');
svgPreviewEl.setAttribute('height', '600');
svgPreviewEl.setAttribute('id', 'preview');
svgPreviewEl.setAttributeNS('http://www.w3.org/2000/svg', 'preserveAspectRatio', 'none');
const previewUseEl = useClipPathEl.cloneNode(true);
previewUseEl.setAttribute('fill', 'darkgrey');
svgPreviewEl.appendChild(previewUseEl);
svgDocumentElement.appendChild(svgPreviewEl);
const imageEl = document.createElement('image');
imageEl.setAttribute('xlink:href', '');
imageEl.setAttribute('clip-path', 'url(#clip-path)');
svgDocumentElement.appendChild(imageEl);
// Give a default size to the SVGs for an easier preview on disk
svgDocumentElement.setAttribute('width', '800');
svgDocumentElement.setAttribute('height', '600');
const outFile = new File([svgDocumentElement.outerHTML], filePicker.files[0].name, { type: 'image/svg+xml' });
const outFileReader = new FileReader();
const outReaderPromise = new Promise((resolve, reject) => {
outFileReader.addEventListener('load', () => resolve(outFileReader.result));
outFileReader.addEventListener('error', () => reject(outFileReader.error));
});
outFileReader.readAsDataURL(outFile);
const dataURL = await outReaderPromise;
const downloadLinkEl = document.createElement('a');
downloadLinkEl.href = dataURL;
downloadLinkEl.innerText = 'Download';
downloadLinkEl.setAttribute('download', file.name);
downloadLinkEl.classList.add('dl_link');
document.getElementById('downloadArea').appendChild(downloadLinkEl);
});
});

22
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/browser_01.svg Normal file
View file

@ -0,0 +1,22 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M1,1H0V0H1Z"/>
</defs>
<svg y="7%" viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)" y="7%" transform="translate(0, -1)">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<rect width="100%" height="7%" fill="#383E45"/>
<svg height="7%" width="100%" viewBox="0 0 100 40" preserveAspectRatio="xMinYMid meet">
<g>
<path d="M72.88,20a8,8,0,1,0,8-8A8,8,0,0,0,72.88,20Z" fill="#61c454"/>
<path d="M45.08,20a8,8,0,1,0,8-8A8,8,0,0,0,45.08,20Z" fill="#f4bd50"/>
<path d="M17.14,20a8,8,0,1,0,8-8A8,8,0,0,0,17.14,20Z" fill="#ed695e"/>
</g>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

59
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/browser_02.svg Normal file
View file

@ -0,0 +1,59 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<filter id="reverse_c">
<feColorMatrix in="SourceGraphic" type="saturate" values="0"/>
<feComponentTransfer>
<feFuncR type="table" tableValues="1 0"/>
<feFuncG type="table" tableValues="1 0"/>
<feFuncB type="table" tableValues="1 0"/>
</feComponentTransfer>
<feComponentTransfer>
<feFuncR type="linear" slope="10000" intercept="-4999.5"/>
<feFuncG type="linear" slope="10000" intercept="-4999.5"/>
<feFuncB type="linear" slope="10000" intercept="-4999.5"/>
</feComponentTransfer>
</filter>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M1,1H0V0H1Z"/>
</defs>
<svg y="11%" viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)" y="10.9%">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<svg preserveAspectRatio="none" width="100%" height="11%" viewBox="0 0 1 100">
<rect width="1" height="100" fill="#383E45"/>
<rect width="1" height="100" fill="#383E45" filter="url(#reverse_c)" opacity="0.2"/>
<rect y="50" width="1" height="50" fill="#383E45"/>
<rect y="60" width="1" height="30" fill="#FFFFFF"/>
</svg>
<svg preserveAspectRatio="xMinYMid meet" height="11%" viewBox="0 0 340 100">
<rect transform="translate(-1, 0)" y="50" width="340" height="50" fill="#383E45"/>
<g>
<circle cx="29.71" cy="26.79" r="6.7" fill="#ff5b5c"/>
<circle cx="50.77" cy="26.79" r="6.7" fill="#ffba44"/>
<circle cx="71.82" cy="26.79" r="6.7" fill="#00c54b"/>
</g>
<g transform="translate(0, 1)">
<path d="M340,50c-6.62,0-8.7-4.23-8.85-6.91v-18A17.23,17.23,0,0,0,313.92,7.9H119.66a17.22,17.22,0,0,0-17.22,17.22v18c-.16,2.69-2,6.92-8.61,6.92Z" fill="#383E45"/>
<path fill="#383E45" filter="url(#reverse_c)" d="M318.52,31.39,316.13,29l2.39-2.44a.85.85,0,0,0,0-1.31,1.11,1.11,0,0,0-1.47,0l-2.3,2.34-2.3-2.34a1.13,1.13,0,0,0-1.48,0,.85.85,0,0,0,0,1.31l2.4,2.44L311,31.39a.85.85,0,0,0,0,1.31,1.15,1.15,0,0,0,1.48,0l2.3-2.34,2.3,2.34a1.14,1.14,0,0,0,1.47,0A.85.85,0,0,0,318.52,31.39Z"/>
</g>
<path fill="#383E45" filter="url(#reverse_c)" d="M99.37,80.37a7,7,0,1,1,1.18-1.29L98.29,75h2.13a5.68,5.68,0,1,0-1.75,4.1Z"/>
<path fill="#383E45" filter="url(#reverse_c)" d="M21.7,74.29h8.64v1.42H21.7l3.81,3.81-1,1L19,75l5.52-5.52,1,1Z"/>
<path fill="#383E45" filter="url(#reverse_c)" d="M64.55,74.29H55.91v1.42h8.64l-3.81,3.81,1,1L67.27,75l-5.52-5.52-1,1Z"/>
<path d="M171.74,60a15,15,0,1,0,0,30H340V60Z" fill="#FFFFFF"/>
<path d="M175.06,74.05h.44a.41.41,0,0,1,.31.14.51.51,0,0,1,.13.34v4.73a.51.51,0,0,1-.13.34.44.44,0,0,1-.31.13h-7a.44.44,0,0,1-.31-.13.51.51,0,0,1-.13-.34V74.53a.51.51,0,0,1,.13-.34.41.41,0,0,1,.31-.14h.44v-.47a3.49,3.49,0,0,1,.24-1.27,3.2,3.2,0,0,1,.66-1.07,3,3,0,0,1,1-.72,2.86,2.86,0,0,1,2.36,0,3,3,0,0,1,1,.72,3.37,3.37,0,0,1,.66,1.07,3.49,3.49,0,0,1,.24,1.27Zm-.88,0v-.47a2.49,2.49,0,0,0-.64-1.67,2.1,2.1,0,0,0-3-.16l-.15.16a2.45,2.45,0,0,0-.65,1.67v.47ZM171.54,76v1.89h.88V76Z" fill="#FFFFFF" filter="url(#reverse_c)"/>
<rect y="60" x="320" width="30" height="30" fill="#FFFFFF"/>
</svg>
<svg preserveAspectRatio="xMaxYMid meet" height="11%" viewBox="0 0 110 100">
<rect x="1" y="50" width="110" height="50" fill="#383E45"/>
<path fill="#383E45" filter="url(#reverse_c)" d="M83.14,68.6A1.42,1.42,0,1,0,84.56,70,1.41,1.41,0,0,0,83.14,68.6Zm0,9.94A1.43,1.43,0,1,0,84.56,80,1.42,1.42,0,0,0,83.14,78.54Zm0-5A1.42,1.42,0,1,0,84.56,75,1.42,1.42,0,0,0,83.14,73.57Z"/>
<circle opacity="0.2" cx="54.72" cy="74.99" r="10.42" fill="#383E45" filter="url(#reverse_c)"/>
<path d="M15.87,60H0V90H15.87a15,15,0,1,0,0-30Z" fill="#FFFFFF"/>
<rect y="60" x="-15" width="30" height="30" fill="#FFFFFF"/>
<path fill="#FFFFFF" filter="url(#reverse_c)" d="M12.09,79.53l-5,2.8L8.2,76.7,4,72.8l5.7-.68,2.41-5.21,2.41,5.21,5.7.67L16,76.69l1.12,5.64Zm0-1.63,3,1.69-.68-3.4L17,73.84l-3.43-.4L12.09,70.3l-1.45,3.14-3.43.41,2.54,2.34-.68,3.39,3-1.68Z"/>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.5 KiB

52
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/browser_03.svg Normal file
View file

@ -0,0 +1,52 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<style>
@media (orientation:portrait) {
.hide_portrait {display: none;}
}
</style>
<defs>
<filter id="reverse_c">
<feColorMatrix in="SourceGraphic" type="saturate" values="0"/>
<feComponentTransfer>
<feFuncR type="table" tableValues="1 0"/>
<feFuncG type="table" tableValues="1 0"/>
<feFuncB type="table" tableValues="1 0"/>
</feComponentTransfer>
<feComponentTransfer>
<feFuncR type="linear" slope="10000" intercept="-4999.5"/>
<feFuncG type="linear" slope="10000" intercept="-4999.5"/>
<feFuncB type="linear" slope="10000" intercept="-4999.5"/>
</feComponentTransfer>
</filter>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M1,1H0V0H1Z"/>
</defs>
<svg y="7%" viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)" y="6.9%">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<rect width="100%" height="7%" fill="#383E45"/>
<svg viewBox="0 0 190 53" preserveAspectRatio="xMinYMid meet" height="7%">
<path class="hide_portrait" d="M153.26,33l-6.58-6.43a.76.76,0,0,1-.24-.55.73.73,0,0,1,.25-.56L153.26,19a.76.76,0,0,1,1.3.54.75.75,0,0,1-.22.53l-6,5.92,6,5.91a.77.77,0,0,1,.22.54.74.74,0,0,1-.72.75h0A.79.79,0,0,1,153.26,33Z" fill="#383E45" filter="url(#reverse_c)" opacity=".5"/>
<path class="hide_portrait" d="M180.2,33.22a.79.79,0,0,0,.54-.22l6.58-6.44a.76.76,0,0,0,.24-.55.78.78,0,0,0-.24-.56L180.74,19a.75.75,0,0,0-1.3.5v0a.79.79,0,0,0,.22.54l6,5.91-6,5.91a.77.77,0,0,0-.22.54.74.74,0,0,0,.73.76Z" fill="#383E45" filter="url(#reverse_c)"/>
<path class="hide_portrait" d="M101.32,33.66h14.36a2.28,2.28,0,0,0,2.6-2.57V21a2.28,2.28,0,0,0-2-2.58,2.35,2.35,0,0,0-.65,0H101.32a2.28,2.28,0,0,0-2.6,1.92,2.36,2.36,0,0,0,0,.65V31.09a2.29,2.29,0,0,0,2,2.57A2.36,2.36,0,0,0,101.32,33.66Zm0-1.34a1.15,1.15,0,0,1-1.29-1,1.4,1.4,0,0,1,0-.29V21a1.15,1.15,0,0,1,1-1.29.93.93,0,0,1,.29,0H105v12.6Zm14.32-12.61a1.17,1.17,0,0,1,1.29,1,1.31,1.31,0,0,1,0,.28V31a1.16,1.16,0,0,1-1,1.3h-9.6V19.71Zm-12.22,3.08a.47.47,0,1,0,0-.93h-1.78a.47.47,0,1,0,0,.93Zm0,2.15a.47.47,0,1,0,0-.93h-1.78a.48.48,0,0,0-.47.46.48.48,0,0,0,.47.47Zm0,2.15a.47.47,0,0,0,.47-.46.48.48,0,0,0-.47-.47h-1.78a.47.47,0,1,0,0,.93Z" fill="#383E45" filter="url(#reverse_c)"/>
<circle cx="29.71" cy="25" r="6.7" fill="#ff5b5c"/>
<circle cx="50.77" cy="25" r="6.7" fill="#ffba44"/>
<circle cx="71.82" cy="25" r="6.7" fill="#00c54b"/>
</svg>
<svg viewBox="0 0 118 53" preserveAspectRatio="xMaxYMid meet" height="7%">
<path class="hide_portrait" d="M7.5,28.26a.66.66,0,0,0,.66-.64V19.09l-.05-1.24.56.59,1.25,1.34a.61.61,0,0,0,.45.2.59.59,0,0,0,.61-.57.64.64,0,0,0-.19-.45L8,16.25a.62.62,0,0,0-.88-.07L7,16.25,4.21,19a.64.64,0,0,0-.2.43.59.59,0,0,0,.57.59h0a.61.61,0,0,0,.46-.2l1.26-1.34.56-.59,0,1.24v8.53A.66.66,0,0,0,7.5,28.26Zm-4.77,6.5h9.53a2.28,2.28,0,0,0,2.6-2.57V23.91a2.3,2.3,0,0,0-2.6-2.58H9.94v1.34h2.29a1.18,1.18,0,0,1,1.3,1,1.31,1.31,0,0,1,0,.28v8.14a1.18,1.18,0,0,1-1,1.31H2.75a1.17,1.17,0,0,1-1.29-1,1.4,1.4,0,0,1,0-.29V24a1.18,1.18,0,0,1,1-1.31,1.4,1.4,0,0,1,.29,0h2.3V21.33H2.73a2.29,2.29,0,0,0-2.6,1.93,2.36,2.36,0,0,0,0,.65v8.28a2.29,2.29,0,0,0,2,2.58A1.9,1.9,0,0,0,2.73,34.76Z" fill="#383E45" filter="url(#reverse_c)"/>
<path d="M48.5,33a.75.75,0,0,0,.75-.73V26.76h5.36a.74.74,0,1,0,0-1.48H49.25V19.75a.74.74,0,1,0-1.48,0v5.53H42.39a.74.74,0,1,0,0,1.48h5.37v5.52A.74.74,0,0,0,48.5,33Z" fill="#383E45" filter="url(#reverse_c)"/>
<path d="M83.32,30.87h1.42v1.27a2.3,2.3,0,0,0,2,2.58,2,2,0,0,0,.65,0h8.33a2.28,2.28,0,0,0,2.6-2.57v-8.4a2.3,2.3,0,0,0-2-2.58,2.75,2.75,0,0,0-.64,0H94.26V19.9a2.29,2.29,0,0,0-2-2.58,2.22,2.22,0,0,0-.63,0H83.32a2.3,2.3,0,0,0-2.6,1.93,2.36,2.36,0,0,0,0,.65v8.4a2.29,2.29,0,0,0,2,2.58A2.74,2.74,0,0,0,83.32,30.87Zm0-1.33a1.17,1.17,0,0,1-1.29-1,1.4,1.4,0,0,1,0-.29V20a1.17,1.17,0,0,1,1-1.31,1.41,1.41,0,0,1,.29,0h8.29a1.17,1.17,0,0,1,1.29,1,1.31,1.31,0,0,1,0,.28v1.2H87.35a2.28,2.28,0,0,0-2.6,1.92,2.36,2.36,0,0,0,0,.65v5.79Zm4,3.84a1.17,1.17,0,0,1-1.29-1,1.31,1.31,0,0,1,0-.28V23.82a1.17,1.17,0,0,1,1-1.31.87.87,0,0,1,.28,0h8.29a1.17,1.17,0,0,1,1.29,1,1.31,1.31,0,0,1,0,.28v8.25a1.18,1.18,0,0,1-1,1.31H87.37Z" fill="#383E45" filter="url(#reverse_c)"/>
</svg>
<svg preserveAspectRatio="none" height="5%" width="40%" x="30%" y="1%">
<rect width="100%" height="100%" rx="5" fill="#383E45" filter="url(#reverse_c)" opacity="0.1"/>
<svg viewBox="0 0 20 12.62" preserveAspectRatio="xMaxYMid meet" height="50%" y="25%">
<path d="M5.39,5.85a.43.43,0,0,0,.34-.13L8.15,3.29a.46.46,0,0,0,.14-.35.5.5,0,0,0-.14-.35L5.73.14A.48.48,0,0,0,5.39,0a.47.47,0,0,0-.46.47h0a.51.51,0,0,0,.13.33L6.62,2.35a5.66,5.66,0,0,0-1-.09,5.18,5.18,0,1,0,5.17,5.18h0a.47.47,0,0,0-.45-.49h0a.46.46,0,0,0-.46.45v0A4.23,4.23,0,1,1,5.61,3.2h0a6.12,6.12,0,0,1,1.21.11L5.07,5.05a.48.48,0,0,0-.14.34.44.44,0,0,0,.44.46Z" fill="#383E45" filter="url(#reverse_c)" opacity="0.5"/>
</svg>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.4 KiB

178
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/galaxy_3d_landscape_01.svg Normal file
View file

@ -0,0 +1,178 @@
<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 3000 1819" data-forced-size="true" width="3000" height="1819" data-img-aspect-ratio="20:9" data-img-perspective="[[33.19, -0.22], [99.24, 64.74], [66.26, 93.17], [0.75, 24.08]]">
<defs>
<mask id="mask" x="0" y="405.11" width="3000" height="1414.39" maskUnits="userSpaceOnUse">
<path d="M59.35,598.6c-106.62-72.1-45.46-165.84-2.47-193.49-46.95,41-19.77,66.57,2.47,80.89,525.2,338.15,1573.14,1012,1770.18,1138.66l24.11,15.5c117.11,75.31,210,47.9,239.17,32.1l844-441c16.8-9.38,55.84-39.51,16.8-83.46,85,83,28.66,181.7-18.29,206.93-190.25,102.22-593.48,317.55-767.43,410.89C2074,1816,2037.84,1821.68,1992,1818.93c-62.76-3.75-92-28.9-138.36-58.76C1305,1406.39,178,678.81,59.35,598.6Z" fill="#1f1f1f"/>
</mask>
<mask id="mask-2" x="46.97" y="481.56" width="1925.26" height="1247.99" maskUnits="userSpaceOnUse">
<path d="M77.63,535.39C45,514.64,44.52,494.89,49,481.56,50.45,488,73.19,503.29,87,512.67L1862,1653c6.42,4.44,25.89,18.37,66.21,34.57-19.76,16.79-45.46,7.3-56.82,0C1287.5,1312.4,111.24,556.72,77.63,535.39Z" fill="url(#gradient_01)"/>
</mask>
<mask id="mask-3" x="2472.99" y="1475.5" width="130.2" height="101.21" maskUnits="userSpaceOnUse">
<path d="M2473,1561c.38-13.66,10.46-30,22.51-36.46l86.54-46.44c12.05-6.47,21.51-.63,21.13,13s-10.47,30-22.52,36.46l-86.53,46.45C2482.09,1580.54,2472.62,1574.71,2473,1561Z"/>
</mask>
<linearGradient id="gradient_01" x1="744.62" y1="-5623.42" x2="1099.39" y2="-5068.77" gradientTransform="matrix(1, 0, 0, -1, 0, -4157.39)" gradientUnits="userSpaceOnUse">
<stop offset="0.63" stop-color="#949494"/>
<stop offset="0.74" stop-color="#e0e0e0"/>
</linearGradient>
<radialGradient id="gradient_02" cx="1492.06" cy="866.52" r="1376.29" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#696969"/>
<stop offset="0.18" stop-color="#707072"/>
<stop offset="0.19" stop-color="#b9b9b9"/>
<stop offset="0.19" stop-color="#5d5d5d"/>
<stop offset="0.2"/>
<stop offset="0.2"/>
<stop offset="0.21" stop-color="#717171"/>
<stop offset="0.24" stop-color="#7e7e7e"/>
<stop offset="0.37" stop-color="#848484"/>
<stop offset="0.39"/>
<stop offset="0.4" stop-color="#41413f"/>
<stop offset="0.66" stop-color="#676767"/>
<stop offset="0.68" stop-color="#c7c7c7"/>
<stop offset="0.68"/>
<stop offset="0.68"/>
<stop offset="0.69" stop-color="#525252"/>
<stop offset="0.73" stop-color="#737373"/>
<stop offset="0.87" stop-color="#747474"/>
<stop offset="0.88" stop-color="#434343"/>
<stop offset="0.89"/>
<stop offset="0.9"/>
<stop offset="0.91" stop-color="#585858"/>
<stop offset="0.92" stop-color="#6c6c6c"/>
</radialGradient>
<radialGradient id="gradient_03" cx="1444.21" cy="928.23" r="691.34" gradientUnits="userSpaceOnUse">
<stop offset="0.21" stop-color="#363636"/>
<stop offset="0.21" stop-color="#f5f5f5"/>
<stop offset="0.21" stop-color="silver"/>
<stop offset="0.22"/>
<stop offset="0.24" stop-color="#3c3c3c"/>
</radialGradient>
<linearGradient id="gradient_04" x1="220.08" y1="-4439.05" x2="924.96" y2="-5411.79" gradientTransform="matrix(1, 0, 0, -1, 0, -4157.39)" gradientUnits="userSpaceOnUse">
<stop offset="0.02"/>
<stop offset="0.04" stop-color="#c3c3c3"/>
<stop offset="0.05" stop-color="#7b7b7b"/>
<stop offset="0.49" stop-color="#4a4a4a"/>
<stop offset="1" stop-color="#c4c4c4" stop-opacity="0"/>
<stop offset="1" stop-color="#403b3b" stop-opacity="0"/>
</linearGradient>
<radialGradient id="gradient_05" cx="-1357.46" cy="-1760.32" r="0.99" gradientTransform="matrix(-284, 249.85, 522.53, 593.4, 536223.7, 1384635.08)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#515151"/>
<stop offset="0.18" stop-color="#676767"/>
<stop offset="0.8" stop-color="#5a5a5a"/>
<stop offset="0.87" stop-color="#a7a7a7"/>
<stop offset="0.89" stop-color="#a5a5a5"/>
<stop offset="0.9" stop-color="#8e8e8e"/>
<stop offset="0.92" stop-color="#949494"/>
<stop offset="0.92" stop-color="#929292"/>
<stop offset="0.95" stop-color="#b9b9b9"/>
</radialGradient>
<linearGradient id="gradient_06" x1="744.62" y1="-5623.42" x2="1099.39" y2="-5068.77" gradientTransform="matrix(1, 0, 0, -1, 0, -4157.39)" gradientUnits="userSpaceOnUse">
<stop offset="0.61" stop-color="#4f4f4f"/>
<stop offset="0.71" stop-color="#e0e0e0"/>
<stop offset="0.91" stop-color="#fff"/>
</linearGradient>
<linearGradient id="gradient_07" x1="2560.66" y1="-5724.5" x2="2497.49" y2="-5603.57" gradientTransform="matrix(1, 0, 0, -1, 0, -4157.39)" gradientUnits="userSpaceOnUse">
<stop offset="0.53" stop-color="#313131"/>
<stop offset="0.7" stop-color="#7b7b7b"/>
<stop offset="0.82" stop-color="#9d9d9d"/>
</linearGradient>
<linearGradient id="gradient_08" x1="166.92" y1="-4016.76" x2="181.97" y2="-4020.62" gradientTransform="matrix(0, 1, 1, 0, 6438.73, 1425.12)" gradientUnits="userSpaceOnUse">
<stop offset="0.08" stop-color="#2f2f2f"/>
<stop offset="0.47" stop-color="#f0f0f0"/>
<stop offset="0.62" stop-color="#9a9a9a"/>
</linearGradient>
<linearGradient id="gradient_09" x1="1569.63" y1="-6044.86" x2="1583.29" y2="-6052.29" gradientTransform="matrix(1, 0, 0, -1, 855.83, -4463.81)" gradientUnits="userSpaceOnUse">
<stop offset="0.08" stop-color="#2f2f2f"/>
<stop offset="0.47" stop-color="#979797"/>
<stop offset="0.62" stop-color="#474747"/>
</linearGradient>
<radialGradient id="gradient_10" cx="-1285.74" cy="-2028.86" r="0.99" gradientTransform="matrix(20.7, 1.48, 0.62, -8.59, 28420.78, -15282.63)" gradientUnits="userSpaceOnUse">
<stop offset="0.21" stop-color="#191919"/>
<stop offset="0.27" stop-color="#365153"/>
<stop offset="0.4" stop-color="#1f5558"/>
<stop offset="0.52" stop-color="#60acba"/>
<stop offset="0.71" stop-color="#416961"/>
<stop offset="0.92" stop-color="#191919"/>
</radialGradient>
<radialGradient id="gradient_11" cx="-1285.74" cy="-2028.86" r="0.99" gradientTransform="matrix(20.7, 1.48, 0.62, -8.59, 28420.78, -15282.63)" gradientUnits="userSpaceOnUse">
<stop offset="0.41" stop-opacity="0"/>
<stop offset="0.51"/>
<stop offset="0.82" stop-opacity="0"/>
</radialGradient>
<radialGradient id="gradient_12" cx="-1285.14" cy="-2028" r="0.99" gradientTransform="matrix(20.7, 1.48, 0.62, -8.59, 28420.78, -15282.63)" gradientUnits="userSpaceOnUse">
<stop offset="0.09"/>
<stop offset="0.17" stop-opacity="0.13"/>
<stop offset="0.3" stop-opacity="0.13"/>
<stop offset="0.46"/>
<stop offset="0.63"/>
<stop offset="0.68" stop-opacity="0"/>
<stop offset="0.88" stop-opacity="0"/>
<stop offset="0.95"/>
</radialGradient>
<radialGradient id="gradient_13" cx="-1226.26" cy="-2560.5" r="0.99" gradientTransform="matrix(5.88, -1.31, -0.72, -3.21, 5917.02, -9600.59)" gradientUnits="userSpaceOnUse">
<stop offset="0.13" stop-color="#58a9d7"/>
<stop offset="1" stop-opacity="0"/>
</radialGradient>
<linearGradient id="gradient_14" x1="2571.89" y1="-5669.05" x2="2494.95" y2="-5696.22" gradientTransform="matrix(1, 0, 0, -1, 0, -4157.39)" gradientUnits="userSpaceOnUse">
<stop offset="0.27" stop-color="#a8a8a8"/>
<stop offset="0.8" stop-color="#ababab"/>
<stop offset="0.9" stop-color="#afafaf"/>
<stop offset="0.96" stop-color="#404040"/>
<stop offset="0.98" stop-color="#404040"/>
<stop offset="1" stop-color="#404040" stop-opacity="0.69"/>
</linearGradient>
<linearGradient id="gradient_15" x1="340.89" y1="910.27" x2="2477.28" y2="50.97" 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="987.61 8.67 1045.15 16.11 2941.99 1148.82 2941.99 1260.79 1988.21 1757.72 34.02 490.88 65.81 407.09 939.6 16.11 987.61 8.67"/>
</clipPath>
<path id="filterPath" d="M0.3295,0.0048l0.0192,0.0041L0.9815,0.6316v0.0616l-0.3182,0.2732L0.0113,0.2699l0.0106-0.0461,0.2915-0.215Z"/>
</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="M59.35,598.6c-106.62-72.1-45.46-165.84-2.47-193.49-46.95,41-19.77,66.57,2.47,80.89C584.53,824.14,1632.44,1497.93,1829.51,1624.65l24.13,15.51c117.11,75.31,210,47.9,239.17,32.1l844-441c16.8-9.38,55.84-39.51,16.8-83.46,85,83,28.66,181.7-18.29,206.93-190.25,102.22-593.48,317.55-767.43,410.89-160.33,86-226.82,51-314.28-5.43C1305,1406.39,178,678.81,59.35,598.6Z" fill="#1a1a1a"/>
<path d="M2965.13,1163.15c-6.53-10.73-18.32-21.85-37.18-33-39-23.08-374.33-223.37-770.21-459.83C1786.79,448.75,1362.66,195.42,1079.31,26.36c-28.83-17.2-95.18-40.52-165.93-11.92-72.67,29.37-595,266.21-841.11,382.76-20.36,9.64-34.6,22.14-39.67,36.47s-.81,30.38,15.17,46.61c2.68,2.71,9.93,8.2,21.19,16.16s26.74,18.49,45.85,31.27c38.24,25.56,91.24,60.19,155.5,101.75,128.54,83.12,302.14,194,492.82,315.44,68.53,43.65,139.26,88.68,210.9,134.28,327,208.17,673,428.37,914.16,585,32.31,21,123.32,54.49,219.39,6.48h0c93.7-48.6,589.55-310.32,825.75-435.1,15.4-8.14,33.14-23.14,37.44-41.91C2972.94,1184.23,2971.68,1173.91,2965.13,1163.15Zm-61.38,53-835.46,436.65a156.16,156.16,0,0,1-156.51-6.83L84,477.27C57.64,460.39,60.45,421,89,408l831-377.64a159.17,159.17,0,0,1,147.39,8.2L2906,1135.17C2937.22,1153.78,2935.94,1199.36,2903.75,1216.19Z" stroke-width="1.98" fill="url(#gradient_02)" stroke="url(#gradient_03)"/>
<path d="M2923.49,1130.49c-74.95-45-1256.16-751.84-1840.66-1097.59C1054.23,16,985.94-10.32,915.72,17.82c-72.48,29.05-591.3,266.7-836.86,382-26.14,12.27-66.06,44.64-18,78.77,44.48,31.61,1240.6,797.07,1827.4,1174.9,32,20.64,108.71,62,220.76,4.43,93.49-48.08,588.29-307,824-430.44C2981.8,1201.91,2962,1153.61,2923.49,1130.49Zm-19.74,85.7-835.46,436.65a156.16,156.16,0,0,1-156.51-6.83L84,477.27C57.64,460.39,60.45,421,89,408l831-377.64a159.17,159.17,0,0,1,147.39,8.2L2906,1135.17C2937.22,1153.78,2935.94,1199.36,2903.75,1216.19Z"/>
<path d="M74.18,482.54c-37.07-24.69-32.12-29.63-26.69-47.41,0,20.25,6.92,29.14,33.6,47.41l1101.49,710.18C826.61,965.38,108.59,505.47,74.18,482.54Z" fill="url(#gradient_04)"/>
<path d="M2885.44,1225.81c31.13-16.79,73.14-57.79,4.94-100.26C2965,1160.62,2954.62,1200.62,2885.44,1225.81Z"/>
<path d="M101.85,402C72.2,417.85,44.52,446,89,480.57,14.88,439.58,70.72,410.44,101.85,402Z"/>
<g mask="url(#mask)">
<path d="M2925,1324.08c68.24-37,77.12-86.43,69.18-115.06,25.69,85.93-40.52,136.11-60.29,146.67-273.76,146.19-651.07,348.67-792.63,424.23s-221.88,25.18-280.19-14.81L961.68,1189.75l-885-579.3C21.3,575.39-13.29,543.29,5,469.7c-5.93,47.91,32.62,81.45,73.14,107.67,529.57,342.57,1678.65,1085.11,1815,1172.42,74.12,47.46,165.54,31.73,200.63,13.34C2290.47,1660,2850.36,1364.59,2925,1324.08Z" fill="url(#gradient_05)"/>
</g>
<path d="M77.63,535.39C45,514.64,44.52,494.89,49,481.56,50.45,488,73.19,503.29,87,512.67L1862,1653c6.42,4.44,25.89,18.37,66.21,34.57-19.76,16.79-45.46,7.3-56.82,0C1287.5,1312.4,111.24,556.72,77.63,535.39Z" fill="url(#gradient_06)"/>
<g mask="url(#mask-2)">
<ellipse cx="1932.21" cy="1689.54" rx="40.03" ry="40" fill="#454545"/>
</g>
<path d="M2120.48,1704.86c-39.14,20.14-67.53,3-77.58-8.9,14.82,0,51.39-13.83,54.85-15.8L2909.66,1252c12.35-6.42,40-19.25,52.87-35.55,9.09,40.29-20.75,57.11-36.57,65.18C2673.77,1414.29,2159.62,1684.7,2120.48,1704.86Z" fill="url(#gradient_07)"/>
<path d="M2912.13,1367.17c30-36.74,9.71-90.49-4.45-114.2-3,1.48-15.81,8.39-18.78,9.88,29.65,51.75,15.32,97.45,4.45,114.4Z" fill="#383838" fill-opacity="0.81"/>
<path d="M2149.1,1775.51c29.88-38.55,9.64-95.21-4.44-120.09l-18.78,9.91c29.48,54.29,15.26,101.79,4.45,119.57l9.38-4.63Z" fill="#383838" fill-opacity="0.81"/>
<path d="M168,564.63,151.71,554C131.15,574.51,129,624.64,131,645.87c1.49,1,15.82,10.29,18.29,12C144.1,612.78,159.12,574,168,564.63Z" fill="#2b2b2b" fill-opacity="0.83"/>
<path d="M441.28,740.15,425,729.78c-20.56,20.54-24.22,71.71-22.24,92.94,1.48,1,15.81,10.17,18.28,11.83C415.88,789.51,432.39,749.53,441.28,740.15Z" fill="#2b2b2b" fill-opacity="0.83"/>
<path d="M2879.63,1321.2h0c4.74-2.06,8.57.46,8.57,5.62V1353a15.44,15.44,0,0,1-8.57,13.06h0c-4.73,2.06-8.57-.46-8.57-5.62v-26.22A15.46,15.46,0,0,1,2879.63,1321.2Z"/>
<path d="M2855.91,1334h0c4.74-2.06,8.57.46,8.57,5.62v26.22a15.41,15.41,0,0,1-8.57,13.06h0c-4.73,2.06-8.57-.46-8.57-5.61v-26.22A15.46,15.46,0,0,1,2855.91,1334Z"/>
<path d="M2833.18,1345.9h0c4.74-2.06,8.57.45,8.57,5.61v26.22a15.44,15.44,0,0,1-8.57,13.07h0c-4.73,2-8.57-.46-8.57-5.62V1359A15.43,15.43,0,0,1,2833.18,1345.9Z"/>
<path d="M2810.45,1357.75h0c4.73-2.06,8.57.46,8.57,5.62v26.22a15.46,15.46,0,0,1-8.57,13.06h0c-4.73,2.06-8.57-.46-8.57-5.62v-26.22A15.46,15.46,0,0,1,2810.45,1357.75Z"/>
<path d="M2787.72,1370.58h0c4.73-2,8.57.46,8.57,5.62v26.22a15.43,15.43,0,0,1-8.57,13.06h0c-4.73,2.06-8.57-.45-8.57-5.61v-26.22A15.46,15.46,0,0,1,2787.72,1370.58Z"/>
<path d="M2763.51,1383.42h0c5-2.05,9.06.67,9.06,6.08v25.31a15.8,15.8,0,0,1-9.06,13.52h0c-5,2.05-9.07-.67-9.07-6.08v-25.31A15.79,15.79,0,0,1,2763.51,1383.42Z"/>
<ellipse cx="2423.14" cy="1589.71" rx="9.03" ry="8.16" transform="translate(637.51 3872.32) rotate(-85.23)" fill="url(#gradient_08)"/>
<ellipse cx="2424.91" cy="1584.06" rx="7.85" ry="9.72" transform="translate(-386.09 885.69) rotate(-19.2)" fill="url(#gradient_09)"/>
<ellipse cx="2423.7" cy="1586.52" rx="8.61" ry="10.42" fill="#0b0b0b"/>
<ellipse cx="560.37" cy="236.41" rx="29.65" ry="15.31" fill="#0c0c0c"/>
<path d="M561.22,227.64c11.3.81,19.79,5.24,19,9.89s-10.65,7.77-21.94,7-19.79-5.23-19-9.88S549.92,226.84,561.22,227.64Z" fill="url(#gradient_10)"/>
<path d="M561.22,227.64c11.3.81,19.79,5.24,19,9.89s-10.65,7.77-21.94,7-19.79-5.23-19-9.88S549.92,226.84,561.22,227.64Z" fill="url(#gradient_11)"/>
<path d="M561.22,227.64c11.3.81,19.79,5.24,19,9.89s-10.65,7.77-21.94,7-19.79-5.23-19-9.88S549.92,226.84,561.22,227.64Z" fill="url(#gradient_12)"/>
<path d="M547.35,233.68c3.21-.71,7.55-.19,9.7,1.17s1.3,3-1.91,3.76-7.55.2-9.7-1.16S544.14,234.4,547.35,233.68Z" fill="url(#gradient_13)"/>
<path d="M2467.44,1563.26c.52-18.35,14-40.26,30.22-48.94l82.61-44.33c16.18-8.68,28.87-.85,28.35,17.5s-14,40.24-30.22,48.92l-82.59,44.34C2479.63,1589.43,2466.93,1581.6,2467.44,1563.26Z" fill="#353535"/>
<path d="M2473,1561c.38-13.66,10.46-30,22.51-36.46l86.54-46.44c12.05-6.47,21.51-.63,21.13,13s-10.47,30-22.52,36.46l-86.53,46.45C2482.09,1580.54,2472.62,1574.71,2473,1561Z"/>
<g mask="url(#mask-3)">
<path d="M2501.14,1545.85l-23.72-.31c-2.47,0-1.9-3.06-1.42-4.46s1.67-1.79,3-1.94l20.95,1.56,67.2-36.55s2.47-1.14,3.46.5c1.49,2.46-1.78,4.54-1.78,4.54Z" fill="url(#gradient_14)"/>
</g>
<path d="M1067.33,38.57a159.17,159.17,0,0,0-147.39-8.2L100.45,402.8C83.73,412,68,425,65.93,441a40.64,40.64,0,0,0,.39,9.35c1.93,9.16,8.55,19.08,21.85,29.61l1132,723.86,412.46-828Z" opacity="0.4" fill="url(#gradient_15)"/>
<path d="M59.35,598.6C178,678.81,1305,1406.39,1853.64,1760.17c87.46,56.39,153.95,91.46,314.28,5.43,173.95-93.34,577.18-308.67,767.43-410.89,46.09-24.77,101.22-120.4,22.77-202.39-7.25-7.93-17.17-15.64-29.67-23C2889.81,1106.42,2555.87,907,2169.2,676L2146,662.12C1777.57,442.09,1360,192.71,1079.81,25.51c-36.6-21.84-102.25-38.09-166.8-12C837.56,44,313.64,281.79,71.85,396.31c-12,5.68-21.64,12.23-28.68,19.39C3,451.91-36.25,534,59.35,598.6ZM86.72,405.11,918.34,27.46C965.84,5.87,1025,9.18,1069.82,35.91L2912,1132.11c31.2,18.6,28.43,72.16-3.76,89l-834.62,438.08c-49.63,25.94-119.56,22.54-166.73-7.63L81.14,479.57C54.74,462.69,58.19,418.07,86.72,405.11Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

207
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/galaxy_3d_landscape_02.svg Normal file
View file

@ -0,0 +1,207 @@
<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 3000 1819" data-forced-size="true" width="3000" height="1819" data-img-aspect-ratio="20:9" data-img-perspective="[[0.75, 64.74], [66.8, -0.22], [99.24, 24.08], [33.73, 93.17]]">
<defs>
<mask id="mask" x="0" y="405.11" width="3000" height="1414.39" maskUnits="userSpaceOnUse">
<path d="M1146.36,1760.17c-46.32,29.86-75.6,55-138.36,58.76-45.84,2.75-82-3-175.92-53.33-174-93.34-577.18-308.67-767.43-410.89-46.95-25.23-103.28-124-18.29-206.93-39,44,0,74.08,16.8,83.46l844,441c29.16,15.8,122.06,43.21,239.17-32.1l24.11-15.5c197-126.69,1245-800.51,1770.18-1138.66,22.24-14.32,49.42-39.9,2.47-80.89,43,27.65,104.15,121.39-2.47,193.49C2822.05,678.81,1695,1406.39,1146.36,1760.17Z" fill="#1f1f1f"/>
</mask>
<mask id="mask-2" x="1027.77" y="481.56" width="1925.26" height="1247.99" maskUnits="userSpaceOnUse">
<path d="M1128.57,1687.57c-11.36,7.3-37.06,16.79-56.82,0,40.32-16.2,59.79-30.13,66.21-34.57L2913,512.67c13.83-9.38,36.57-24.69,38.05-31.11,4.45,13.33,4,33.08-28.66,53.83C2888.76,556.72,1712.5,1312.4,1128.57,1687.57Z" fill="url(#gradient_01)"/>
</mask>
<mask id="mask-3" x="396.8" y="1475.5" width="130.2" height="101.21" maskUnits="userSpaceOnUse">
<path d="M505.86,1574.08l-86.53-46.45c-12.05-6.47-22.13-22.79-22.52-36.46s9.08-19.5,21.13-13l86.54,46.44c12,6.47,22.13,22.8,22.51,36.46S517.91,1580.54,505.86,1574.08Z"/>
</mask>
<linearGradient id="gradient_01" x1="780.07" y1="-5623.42" x2="1134.84" y2="-5068.77" gradientTransform="translate(3035.45 -4157.39) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0.63" stop-color="#949494"/>
<stop offset="0.74" stop-color="#e0e0e0"/>
</linearGradient>
<radialGradient id="gradient_02" cx="-5249.67" cy="-1759.76" r="0.99" gradientTransform="matrix(350, 699.58, -1313.26, 656.41, -472182.75, 4828539.53)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#696969"/>
<stop offset="0.18" stop-color="#707072"/>
<stop offset="0.19" stop-color="#b9b9b9"/>
<stop offset="0.19" stop-color="#5d5d5d"/>
<stop offset="0.2"/>
<stop offset="0.2"/>
<stop offset="0.21" stop-color="#717171"/>
<stop offset="0.24" stop-color="#7e7e7e"/>
<stop offset="0.37" stop-color="#848484"/>
<stop offset="0.39"/>
<stop offset="0.4" stop-color="#41413f"/>
<stop offset="0.66" stop-color="#676767"/>
<stop offset="0.68" stop-color="#c7c7c7"/>
<stop offset="0.68"/>
<stop offset="0.68"/>
<stop offset="0.69" stop-color="#525252"/>
<stop offset="0.73" stop-color="#737373"/>
<stop offset="0.87" stop-color="#747474"/>
<stop offset="0.88" stop-color="#434343"/>
<stop offset="0.89"/>
<stop offset="0.9"/>
<stop offset="0.91" stop-color="#585858"/>
<stop offset="0.92" stop-color="#6c6c6c"/>
</radialGradient>
<radialGradient id="gradient_03" cx="-5248.93" cy="-1760.44" r="0.99" gradientTransform="matrix(300.26, 801.3, -1657.21, 620.41, -1340166.07, 5299057.82)" gradientUnits="userSpaceOnUse">
<stop offset="0.21" stop-color="#363636"/>
<stop offset="0.21" stop-color="#f5f5f5"/>
<stop offset="0.21" stop-color="silver"/>
<stop offset="0.22"/>
<stop offset="0.24" stop-color="#3c3c3c"/>
</radialGradient>
<linearGradient id="gradient_04" x1="255.53" y1="-4439.05" x2="960.41" y2="-5411.79" gradientTransform="translate(3035.45 -4157.39) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0.02"/>
<stop offset="0.04" stop-color="#c3c3c3"/>
<stop offset="0.05" stop-color="#7b7b7b"/>
<stop offset="0.49" stop-color="#4a4a4a"/>
<stop offset="1" stop-color="#c4c4c4" stop-opacity="0"/>
<stop offset="1" stop-color="#403b3b" stop-opacity="0"/>
</linearGradient>
<radialGradient id="gradient_05" cx="-5255.66" cy="-1757.04" r="0.99" gradientTransform="matrix(284, 249.85, -522.53, 593.4, 575573.86, 2356651.76)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#515151"/>
<stop offset="0.18" stop-color="#676767"/>
<stop offset="0.8" stop-color="#5a5a5a"/>
<stop offset="0.87" stop-color="#a7a7a7"/>
<stop offset="0.89" stop-color="#a5a5a5"/>
<stop offset="0.9" stop-color="#8e8e8e"/>
<stop offset="0.92" stop-color="#949494"/>
<stop offset="0.92" stop-color="#929292"/>
<stop offset="0.95" stop-color="#b9b9b9"/>
</radialGradient>
<linearGradient id="gradient_06" x1="780.07" y1="-5623.42" x2="1134.84" y2="-5068.77" gradientTransform="translate(3035.45 -4157.39) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0.61" stop-color="#4f4f4f"/>
<stop offset="0.71" stop-color="#e0e0e0"/>
<stop offset="0.91" stop-color="#fff"/>
</linearGradient>
<linearGradient id="gradient_07" x1="2596.11" y1="-5724.5" x2="2532.94" y2="-5603.57" gradientTransform="translate(3035.45 -4157.39) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0.53" stop-color="#313131"/>
<stop offset="0.7" stop-color="#7b7b7b"/>
<stop offset="0.82" stop-color="#9d9d9d"/>
</linearGradient>
<linearGradient id="gradient_08" x1="407.29" y1="-3553.99" x2="422.35" y2="-3557.85" gradientTransform="matrix(-1, 0, 0, -1, 752.56, -2082.85)" gradientUnits="userSpaceOnUse">
<stop offset="0.08" stop-color="#2f2f2f"/>
<stop offset="0.47" stop-color="#f0f0f0"/>
<stop offset="0.62" stop-color="#9a9a9a"/>
</linearGradient>
<linearGradient id="gradient_09" x1="1643.24" y1="-7295.54" x2="1656.9" y2="-7302.97" gradientTransform="matrix(0, -1, 1, 0, 7644.64, 3106.04)" gradientUnits="userSpaceOnUse">
<stop offset="0.08" stop-color="#2f2f2f"/>
<stop offset="0.47" stop-color="#979797"/>
<stop offset="0.62" stop-color="#474747"/>
</linearGradient>
<radialGradient id="gradient_10" cx="-4987.46" cy="-1996.31" r="0.99" gradientTransform="matrix(-20.7, 1.48, -0.62, -8.59, -102020.72, -9519.63)" gradientUnits="userSpaceOnUse">
<stop offset="0.21" stop-color="#191919"/>
<stop offset="0.27" stop-color="#365153"/>
<stop offset="0.4" stop-color="#1f5558"/>
<stop offset="0.52" stop-color="#60acba"/>
<stop offset="0.71" stop-color="#416961"/>
<stop offset="0.92" stop-color="#191919"/>
</radialGradient>
<radialGradient id="gradient_11" cx="-4987.46" cy="-1996.31" r="0.99" gradientTransform="matrix(-20.7, 1.48, -0.62, -8.59, -102020.72, -9519.63)" gradientUnits="userSpaceOnUse">
<stop offset="0.41" stop-opacity="0"/>
<stop offset="0.51"/>
<stop offset="0.82" stop-opacity="0"/>
</radialGradient>
<radialGradient id="gradient_12" cx="-4986.6" cy="-1995" r="0.99" gradientTransform="matrix(-20.7, 1.48, -0.62, -8.59, -102020.72, -9519.63)" gradientUnits="userSpaceOnUse">
<stop offset="0.09"/>
<stop offset="0.17" stop-opacity="0.13"/>
<stop offset="0.3" stop-opacity="0.13"/>
<stop offset="0.46"/>
<stop offset="0.63"/>
<stop offset="0.68" stop-opacity="0"/>
<stop offset="0.88" stop-opacity="0"/>
<stop offset="0.95"/>
</radialGradient>
<radialGradient id="gradient_13" cx="-4480.42" cy="-2820.61" r="0.99" gradientTransform="matrix(-5.88, -1.31, 0.72, -3.21, -21852.81, -14710.17)" gradientUnits="userSpaceOnUse">
<stop offset="0.13" stop-color="#58a9d7"/>
<stop offset="1" stop-opacity="0"/>
</radialGradient>
<linearGradient id="gradient_14" x1="2607.34" y1="-5669.05" x2="2530.4" y2="-5696.22" gradientTransform="translate(3035.45 -4157.39) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0.27" stop-color="#a8a8a8"/>
<stop offset="0.8" stop-color="#ababab"/>
<stop offset="0.9" stop-color="#afafaf"/>
<stop offset="0.96" stop-color="#404040"/>
<stop offset="0.98" stop-color="#404040"/>
<stop offset="1" stop-color="#404040" stop-opacity="0.69"/>
</linearGradient>
<linearGradient id="gradient_15" x1="2302.34" y1="-5025.68" x2="2299.14" y2="-5175.96" gradientTransform="matrix(0.54, 0.84, 0.84, -0.54, 5270.21, -3700.97)" gradientUnits="userSpaceOnUse">
<stop offset="0.02" stop-color="#6e6e6e"/>
<stop offset="0.02" stop-color="#1f1f1f"/>
<stop offset="0.02" stop-color="#2c2c2c"/>
<stop offset="0.03" stop-color="#646464"/>
<stop offset="0.94" stop-color="#3e3e3e"/>
<stop offset="0.95" stop-color="#2c2c2c"/>
</linearGradient>
<linearGradient id="gradient_16" x1="2306.64" y1="-4545.06" x2="2295.01" y2="-4831.34" gradientTransform="matrix(0.54, 0.84, 0.84, -0.54, 5270.21, -3700.97)" gradientUnits="userSpaceOnUse">
<stop offset="0.02" stop-color="#6e6e6e"/>
<stop offset="0.02" stop-color="#1f1f1f"/>
<stop offset="0.02" stop-color="#2c2c2c"/>
<stop offset="0.03" stop-color="#646464"/>
<stop offset="0.97" stop-color="#3e3e3e"/>
<stop offset="0.98" stop-color="#2c2c2c"/>
</linearGradient>
<linearGradient id="gradient_17" x1="1431.34" y1="818.64" x2="3778.83" y2="-125.56" 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="2921.14 399.82 2950.74 445.93 2947.74 501.51 1020.79 1734.75 37.47 1216.43 63.03 1143.37 1951.57 19.84 2018.86 8.26 2099.78 27.19 2921.14 399.82"/>
</clipPath>
<path id="filterPath" d="M0.9745,0.2198l0.0099,0.0253-0.001,0.0306L0.3405,0.9537,0.0125,0.6687,0.021,0.6286,0.6511,0.0109l0.0224-0.0064,0.027,0.0104Z"/>
</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="M1146.36,1760.17c-87.46,56.39-153.95,91.46-314.28,5.43-174-93.34-577.18-308.67-767.43-410.89-46.95-25.23-103.28-124-18.29-206.93-39,44,0,74.08,16.8,83.46l844,441c29.16,15.8,122.06,43.21,239.17-32.1l24.13-15.51c197.07-126.72,1245-800.51,1770.16-1138.65,22.24-14.32,49.42-39.9,2.47-80.89,43,27.65,104.15,121.39-2.47,193.49C2822.05,678.81,1695,1406.39,1146.36,1760.17Z" fill="#1a1a1a"/>
<path d="M2967.4,433.67c-5.07-14.33-19.31-26.83-39.67-36.47C2681.64,280.65,2159.29,43.81,2086.62,14.44c-70.75-28.6-137.1-5.28-165.93,11.92C1637.34,195.42,1213.21,448.75,842.26,670.31c-395.88,236.46-731.2,436.75-770.21,459.83-18.86,11.16-30.65,22.28-37.18,33s-7.81,21.08-5.65,30.51c4.3,18.77,22,33.77,37.44,41.91,236.2,124.78,732.05,386.5,825.75,435.1h0c96.07,48,187.07,14.51,219.39-6.48,241.19-156.65,587.13-376.85,914.16-585,71.64-45.6,142.37-90.63,210.9-134.28,190.68-121.47,364.28-232.32,492.82-315.44C2794,587.9,2847,553.27,2885.19,527.71c19.11-12.78,34.54-23.29,45.85-31.27s18.51-13.45,21.19-16.16C2968.21,464.05,2972.51,448.1,2967.4,433.67ZM2916,477.27,1088.22,1646a156.16,156.16,0,0,1-156.51,6.83L96.25,1216.19c-32.19-16.83-33.47-62.41-2.27-81L1932.67,38.57a159.18,159.18,0,0,1,147.4-8.2L2911,408C2939.55,421,2942.36,460.39,2916,477.27Z" stroke-width="1.98" fill="url(#gradient_02)" stroke="url(#gradient_03)"/>
<path d="M2921.14,399.82c-245.56-115.3-764.38-352.95-836.86-382C2014.06-10.32,1945.77,16,1917.17,32.9,1332.67,378.65,151.46,1085.53,76.51,1130.49c-38.55,23.12-58.31,71.42-9.49,97,235.7,123.44,730.5,382.36,824,430.44,112,57.61,188.71,16.21,220.76-4.43,586.8-377.83,1782.92-1143.29,1827.4-1174.9C2987.2,444.46,2947.28,412.09,2921.14,399.82ZM2916,477.27,1088.22,1646a156.16,156.16,0,0,1-156.51,6.83L96.25,1216.19c-32.19-16.83-33.47-62.41-2.27-81L1932.67,38.57a159.18,159.18,0,0,1,147.4-8.2L2911,408C2939.55,421,2942.36,460.39,2916,477.27Z"/>
<path d="M1817.42,1192.72,2918.91,482.54c26.68-18.27,33.6-27.16,33.6-47.41,5.43,17.78,10.38,22.72-26.69,47.41C2891.41,505.47,2173.39,965.38,1817.42,1192.72Z" fill="url(#gradient_04)"/>
<path d="M109.62,1125.55c-68.2,42.47-26.19,83.47,4.94,100.26C45.38,1200.62,35,1160.62,109.62,1125.55Z"/>
<path d="M2911,480.57c44.48-34.57,16.8-62.72-12.85-78.53C2929.28,410.44,2985.12,439.58,2911,480.57Z"/>
<g mask="url(#mask)">
<path d="M906.2,1763.13c35.09,18.39,126.51,34.12,200.63-13.34,136.39-87.31,1285.47-829.85,1815-1172.42,40.52-26.22,79.07-59.76,73.14-107.67,18.28,73.59-16.31,105.69-71.66,140.75l-885,579.3L1139,1765.11c-58.31,40-138.62,90.38-280.19,14.81s-518.87-278-792.63-424.23C46.36,1345.13-19.85,1295,5.84,1209c-7.94,28.63.94,78,69.18,115.06C149.64,1364.59,709.53,1660,906.2,1763.13Z" fill="url(#gradient_05)"/>
</g>
<path d="M1128.57,1687.57c-11.36,7.3-37.06,16.79-56.82,0,40.32-16.2,59.79-30.13,66.21-34.57L2913,512.67c13.83-9.38,36.57-24.69,38.05-31.11,4.45,13.33,4,33.08-28.66,53.83C2888.76,556.72,1712.5,1312.4,1128.57,1687.57Z" fill="url(#gradient_06)"/>
<g mask="url(#mask-2)">
<ellipse cx="1067.79" cy="1689.54" rx="40.03" ry="40" fill="#454545"/>
</g>
<path d="M74,1281.61c-15.82-8.07-45.66-24.89-36.57-65.18,12.85,16.3,40.52,29.13,52.87,35.55l811.91,428.18c3.46,2,40,15.8,54.85,15.8-10.05,11.86-38.44,29-77.58,8.9S326.23,1414.29,74,1281.61Z" fill="url(#gradient_07)"/>
<path d="M106.65,1377.25c-10.87-17-25.2-62.65,4.45-114.4-3-1.49-15.81-8.4-18.78-9.88-14.16,23.71-34.49,77.46-4.45,114.2Z" fill="#383838" fill-opacity="0.81"/>
<path d="M860.29,1780.27l9.38,4.63c-10.81-17.78-25-65.28,4.45-119.57l-18.78-9.91C841.26,1680.3,821,1737,850.9,1775.51Z" fill="#383838" fill-opacity="0.81"/>
<path d="M2373.8,965.35c2.47-1.66,16.81-10.84,18.29-11.83,2-21.23-1.68-72.4-22.24-92.94L2353.54,871C2362.44,880.33,2378.94,920.3,2373.8,965.35Z" fill="#2b2b2b" fill-opacity="0.83"/>
<g>
<path d="M701.91,1640v26.22c0,5.16-3.83,7.67-8.57,5.61h0a15.43,15.43,0,0,1-8.57-13.06v-26.22c0-5.16,3.84-7.67,8.57-5.62h0A15.44,15.44,0,0,1,701.91,1640Z"/>
<path d="M725.63,1652.84v26.22c0,5.16-3.83,7.67-8.57,5.62h0a15.46,15.46,0,0,1-8.57-13.07v-26.22c0-5.16,3.84-7.67,8.57-5.61h0A15.41,15.41,0,0,1,725.63,1652.84Z"/>
<path d="M748.37,1664.69v26.22c0,5.16-3.84,7.68-8.57,5.62h0a15.43,15.43,0,0,1-8.58-13.06v-26.22c0-5.16,3.84-7.68,8.58-5.62h0A15.46,15.46,0,0,1,748.37,1664.69Z"/>
<path d="M771.1,1676.55v26.22c0,5.16-3.84,7.67-8.57,5.62h0a15.44,15.44,0,0,1-8.57-13.07V1669.1c0-5.16,3.83-7.67,8.57-5.62h0A15.46,15.46,0,0,1,771.1,1676.55Z"/>
<path d="M793.83,1689.38v26.22c0,5.16-3.84,7.67-8.57,5.62h0a15.44,15.44,0,0,1-8.57-13.07v-26.22c0-5.16,3.83-7.67,8.57-5.61h0A15.43,15.43,0,0,1,793.83,1689.38Z"/>
<path d="M818.54,1702.68V1728c0,5.41-4.06,8.13-9.07,6.07h0a15.8,15.8,0,0,1-9.06-13.52v-25.31c0-5.41,4.06-8.13,9.06-6.07h0A15.79,15.79,0,0,1,818.54,1702.68Z"/>
</g>
<g>
<ellipse cx="347.82" cy="1469.86" rx="8.16" ry="9.03" transform="translate(-120.97 34) rotate(-4.77)" fill="url(#gradient_08)"/>
<ellipse cx="346.04" cy="1464.21" rx="9.72" ry="7.85" transform="translate(-1150.52 1309.41) rotate(-70.8)" fill="url(#gradient_09)"/>
<ellipse cx="347.25" cy="1466.67" rx="8.61" ry="10.42" fill="#0b0b0b"/>
</g>
<ellipse cx="2439.63" cy="236.41" rx="29.65" ry="15.31" fill="#0c0c0c"/>
<path d="M2460.73,234.61c.82,4.65-7.67,9.07-19,9.88s-21.12-2.3-21.94-7,7.66-9.08,19-9.89S2459.91,230,2460.73,234.61Z" fill="url(#gradient_10)"/>
<path d="M2460.73,234.61c.82,4.65-7.67,9.07-19,9.88s-21.12-2.3-21.94-7,7.66-9.08,19-9.89S2459.91,230,2460.73,234.61Z" fill="url(#gradient_11)"/>
<path d="M2460.73,234.61c.82,4.65-7.67,9.07-19,9.88s-21.12-2.3-21.94-7,7.66-9.08,19-9.89S2459.91,230,2460.73,234.61Z" fill="url(#gradient_12)"/>
<path d="M2454.56,237.45c-2.15,1.36-6.49,1.88-9.7,1.16s-4.06-2.4-1.91-3.76,6.49-1.88,9.7-1.17S2456.72,236.08,2454.56,237.45Z" fill="url(#gradient_13)"/>
<path d="M504.19,1580.75l-82.59-44.34c-16.18-8.68-29.71-30.59-30.22-48.92s12.17-26.18,28.35-17.5l82.61,44.33c16.17,8.68,29.7,30.59,30.22,48.94S520.37,1589.43,504.19,1580.75Z" fill="#353535"/>
<path d="M505.86,1574.08l-86.53-46.45c-12.05-6.47-22.13-22.79-22.52-36.46s9.08-19.5,21.13-13l86.54,46.44c12,6.47,22.13,22.8,22.51,36.46S517.91,1580.54,505.86,1574.08Z"/>
<g mask="url(#mask-3)">
<path d="M431.17,1509.19s-3.27-2.08-1.78-4.54c1-1.64,3.46-.5,3.46-.5l67.2,36.55,20.95-1.56c1.33.15,2.49.47,3,1.94s1,4.43-1.42,4.46l-23.72.31Z" fill="url(#gradient_14)"/>
</g>
<g>
<path d="M2297.38,959.66h0a8.54,8.54,0,0,1-2.54,11.82l-111.57,72.07a8.55,8.55,0,0,1-11.82-2.54h0a8.54,8.54,0,0,1,2.54-11.82l111.57-72.07A8.55,8.55,0,0,1,2297.38,959.66Z" fill="#1e1e1e"/>
<path d="M2287.8,956.88a7.54,7.54,0,1,1,8.19,12.66l-113,73a8.76,8.76,0,0,1-12.11-2.61,6.31,6.31,0,0,1,1.88-8.74Z" fill="url(#gradient_15)"/>
<path d="M2299.59,961.23h0a5,5,0,0,1-1.49,6.95l-118.29,76.41a5,5,0,0,1-7-1.49h0a5,5,0,0,1,1.5-6.95l118.29-76.42A5,5,0,0,1,2299.59,961.23Z" fill="#2d2d2d"/>
</g>
<g>
<path d="M2701.39,698.69h0a8.55,8.55,0,0,1-2.54,11.82L2471.48,857.38a8.56,8.56,0,0,1-11.82-2.54h0A8.55,8.55,0,0,1,2462.2,843l227.37-146.87A8.56,8.56,0,0,1,2701.39,698.69Z" fill="#1e1e1e"/>
<path d="M2691.8,695.9a7.54,7.54,0,0,1,8.19,12.67l-228,147.3a8.76,8.76,0,0,1-12.11-2.6,6.32,6.32,0,0,1,1.88-8.75Z" fill="url(#gradient_16)"/>
<path d="M2703.6,700.26h0a5,5,0,0,1-1.49,7L2468.83,857.9a5,5,0,0,1-7-1.5h0a5,5,0,0,1,1.5-6.95l233.27-150.69A5,5,0,0,1,2703.6,700.26Z" fill="#2d2d2d"/>
</g>
<path d="M2933.68,450.3a40.49,40.49,0,0,0,.39-9.33c-2.06-15.93-17.79-29-34.52-38.17L2080.07,30.37a159.18,159.18,0,0,0-147.4,8.2L1723.19,163.51c-53.5,360.5-114.34,771.61-176.06,1189.05l1364.7-872.65C2925.13,469.38,2931.75,459.45,2933.68,450.3Z" opacity="0.4" fill="url(#gradient_17)"/>
<path d="M2956.83,415.7c-7-7.16-16.68-13.71-28.68-19.39C2686.36,281.79,2162.44,44,2087,13.52c-64.55-26.1-130.2-9.85-166.8,12C1640,192.71,1222.43,442.09,854.05,662.12L830.8,676C444.13,907,110.19,1106.42,71.55,1129.28c-12.5,7.4-22.42,15.11-29.67,23-78.45,82-23.32,177.62,22.77,202.39,190.25,102.22,593.48,317.55,767.43,410.89,160.33,86,226.82,51,314.28-5.43C1695,1406.39,2822.05,678.81,2940.65,598.6,3036.25,534,2997,451.91,2956.83,415.7Zm-38,63.87-1825.79,1172c-47.17,30.17-117.1,33.57-166.73,7.63L91.72,1221.11c-32.19-16.84-35-70.4-3.76-89L1930.18,35.91c44.81-26.73,104-30,151.48-8.45l831.62,377.65C2941.81,418.07,2945.26,462.69,2918.86,479.57Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 19 KiB

98
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/galaxy_3d_portrait_01.svg Normal file
View file

@ -0,0 +1,98 @@
<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 800 2481" data-forced-size="true" width="800" height="2481" data-img-aspect-ratio="9:20" data-img-perspective="[[13.32, 0.7], [96.69, 7.94], [98.18, 97.16], [12.55, 97.57]]">
<defs>
<mask id="mask" x="9.45" y="0.17" width="789.68" height="2478.96" maskUnits="userSpaceOnUse">
<path d="M63.12,9.8c41.13-19.54,75.84-4,104.34.55-47.66,0-79.91,14.73-79.91,86.19,0,724.43-10.9,2190.27-9.67,2258.24s46.82,97.68,70.56,98.18l567.72-8.65c31.05,0,72.78-18.85,83-105.47-4.07,109.54-67.18,123.81-85,124.29-182.27,4.92-555.17,15-588.57,15.77-42,1-66,0-92.66-33.06-23.41-29-23.42-67.21-23.42-91v0c-.17-737,8.47-2208.8,8.87-2246.65C18.82,62.15,26,27.44,63.12,9.8Z" fill="#535353"/>
</mask>
<mask id="mask-2" x="0" y="0.17" width="799.12" height="2478.96" maskUnits="userSpaceOnUse">
<path d="M63.12,9.8c41.13-19.54,75.84-4,104.34.55-47.66,0-79.91,14.73-79.91,86.19,0,724.43-10.9,2190.27-9.67,2258.24s46.82,97.68,70.56,98.18l567.72-8.65c31.05,0,72.78-18.85,83-105.47-4.07,109.54-67.18,123.81-85,124.29-182.27,4.92-555.17,15-588.57,15.77-42,1-66,0-92.66-33.06-23.41-29-23.42-67.21-23.42-91v0c-.17-737,8.47-2208.8,8.87-2246.65C18.82,62.15,26,27.44,63.12,9.8Z" fill="#242424"/>
</mask>
<mask id="mask-3" x="9.45" y="0.17" width="790.55" height="2480.83" maskUnits="userSpaceOnUse">
<path d="M63.12,9.8c41.13-19.54,75.84-4,104.34.55-47.66,0-79.91,14.73-79.91,86.19,0,724.43-10.9,2190.27-9.67,2258.24s46.82,97.68,70.56,98.18l567.72-8.65c31.05,0,72.78-18.85,83-105.47-4.07,109.54-67.18,123.81-85,124.29-182.27,4.92-555.17,15-588.57,15.77-42,1-66,0-92.66-33.06-23.41-29-23.42-67.21-23.42-91v0c-.17-737,8.47-2208.8,8.87-2246.65C18.82,62.15,26,27.44,63.12,9.8Z" fill="#1a1a1a"/>
</mask>
<mask id="mask-4" x="464.2" y="161.64" width="23.41" height="43.82" maskUnits="userSpaceOnUse">
<path d="M487.51,182.67c.87,12.09-3.62,22.28-10,22.77s-12.31-8.93-13.18-21,3.62-22.28,10-22.77S486.64,170.58,487.51,182.67Z" fill="#121212"/>
</mask>
<mask id="mask-5" x="463.19" y="163.67" width="15.27" height="32.61" maskUnits="userSpaceOnUse">
<path d="M478.39,179.33c.53,9-2.2,16.58-6.1,16.94s-7.49-6.64-8-15.64,2.2-16.58,6.1-16.94S477.86,170.33,478.39,179.33Z" fill="#121212"/>
</mask>
<linearGradient id="gradient_01" x1="129.41" y1="-0.54" x2="103.42" y2="-23.95" gradientTransform="matrix(1, 0, 0, -1, 0, 4.62)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff"/>
<stop offset="0.43" stop-color="#c4c4c4"/>
<stop offset="1" stop-color="#8c8c8c"/>
</linearGradient>
<linearGradient id="gradient_02" x1="82.46" y1="-1224.89" x2="44.79" y2="-1224.89" gradientTransform="matrix(1, 0, 0, -1, 0, 4.62)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#cacaca"/>
<stop offset="0.21" stop-color="#fff"/>
<stop offset="0.36" stop-color="#bebebe"/>
<stop offset="1" stop-color="#4e4e4e"/>
</linearGradient>
<radialGradient id="gradient_03" cx="2897.59" cy="312.84" r="0.99" gradientTransform="matrix(0, 35.91, 644.21, 0, -201124.17, -101603.06)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#878787"/>
<stop offset="0.8" stop-color="#444"/>
</radialGradient>
<radialGradient id="gradient_04" cx="436.72" cy="1232.66" r="902.56" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#c4c4c4"/>
<stop offset="0.1" stop-color="#8c8c8c"/>
<stop offset="0.12" stop-color="#fff"/>
<stop offset="0.13" stop-color="#777"/>
<stop offset="0.37" stop-color="#5f5f5f"/>
<stop offset="0.38" stop-color="#fff"/>
<stop offset="0.43" stop-color="#434343"/>
<stop offset="0.49" stop-color="#292929"/>
<stop offset="0.58" stop-color="#656565"/>
<stop offset="0.62" stop-color="#515151"/>
<stop offset="0.94" stop-color="#696969"/>
<stop offset="1" stop-color="#c4c4c4"/>
</radialGradient>
<linearGradient id="gradient_05" x1="-140.44" y1="1040.17" x2="1604.24" y2="338.43" 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="95.21 12.06 724.55 174.88 758.06 199.6 773.35 231.37 778.76 265.15 791.29 2360.2 752.55 2434.45 76.86 2439.21 63.88 41.21 95.21 12.06"/>
</clipPath>
<path id="filterPath" d="M0.119,0.0049,0.9057,0.0705l0.0419,0.01,0.0191,0.0128,0.0068,0.0136,0.0157,0.8444-0.0484,0.0299-0.8446,0.0019-0.0163-0.9665Z"/>
</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="M63.12,9.8c41.13-19.54,80.42-5.1,114,2.54-47.65,0-89.58,12.74-89.58,84.2,0,724.43-10.9,2190.27-9.67,2258.23s46.82,97.69,70.56,98.19l567.72-8.65c31.05,0,72.78-18.85,83-105.47-4.07,109.54-67.18,123.81-85,124.29-182.27,4.92-555.17,15-588.57,15.77-42,1-66,0-92.66-33.06-23.41-29-23.42-67.21-23.42-91v-.05C9.28,1617.8,17.92,146,18.32,108.13,18.82,62.15,26,27.44,63.12,9.8Z" fill="#1a1a1a"/>
<g mask="url(#mask)">
<path d="M79.91,26.1c4.07,8.56,17.82,6.62,23.42,2.55,28-23.44,46.82-15.8,62.09-18.34l-1.19-.22C131.06,4.14,120,2.15,105.87,2.15,82.76,2.15,74.82,15.4,79.91,26.1Z" fill="url(#gradient_01)"/>
</g>
<g mask="url(#mask-2)">
<path d="M30.54,91.32c0-55.54,12.72-68.79,12.72-68.79-23.61,0-37,47.9-37.15,68.79C3.56,833,0,2263.22,0,2311.32c0,85.1,12.22,88.15,12.22,88.15s9.16,5.1,9.16-53C21.38,1593.22,30.54,114.15,30.54,91.32Z" fill="#545454"/>
</g>
<path d="M55.48,98.45V170.3L45.3,2355.15c-.17,11,2.85,33.11,16.29,33.11,8.14.41,10.52-10,10.69-15.28L82.46,94.89c0-8.16-1-22.93-7.64-24C59.53,68.58,55.48,90.3,55.48,98.45Z" fill="url(#gradient_02)"/>
<g mask="url(#mask-3)">
<path d="M135.9,2460.1c-70.85.82-98.44-5.6-122.16-50.43C33.08,2467.23,71.26,2481,91.62,2481l625.56-13.77c33.08,0,90.6-48.9,81.94-129.92-2,94.27-56,112.1-81.94,112.1C552.94,2452.63,206.75,2459.29,135.9,2460.1Z" fill="url(#gradient_03)"/>
</g>
<path d="M799.12,2334.33C793.46,1665,782.76,323,783.17,268.57s-29.73-100.4-68.93-111C570.55,118.92,269,37.14,181.31,13.42s-96.52,49.09-96.71,92C81.52,823.7,74.31,2274.3,74.31,2347.11s35.12,109.43,80.43,109.43c35.62,0,492.52-9.21,562.07-9.21C782.66,2447.33,799.46,2374.72,799.12,2334.33Zm-81.91,77.37-543.32,8.09a71.33,71.33,0,0,1-72.4-71.52L107.7,93.51a58.09,58.09,0,0,1,73.18-55.93L710.43,180.05A84.58,84.58,0,0,1,773,261.22L785.48,2342A69.29,69.29,0,0,1,717.21,2411.7Z" fill="url(#gradient_04)"/>
<path d="M797.09,2330.68c-5.6-667-16.19-2004.27-15.78-2058.48s-29.52-98.77-63.63-108C575.51,125.63,271,44.14,184.26,20.5S87.22,67.37,87,110.17C84,825.89,76.86,2269.85,76.86,2342.4s33.63,109.31,81.44,111.08c13.74.51,489.55-9.17,558.37-9.17C779.78,2444.31,797.43,2370.94,797.09,2330.68Zm-79.88,81-543.32,8.09a71.33,71.33,0,0,1-72.4-71.52L107.7,93.51a58.09,58.09,0,0,1,73.18-55.93L710.43,180.05A84.58,84.58,0,0,1,773,261.22L785.48,2342A69.29,69.29,0,0,1,717.21,2411.7Z"/>
<path d="M711.22,180.24c41.23,10.19,60.93,56.81,61.95,88.9C775.71,232.46,752.34,184.72,711.22,180.24Z"/>
<path d="M177.13,36.7c-22.39-4.59-62.35,1.12-69.48,70.41C102.56,78.58,119.31,7.76,177.13,36.7Z"/>
<path d="M493.68,181.33c1.22,16.56-5.06,30.51-14,31.18s-17.24-12.23-18.46-28.79,5.07-30.51,14-31.17S492.46,164.77,493.68,181.33Z" fill="#0c0c0c"/>
<path d="M487.51,182.67c.87,12.09-3.62,22.28-10,22.77s-12.31-8.93-13.18-21,3.62-22.28,10-22.77S486.64,170.58,487.51,182.67Z" fill="#121212"/>
<g mask="url(#mask-4)">
<g>
<path d="M478.39,179.33c.53,9-2.2,16.58-6.1,16.94s-7.49-6.64-8-15.64,2.2-16.58,6.1-16.94S477.86,170.33,478.39,179.33Z" fill="#141517"/>
<path d="M471.46,192.5c1-.61,3-2.33,2.63-4.37C474.72,189.71,475.09,192.78,471.46,192.5Z" fill="#5a5a5a"/>
<g mask="url(#mask-5)">
<path d="M465.31,166.73c0,13.25-.6,27.51,12.13,27.89C470.45,198.41,458.25,198.15,465.31,166.73Z" fill="#1b191a"/>
</g>
<ellipse cx="468.11" cy="174.1" rx="3.35" ry="4.12" transform="translate(-28.84 124.29) rotate(-14.68)" fill="#1a2224"/>
<ellipse cx="467.77" cy="174.88" rx="1.53" ry="2.04" fill="#566464"/>
</g>
</g>
<path d="M83.24,567.25c-36.8-.41-59.94,7.4-66.85,11.19l-.1,20.38c18.2-7.86,52.2-9.49,66.86-9.31Z" fill="#505050" fill-opacity="0.7"/>
<path d="M85,184.07c-36.49-.41-59.65,7-66.5,10.7l-.12,20.38c18-7.75,52-9.34,66.53-9.17Z" fill="#505050" fill-opacity="0.7"/>
<path d="M682.05,2447.37c-.81,13.12-15.61,13.86-23.41,17.26l18.07-.5c11.39,0,14.85-7.89,17.56-16.76Z" fill="#2f2f2f" fill-opacity="0.7"/>
<path d="M192.17,2456.05c-.83,14.07-16.53,18-24.44,21.65l18.33-.51c11.54,0,16.08-11.83,18.83-21.35Z" fill="#2f2f2f" fill-opacity="0.7"/>
<path d="M9.45,2354.82v3.38c0,.78,0,1.56,0,2.36,0,.22,0,.45,0,.67q0,3.08.09,6.36c0,.13,0,.26,0,.39,0,1,0,2,.09,3,0,.13,0,.26,0,.39q.12,3.49.36,7.15a.53.53,0,0,0,0,.13c.07,1.19.16,2.39.26,3.6,0,.06,0,.12,0,.18.32,3.78.76,7.66,1.35,11.59l0,.13c.6,3.93,1.37,7.92,2.33,11.91,0,.07,0,.14.05.2.65,2.67,1.39,5.35,2.23,8h0a95.73,95.73,0,0,0,16.57,31.52c26.68,33.06,50.61,34.09,92.66,33.06,33.4-.81,406.3-10.85,588.57-15.77,16.75-.45,73.43-13.07,83.64-105.33-.09.81-.18,1.61-.28,2.4.36-3,.68-6.08.94-9.26l0-.38c.08-1,.16-2.09.23-3.15.2-2.8.36-5.64.46-8.57l.16.09c0-.54-.1-1.08-.16-1.62,0,.24,0,.48,0,.73,0-1.26,0-2.5,0-3.71C793.46,1665,782.76,323,783.17,268.57s-29.73-100.4-68.93-111C570.55,118.92,269,37.14,181.31,13.42c-1.42-.39-2.81-.74-4.19-1.08h0C143.54,4.7,104.25-9.74,63.12,9.8,26,27.44,18.82,62.15,18.32,108.13c-.4,37.85-9,1509.67-8.87,2246.64ZM105.37,85.21a58.08,58.08,0,0,1,73.18-55.93L711,174.88c36.76,9.89,63.67,44.11,63.9,82.17L789.39,2345c.22,38-33.36,72.16-71.38,72.73L160.44,2429.9A71.33,71.33,0,0,1,88,2358.39Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
<path d="M773.08,267.37c-1.4-26.91-15.55-63.08-44.08-79.87a84.82,84.82,0,0,0-18.57-7.45L180.88,37.58a57.6,57.6,0,0,0-31.66.41C130.73,44,112.3,62.14,107.66,107l-4.74,1721.05L773.58,351.24Z" opacity="0.4" fill="url(#gradient_05)"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

130
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/galaxy_3d_portrait_02.svg Normal file
View file

@ -0,0 +1,130 @@
<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 800 2479" data-forced-size="true" width="800" height="2481" data-img-aspect-ratio="9:20" data-img-perspective="[[3.41, 7.92], [86.52, 0.71], [87.31, 97.57], [1.76, 97.16]]">
<defs>
<mask id="mask" x="0.88" y="0.17" width="799.04" height="2476.96" maskUnits="userSpaceOnUse">
<path d="M736.81,9.79c-41.14-19.52-75.83-4-104.34.55,47.66,0,79.91,14.72,79.91,86.12,0,723.85,10.89,2188.51,9.67,2256.42s-46.82,97.61-70.56,98.1l-567.66-8.64c-31,0-72.78-18.84-82.95-105.39,4.07,109.46,67.18,123.72,85,124.2,182.25,4.91,555.11,14.94,588.51,15.76,42.05,1,66,0,92.65-33,23.41-29,23.41-67.16,23.42-90.95v0c.17-736.38-8.47-2207-8.87-2244.83C781.1,62.1,774,27.42,736.81,9.79Z" fill="#242424"/>
</mask>
<mask id="mask-2" x="0" y="0.17" width="790.47" height="2478.83" maskUnits="userSpaceOnUse">
<path d="M736.81,9.79c-41.14-19.52-75.83-4-104.34.55,47.66,0,79.91,14.72,79.91,86.12,0,723.85,10.89,2188.51,9.67,2256.42s-46.82,97.61-70.56,98.1l-567.66-8.64c-31,0-72.78-18.84-82.95-105.39,4.07,109.46,67.18,123.72,85,124.2,182.25,4.91,555.11,14.94,588.51,15.76,42.05,1,66,0,92.65-33,23.41-29,23.41-67.16,23.42-90.95v0c.17-736.38-8.47-2207-8.87-2244.83C781.1,62.1,774,27.42,736.81,9.79Z" fill="#242424"/>
</mask>
<mask id="mask-3" x="313.37" y="161.5" width="23.41" height="43.78" maskUnits="userSpaceOnUse">
<path d="M313.47,182.52c-.87,12.08,3.62,22.27,10,22.75s12.3-8.92,13.17-21-3.62-22.26-10-22.75S314.34,170.44,313.47,182.52Z" fill="#121212"/>
</mask>
<mask id="mask-4" x="321.51" y="166.6" width="15.27" height="32.58" maskUnits="userSpaceOnUse">
<path d="M321.58,182.24c-.53,9,2.2,16.57,6.1,16.93s7.48-6.64,8-15.63-2.2-16.57-6.1-16.93S322.1,173.25,321.58,182.24Z" fill="#121212"/>
</mask>
<mask id="mask-5" x="321.51" y="166.6" width="14.25" height="32.58" maskUnits="userSpaceOnUse">
<path d="M321.58,182.24c-.53,9,2.2,16.57,6.1,16.93s7.48-6.64,8-15.63-2.2-16.57-6.1-16.93S322.1,173.25,321.58,182.24Z" fill="#141517"/>
</mask>
<linearGradient id="gradient_01" x1="722.56" y1="-1235.89" x2="760.22" y2="-1235.89" gradientTransform="matrix(1, 0, 0, -1, 0, -7.36)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#cacaca"/>
<stop offset="0.21" stop-color="#d6d6d6"/>
<stop offset="0.36" stop-color="#bebebe"/>
<stop offset="1" stop-color="#4e4e4e"/>
</linearGradient>
<radialGradient id="gradient_02" cx="1765.55" cy="308.59" r="0.99" gradientTransform="matrix(0, 35.91, 644.7, 0, -198554.86, -60960.49)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#878787"/>
<stop offset="0.8" stop-color="#444"/>
</radialGradient>
<radialGradient id="gradient_03" cx="363.24" cy="1231.66" r="901.88" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#c4c4c4"/>
<stop offset="0.1" stop-color="#8c8c8c"/>
<stop offset="0.12" stop-color="#fff"/>
<stop offset="0.13" stop-color="#777"/>
<stop offset="0.37" stop-color="#5f5f5f"/>
<stop offset="0.38" stop-color="#fff"/>
<stop offset="0.43" stop-color="#434343"/>
<stop offset="0.49" stop-color="#292929"/>
<stop offset="0.58" stop-color="#656565"/>
<stop offset="0.62" stop-color="#515151"/>
<stop offset="0.94" stop-color="#696969"/>
<stop offset="1" stop-color="#c4c4c4"/>
</radialGradient>
<linearGradient id="gradient_04" x1="750.55" y1="-964.5" x2="750.55" y2="-1118.25" gradientTransform="matrix(1, 0, 0, -1, 0, -7.36)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#727272"/>
<stop offset="1" stop-color="#727272"/>
</linearGradient>
<radialGradient id="gradient_05" cx="1761.2" cy="130.48" r="0.99" gradientTransform="matrix(0, 77.46, 9.74, 0, -520.78, -135392.12)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#292929"/>
<stop offset="0.14" stop-color="#929292"/>
<stop offset="0.89" stop-color="#929292"/>
</radialGradient>
<linearGradient id="gradient_06" x1="752.16" y1="-964.7" x2="748.92" y2="-1116.77" gradientTransform="matrix(1, 0, 0, -1, 0, -7.36)" gradientUnits="userSpaceOnUse">
<stop offset="0.02" stop-color="#6e6e6e"/>
<stop offset="0.02" stop-color="#1f1f1f"/>
<stop offset="0.02" stop-color="#2c2c2c"/>
<stop offset="0.03" stop-color="#646464"/>
<stop offset="0.94" stop-color="#3e3e3e"/>
<stop offset="0.95" stop-color="#2c2c2c"/>
</linearGradient>
<linearGradient id="gradient_04-2" x1="750.55" y1="-477.79" x2="750.55" y2="-771.04" xlink:href="#gradient_04"/>
<radialGradient id="gradient_05-2" cx="1759.32" cy="130.48" r="0.99" gradientTransform="matrix(0, 147.74, 9.74, 0, -520.77, -259307.8)" xlink:href="#gradient_05"/>
<linearGradient id="gradient_07" x1="756.42" y1="-478.34" x2="744.65" y2="-768.03" gradientTransform="matrix(1, 0, 0, -1, 0, -7.36)" gradientUnits="userSpaceOnUse">
<stop offset="0.02" stop-color="#6e6e6e"/>
<stop offset="0.02" stop-color="#1f1f1f"/>
<stop offset="0.02" stop-color="#2c2c2c"/>
<stop offset="0.03" stop-color="#646464"/>
<stop offset="0.97" stop-color="#3e3e3e"/>
<stop offset="0.98" stop-color="#2c2c2c"/>
</linearGradient>
<linearGradient id="gradient_08" x1="-265.55" y1="1347.5" x2="1788.41" y2="521.36" 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="706.08 8.3 76.75 171.12 43.24 195.84 27.94 227.61 22.53 261.39 10 2356.44 48.74 2430.69 724.43 2435.45 737.42 37.45 706.08 8.3"/>
</clipPath>
<path id="filterPath" d="M0.9218,0.0151l-0.0163,0.9665-0.8446-0.0019L0.0125,0.9498l0.0157-0.8444,0.0068-0.0136,0.0191-0.0128,0.0419-0.01L0.8826,0.0033Z"/>
</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="M736.81,9.79c-41.14-19.52-80.41-5.09-114,2.54,47.65,0,89.57,12.73,89.57,84.13,0,723.85,10.89,2188.51,9.67,2256.41s-46.82,97.62-70.56,98.11l-567.66-8.64c-31,0-72.78-18.84-82.95-105.39,4.07,109.46,67.18,123.72,85,124.2,182.25,4.91,555.11,14.94,588.51,15.76,42.05,1,66,0,92.65-33,23.41-29,23.41-67.16,23.42-90.95v-.05c.09-404.63-2.47-1031-4.87-1519.45,9.23-8.14,9.23-1.53,9.23-48.36-1.87-374.15-5.09-661.87-5.09-678.15C789.74,56,774,27.42,736.81,9.79Z" fill="#1a1a1a"/>
<g mask="url(#mask)">
<path d="M769.38,91.25c0-55.5-12.72-68.73-12.72-68.73,23.61,0,37,47.85,37.15,68.73,2.55,741.1,6.11,2170.15,6.11,2218.21,0,85-12.22,88.08-12.22,88.08s-9.16,5.09-9.16-52.95C778.54,1592,769.38,114.06,769.38,91.25Z" fill="#797979"/>
</g>
<path d="M749.53,98.37v71.79l10.18,2183.09c.17,11-2.85,33.09-16.29,33.09-8.14.4-10.51-10-10.68-15.28L722.56,94.81c0-8.15,1-22.91,7.63-23.93C745.48,68.53,749.53,90.23,749.53,98.37Z" fill="url(#gradient_01)"/>
<g mask="url(#mask-2)">
<path d="M664,2458.12c70.84.81,98.43-5.6,122.15-50.4-19.34,57.53-57.51,71.28-77.87,71.28L82.82,2465.25c-33.09,0-90.6-48.87-81.94-129.83,2,94.2,56,112,81.94,112C247,2450.66,593.19,2457.31,664,2458.12Z" fill="url(#gradient_02)"/>
</g>
<path d="M715.32,105.37c-.18-42.92-9.05-115.67-96.7-92S229.43,118.83,85.75,157.48C46.55,168,16.41,214,16.83,268.35S6.54,1663.66.88,2332.45c-.34,40.36,16.46,112.91,82.3,112.91,69.54,0,526.39,9.2,562,9.2,45.29,0,80.41-36.59,80.41-109.34S718.41,823,715.32,105.37ZM627.63,2417.75l-544.9-8.11A69.24,69.24,0,0,1,14.52,2340L27,260.14A83.5,83.5,0,0,1,88.78,180L619.13,37.41A58.06,58.06,0,0,1,692.25,93.3l6.68,2254A70.27,70.27,0,0,1,627.63,2417.75Z" fill="url(#gradient_03)"/>
<path d="M712.89,110.08c-.18-42.76-10.48-113.22-97.21-89.6S224.47,125.53,82.31,164.05c-34.1,9.24-64,53.76-63.62,107.93S8.51,1662.38,2.91,2328.8c-.34,40.23,17.31,113.54,80.42,113.54,68.8,0,544.57,9.68,558.31,9.17,47.81-1.78,81.43-38.5,81.43-111S715.94,825.22,712.89,110.08ZM627.63,2417.75l-544.9-8.11A69.24,69.24,0,0,1,14.52,2340L27,260.14A83.5,83.5,0,0,1,88.78,180L619.13,37.41A58.06,58.06,0,0,1,692.25,93.3l6.68,2254A70.27,70.27,0,0,1,627.63,2417.75Z"/>
<path d="M89.09,179.92c-41.22,10.18-61.24,56.93-62.26,89C20.92,230.88,48,184.4,89.09,179.92Z"/>
<path d="M622.91,36.51c22.39-4.59,62.24,1.28,69.37,70.52C697.36,78.52,680.72,7.59,622.91,36.51Z"/>
<path d="M117.93,2445.4c.82,13.11,15.62,13.85,23.41,17.24l-18.07-.49c-11.38,0-14.84-7.89-17.55-16.75Z" fill="#2f2f2f" fill-opacity="0.7"/>
<path d="M607.77,2454.07c.83,14.06,16.53,18,24.43,21.64l-18.32-.51c-11.55,0-16.08-11.83-18.83-21.34Z" fill="#2f2f2f" fill-opacity="0.7"/>
<path d="M306.29,181.18c-1.22,16.55,5.06,30.49,14,31.16s17.23-12.22,18.45-28.76-5.07-30.5-14-31.16S307.5,164.64,306.29,181.18Z" fill="#0c0c0c"/>
<path d="M313.47,182.52c-.87,12.08,3.62,22.27,10,22.75s12.3-8.92,13.17-21-3.62-22.26-10-22.75S314.34,170.44,313.47,182.52Z" fill="#121212"/>
<g mask="url(#mask-3)">
<g>
<path d="M321.58,182.24c-.53,9,2.2,16.57,6.1,16.93s7.48-6.64,8-15.63-2.2-16.57-6.1-16.93S322.1,173.25,321.58,182.24Z" fill="#141517"/>
<path d="M330.14,190c-.81,1.19-3.06,3.42-5.58,2.76C326.49,193.71,330.3,194.44,330.14,190Z" fill="#3f3f3f"/>
<g mask="url(#mask-4)">
<path d="M334.65,169.65c0,13.24.6,27.49-12.12,27.87C329.51,201.31,341.71,201.05,334.65,169.65Z" fill="#1b191a"/>
</g>
</g>
</g>
<g mask="url(#mask-5)">
<g>
<path d="M322.06,176.14c-.3,2.25.95,4.18,2.81,4.31s3.6-1.58,3.9-3.82-.95-4.18-2.81-4.31S322.36,173.9,322.06,176.14Z" fill="#1a2224"/>
<path d="M324.56,175.65a1.53,1.53,0,1,0,1.53-1.53A1.53,1.53,0,0,0,324.56,175.65Z" fill="#566464"/>
</g>
</g>
<g>
<path d="M750.55,958.16h0a8.65,8.65,0,0,1,8.65,8.65v134.41a8.66,8.66,0,0,1-8.65,8.66h0a8.66,8.66,0,0,1-8.65-8.66V966.81A8.65,8.65,0,0,1,750.55,958.16Z" stroke-width="2.04" fill="url(#gradient_04)" stroke="url(#gradient_05)"/>
<path d="M742.92,964.77a7.63,7.63,0,0,1,15.26,0V1101a8.86,8.86,0,0,1-8.86,8.86,6.4,6.4,0,0,1-6.4-6.4Z" fill="url(#gradient_06)"/>
<path d="M753.1,957.14h0a5.08,5.08,0,0,1,5.08,5.09v142.51a5.08,5.08,0,0,1-5.08,5.09h0a5.09,5.09,0,0,1-5.09-5.09V962.23A5.09,5.09,0,0,1,753.1,957.14Z" fill="#929292"/>
</g>
<g>
<rect x="741.9" y="471.44" width="17.3" height="291.21" rx="8.65" stroke-width="2.04" fill="url(#gradient_04-2)" stroke="url(#gradient_05-2)"/>
<path d="M742.92,478.06a7.63,7.63,0,0,1,15.26,0V752.77a8.86,8.86,0,0,1-8.86,8.87,6.4,6.4,0,0,1-6.4-6.4Z" fill="url(#gradient_07)"/>
<path d="M753.1,470.43h0a5.07,5.07,0,0,1,5.08,5.08v281a5.08,5.08,0,0,1-5.08,5.09h0a5.09,5.09,0,0,1-5.09-5.09v-281A5.08,5.08,0,0,1,753.1,470.43Z" fill="#929292"/>
</g>
<path d="M718.87,848.2c36.8-.41,59.94,7.39,66.85,11.19l.1,20.36c-18.2-7.86-52.2-9.48-66.86-9.31Z" fill="#505050" fill-opacity="0.7"/>
<path d="M619.13,37.41l-530,142.51h0l-.73.2A83.18,83.18,0,0,0,80,182.9c-34.41,14-51.57,54.78-53.1,84.29L15,2260.28,657.24,40.2A57.59,57.59,0,0,0,619.13,37.41Z" opacity="0.4" fill="url(#gradient_08)"/>
<path d="M783.62,2412.38c6.83-21.56,6.85-43.68,6.85-59.46v-.05c.09-404.63-2.47-1031-4.87-1519.45,9.23-8.14,9.23-1.53,9.23-48.36-1.87-374.15-5.09-661.87-5.09-678.15C789.74,56,774,27.42,736.81,9.79c-41.14-19.52-80.41-5.09-114,2.54h0c-1.38.34-2.78.69-4.2,1.08C531,37.11,229.43,118.83,85.75,157.48,46.55,168,16.41,214,16.83,268.35S6.54,1663.66.88,2332.45c0,1.19,0,2.42,0,3.67,0-.24,0-.46,0-.7-.06.55-.11,1.09-.16,1.63l.15-.1c.11,2.93.27,5.77.46,8.57h0c.07,1.05.15,2.09.23,3.12l0,.39q.39,4.69.93,9.14c-.1-.76-.19-1.54-.28-2.32,10.2,92.23,66.89,104.85,83.64,105.3,182.25,4.91,555.11,14.94,588.51,15.76,42.05,1,66,0,92.65-33a144.12,144.12,0,0,0,9.43-14.06C779.82,2423.75,783.62,2412.38,783.62,2412.38ZM27,260.14A83.5,83.5,0,0,1,88.78,180L619.13,37.41A58.06,58.06,0,0,1,692.25,93.3l6.68,2254a70.27,70.27,0,0,1-71.3,70.48l-544.9-8.11A69.24,69.24,0,0,1,14.52,2340Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

118
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/galaxy_front_landscape.svg Normal file
View file

@ -0,0 +1,118 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1696 800" width="1696" height="800" data-forced-size="true">
<style>
image {
width: calc(100% - 66px);
height: calc(100% - 66px);
}
</style>
<defs>
<radialGradient id="gradient_01" cx="844.94" cy="399.32" r="1240.76" gradientTransform="translate(1693.62 833.07) rotate(180) scale(1 1.09)" gradientUnits="userSpaceOnUse">
<stop offset="0.11" stop-color="#5c5c5c"/>
<stop offset="0.11" stop-color="#454545"/>
<stop offset="0.12"/>
<stop offset="0.13" stop-color="#464646"/>
<stop offset="0.24" stop-color="#636161"/>
<stop offset="0.37" stop-color="#606060"/>
<stop offset="0.38"/>
<stop offset="0.39" stop-color="#aaa"/>
<stop offset="0.44" stop-color="#6d6d6d"/>
<stop offset="0.5" stop-color="#7a7a7a"/>
<stop offset="0.59" stop-color="#7c7c7c"/>
<stop offset="0.62" stop-color="#545454"/>
<stop offset="0.62"/>
<stop offset="0.63" stop-color="#505050"/>
<stop offset="0.84" stop-color="#444"/>
<stop offset="0.87" stop-color="#343434"/>
<stop offset="0.88"/>
<stop offset="0.89" stop-color="#252527"/>
<stop offset="0.97" stop-color="#363636"/>
</radialGradient>
<radialGradient id="gradient_02" cx="-951.08" cy="271.45" r="0.68" gradientTransform="matrix(-47.69, 33.12, 33.11, 47.7, -52691.96, 18942.37)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#121212"/>
<stop offset="1" stop-color="#090909"/>
</radialGradient>
<radialGradient id="gradient_03" cx="-1023.19" cy="299.94" r="0.68" gradientTransform="matrix(-10.64, -11.81, -11.81, 10.64, -5710.54, -14881.57)" gradientUnits="userSpaceOnUse">
<stop offset="0.21" stop-color="#191919"/>
<stop offset="0.27" stop-color="#3c5052"/>
<stop offset="0.4" stop-color="#2e5457"/>
<stop offset="0.52" stop-color="#72a9b7"/>
<stop offset="0.71" stop-color="#4a6861"/>
<stop offset="0.92" stop-color="#191919"/>
</radialGradient>
<radialGradient id="gradient_04" cx="-1023.19" cy="299.94" r="0.68" gradientTransform="matrix(-10.64, -11.81, -11.81, 10.64, -5710.54, -14881.57)" gradientUnits="userSpaceOnUse">
<stop offset="0.41" stop-opacity="0"/>
<stop offset="0.51"/>
<stop offset="0.82" stop-opacity="0"/>
</radialGradient>
<radialGradient id="gradient_05" cx="-1023.19" cy="299.94" r="0.68" gradientTransform="matrix(-10.64, -11.81, -11.81, 10.64, -5710.54, -14881.57)" gradientUnits="userSpaceOnUse">
<stop offset="0.09"/>
<stop offset="0.17" stop-opacity="0.13"/>
<stop offset="0.3" stop-opacity="0.13"/>
<stop offset="0.46"/>
<stop offset="0.63"/>
<stop offset="0.68" stop-opacity="0"/>
<stop offset="0.88" stop-opacity="0"/>
<stop offset="1"/>
</radialGradient>
<radialGradient id="gradient_06" cx="-1024.63" cy="477.6" r="0.68" gradientTransform="matrix(-5.24, -1.04, -1.02, 5.15, -3239.2, -3128.26)" gradientUnits="userSpaceOnUse">
<stop offset="0.13" stop-color="#6ba7d2"/>
<stop offset="1" stop-opacity="0"/>
</radialGradient>
<mask id="mask" x="18.35" y="21.07" width="1659.31" height="752.42" maskUnits="userSpaceOnUse">
<rect x="18.35" y="21.07" width="1659.31" height="752.42" fill="#fff"/>
<path d="M1601.21,22.43c51.3,0,75.08,29.91,75.08,74.09V697.37c0,45.2-26.5,74.76-74.74,74.76H87.65a68,68,0,0,1-67.94-68V90.4a68,68,0,0,1,67.94-68Z"/>
</mask>
<mask id="mask-2" x="36.01" y="29.23" width="1632.81" height="735.43" maskUnits="userSpaceOnUse">
<rect x="36.01" y="29.23" width="1632.81" height="735.43" fill="#fff"/>
<path d="M1600.19,29.91a68,68,0,0,1,68,68V696a68,68,0,0,1-68,68H105.32a68,68,0,0,1-67.95-68V97.88a68,68,0,0,1,67.95-68Z"/>
</mask>
<path id="filterPath" d="M0.022,0.955V0.0374H0.9836V0.955Z"/>
</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="38" y="29">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<g id="device">
<g>
<path d="M1433.72,796.64V784.73H1226.88v11.91a3.37,3.37,0,0,0,3.35,3.36h200.14A3.37,3.37,0,0,0,1433.72,796.64Z" fill="#1a1a1a"/>
<path d="M1431.62,796.49V784.73H1229v11.76a3.35,3.35,0,0,0,3.32,3.36h196A3.35,3.35,0,0,0,1431.62,796.49Z" fill="#353535"/>
<path d="M1431.62,794.59v-9.86H1229v9.86a3.35,3.35,0,0,0,3.32,3.36h196A3.35,3.35,0,0,0,1431.62,794.59Z" fill="#4c4c4c"/>
</g>
<g>
<path d="M1122.32,796.64V784.73H1004.84v11.91a3.36,3.36,0,0,0,3.35,3.36H1119A3.37,3.37,0,0,0,1122.32,796.64Z" fill="#1a1a1a"/>
<path d="M1120.22,796.49V784.73H1006.94v11.76a3.35,3.35,0,0,0,3.31,3.36h106.66A3.35,3.35,0,0,0,1120.22,796.49Z" fill="#353535"/>
<path d="M1120.22,794.59v-9.86H1006.94v9.86a3.34,3.34,0,0,0,3.31,3.36h106.66A3.34,3.34,0,0,0,1120.22,794.59Z" fill="#4c4c4c"/>
</g>
<path d="M1667,764.66c16.28-16.28,24.88-40.49,24.88-70V92.44c0-26.38-9.07-48.87-26.24-65-16-15-37.76-23.31-61.41-23.31H88.33A84.36,84.36,0,0,0,4.08,88.36v615.8a84.36,84.36,0,0,0,84.25,84.29H1602.57C1629.19,788.45,1651.49,780.22,1667,764.66ZM105.32,764a68,68,0,0,1-67.95-68V97.88a68,68,0,0,1,67.95-68H1600.19a68,68,0,0,1,68,68V696a68,68,0,0,1-68,68Z"/>
<path d="M1696,694.65V92.44C1696,34.32,1653.19,0,1604.27,0H88.33A88.35,88.35,0,0,0,0,88.36v615.8a88.34,88.34,0,0,0,88.33,88.36H1602.57C1657.61,792.52,1696,758.54,1696,694.65ZM88.33,788.45A84.36,84.36,0,0,1,4.08,704.16V88.36A84.36,84.36,0,0,1,88.33,4.08H1604.27c23.65,0,45.46,8.28,61.41,23.31,17.17,16.18,26.24,38.67,26.24,65.05V694.65c0,29.52-8.6,53.73-24.88,70-15.55,15.56-37.85,23.79-64.47,23.79Z" fill="#1a1a1a"/>
<path d="M1687.85,697.71V93.8c0-52.34-32.62-84.28-84.6-84.28H87.65A78.15,78.15,0,0,0,9.51,87.68V704.84A78.16,78.16,0,0,0,87.65,783l1514.58,1.36C1650.13,784.37,1687.85,756.5,1687.85,697.71ZM105.32,764a68,68,0,0,1-67.95-68V97.88a68,68,0,0,1,67.95-68H1600.19a68,68,0,0,1,68,68V696a68,68,0,0,1-68,68Z" fill="url(#gradient_01)"/>
<path d="M1693.34,697.71V93.8c0-27.12-8.44-49.82-24.43-65.67S1630.3,4,1603.25,4H87.65A83.74,83.74,0,0,0,4,87.68V704.84a83.75,83.75,0,0,0,83.64,83.67l1514.58,1.36C1658.43,789.87,1693.34,754.55,1693.34,697.71ZM87.65,783A78.16,78.16,0,0,1,9.51,704.84V87.68A78.15,78.15,0,0,1,87.65,9.52h1515.6c52,0,84.6,31.94,84.6,84.28V697.71c0,58.79-37.72,86.66-85.62,86.66Z" fill="#1a1a1a"/>
<path d="M1676.29,697.37V96.52c0-44.18-23.78-74.09-75.08-74.09H87.65a68,68,0,0,0-67.94,68V704.16a68,68,0,0,0,67.94,68h1513.9C1649.79,772.13,1676.29,742.57,1676.29,697.37ZM105.32,764a68,68,0,0,1-67.95-68V97.88a68,68,0,0,1,67.95-68H1600.19a68,68,0,0,1,68,68V696a68,68,0,0,1-68,68Z"/>
<g mask="url(#mask)">
<path d="M1601.21,22.43c51.3,0,75.08,29.91,75.08,74.09V697.37c0,45.2-26.5,74.76-74.74,74.76H87.65a68,68,0,0,1-67.94-68V90.4a68,68,0,0,1,67.94-68Z" fill="none" stroke="#000" stroke-width="2.72"/>
</g>
<path d="M1600.19,29.91a68,68,0,0,1,68,68V696a68,68,0,0,1-68,68H105.32a68,68,0,0,1-67.95-68V97.88a68,68,0,0,1,67.95-68Z" fill="none"/>
<g mask="url(#mask-2)">
<path d="M1600.19,29.91a68,68,0,0,1,68,68V696a68,68,0,0,1-68,68H105.32a68,68,0,0,1-67.95-68V97.88a68,68,0,0,1,67.95-68Z" fill="none" stroke="#000" stroke-width="1.36"/>
</g>
<path d="M1687.85,249.79V545.45a3.06,3.06,0,0,1-3.06,3.06h0a3.06,3.06,0,0,1-3.06-3.06V249.79a3.06,3.06,0,0,1,3.06-3.06h0A3.06,3.06,0,0,1,1687.85,249.79Z" fill="#1a1a1a"/>
<rect y="668.82" width="13.59" height="14.95" fill="#191919"/>
<rect y="104.67" width="13.59" height="14.95" fill="#191919"/>
<rect x="1530.88" y="780.29" width="18.35" height="12.23" fill="#191919"/>
<rect x="1530.88" width="18.35" height="13.59" fill="#191919"/>
<path d="M1600.19,29.91a68,68,0,0,1,68,68V696a68,68,0,0,1-68,68H105.32a68,68,0,0,1-67.95-68V97.88a68,68,0,0,1,67.95-68Z" fill="none" stroke="#000" stroke-width="1.36"/>
<g>
<g>
<ellipse cx="1633.83" cy="397.28" rx="18.01" ry="18.01"/>
<ellipse cx="1633.83" cy="397.28" rx="17.16" ry="17.16" fill="none" stroke-width="1.7" stroke="url(#gradient_02)"/>
</g>
<path d="M1625.8,404.52a10.8,10.8,0,1,1,15.26.79A10.82,10.82,0,0,1,1625.8,404.52Z" fill="url(#gradient_03)"/>
<path d="M1625.8,404.52a10.8,10.8,0,1,1,15.26.79A10.82,10.82,0,0,1,1625.8,404.52Z" fill="url(#gradient_04)"/>
<path d="M1625.8,404.52a10.8,10.8,0,1,1,15.26.79A10.82,10.82,0,0,1,1625.8,404.52Z" fill="url(#gradient_05)"/>
<path d="M1636.89,403.51a3.8,3.8,0,0,1-3-4.24,3.42,3.42,0,0,1,4.1-2.82,3.8,3.8,0,0,1,3,4.24A3.41,3.41,0,0,1,1636.89,403.51Z" fill="url(#gradient_06)"/>
</g>
<path d="M1226.88,796.64a3.37,3.37,0,0,0,3.35,3.36h200.14a3.37,3.37,0,0,0,3.35-3.36v-4.12h168.85c55,0,93.43-34,93.43-97.87V92.44C1696,34.32,1653.19,0,1604.27,0H88.33A88.35,88.35,0,0,0,0,88.36v615.8a88.34,88.34,0,0,0,88.33,88.36h916.51v4.12a3.36,3.36,0,0,0,3.35,3.36H1119a3.37,3.37,0,0,0,3.35-3.36v-4.12h104.56ZM87.65,772.13a68,68,0,0,1-67.94-68V90.4a68,68,0,0,1,67.94-68H1601.21c51.3,0,75.08,29.91,75.08,74.09V697.37c0,45.2-26.5,74.76-74.74,74.76Z" fill="#383E45" style="mix-blend-mode: overlay"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 9.6 KiB

118
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/galaxy_front_portrait.svg Normal file
View file

@ -0,0 +1,118 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 1696" width="800" height="1696" data-forced-size="true">
<style>
image {
width: calc(100% - 66px);
height: calc(100% - 66px);
}
</style>
<defs>
<radialGradient id="gradient_01" cx="396.94" cy="847.32" r="1240.76" gradientTransform="translate(1322.37 450.38) rotate(90) scale(1 1.09)" gradientUnits="userSpaceOnUse">
<stop offset="0.11" stop-color="#5c5c5c"/>
<stop offset="0.11" stop-color="#454545"/>
<stop offset="0.12"/>
<stop offset="0.13" stop-color="#464646"/>
<stop offset="0.24" stop-color="#636161"/>
<stop offset="0.37" stop-color="#606060"/>
<stop offset="0.38"/>
<stop offset="0.39" stop-color="#aaa"/>
<stop offset="0.44" stop-color="#6d6d6d"/>
<stop offset="0.5" stop-color="#7a7a7a"/>
<stop offset="0.59" stop-color="#7c7c7c"/>
<stop offset="0.62" stop-color="#545454"/>
<stop offset="0.62"/>
<stop offset="0.63" stop-color="#505050"/>
<stop offset="0.84" stop-color="#444"/>
<stop offset="0.87" stop-color="#343434"/>
<stop offset="0.88"/>
<stop offset="0.89" stop-color="#252527"/>
<stop offset="0.97" stop-color="#363636"/>
</radialGradient>
<radialGradient id="gradient_02" cx="618.92" cy="215.32" r="0.68" gradientTransform="matrix(33.12, 47.69, 47.7, -33.11, -30386.77, -22337.26)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#121212"/>
<stop offset="1" stop-color="#090909"/>
</radialGradient>
<radialGradient id="gradient_03" cx="674.84" cy="213.66" r="0.68" gradientTransform="matrix(-11.81, 10.64, 10.64, 11.81, 6095.05, -9641.04)" gradientUnits="userSpaceOnUse">
<stop offset="0.21" stop-color="#191919"/>
<stop offset="0.27" stop-color="#3c5052"/>
<stop offset="0.4" stop-color="#2e5457"/>
<stop offset="0.52" stop-color="#72a9b7"/>
<stop offset="0.71" stop-color="#4a6861"/>
<stop offset="0.92" stop-color="#191919"/>
</radialGradient>
<radialGradient id="gradient_04" cx="674.84" cy="213.66" r="0.68" gradientTransform="matrix(-11.81, 10.64, 10.64, 11.81, 6095.05, -9641.04)" gradientUnits="userSpaceOnUse">
<stop offset="0.41" stop-opacity="0"/>
<stop offset="0.51"/>
<stop offset="0.82" stop-opacity="0"/>
</radialGradient>
<radialGradient id="gradient_05" cx="674.84" cy="213.66" r="0.68" gradientTransform="matrix(-11.81, 10.64, 10.64, 11.81, 6095.05, -9641.04)" gradientUnits="userSpaceOnUse">
<stop offset="0.09"/>
<stop offset="0.17" stop-opacity="0.13"/>
<stop offset="0.3" stop-opacity="0.13"/>
<stop offset="0.46"/>
<stop offset="0.63"/>
<stop offset="0.68" stop-opacity="0"/>
<stop offset="0.88" stop-opacity="0"/>
<stop offset="1"/>
</radialGradient>
<radialGradient id="gradient_06" cx="719.38" cy="92.96" r="0.68" gradientTransform="matrix(-1.04, 5.24, 5.15, 1.02, 671.4, -3804.19)" gradientUnits="userSpaceOnUse">
<stop offset="0.13" stop-color="#6ba7d2"/>
<stop offset="1" stop-opacity="0"/>
</radialGradient>
<mask id="mask" x="21.07" y="18.35" width="752.42" height="1659.31" maskUnits="userSpaceOnUse">
<rect x="21.07" y="18.35" width="752.42" height="1659.31" fill="#fff"/>
<path d="M22.43,94.79c0-51.3,29.91-75.08,74.09-75.08H697.37c45.2,0,74.76,26.5,74.76,74.74v1513.9a68,68,0,0,1-68,67.94H90.4a68,68,0,0,1-68-67.94Z"/>
</mask>
<mask id="mask-2" x="29.23" y="27.18" width="735.43" height="1632.81" maskUnits="userSpaceOnUse">
<rect x="29.23" y="27.18" width="735.43" height="1632.81" fill="#fff"/>
<path d="M29.91,95.81a68,68,0,0,1,68-67.95H696a68,68,0,0,1,68,68V1590.68a68,68,0,0,1-68,68H97.88a68,68,0,0,1-68-68Z"/>
</mask>
<path id="filterPath" d="M0.955,0.978H0.0374V0.0164H0.955Z"/>
</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="30" y="28">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<g id="device">
<g>
<path d="M796.64,262.28H784.73V469.12h11.91a3.37,3.37,0,0,0,3.36-3.35V265.63A3.37,3.37,0,0,0,796.64,262.28Z" fill="#1a1a1a"/>
<path d="M796.49,264.38H784.73V467h11.76a3.35,3.35,0,0,0,3.36-3.32v-196A3.35,3.35,0,0,0,796.49,264.38Z" fill="#353535"/>
<path d="M794.59,264.38h-9.86V467h9.86A3.35,3.35,0,0,0,798,463.7v-196A3.35,3.35,0,0,0,794.59,264.38Z" fill="#4c4c4c"/>
</g>
<g>
<path d="M796.64,573.68H784.73V691.16h11.91a3.36,3.36,0,0,0,3.36-3.35V577A3.37,3.37,0,0,0,796.64,573.68Z" fill="#1a1a1a"/>
<path d="M796.49,575.78H784.73V689.06h11.76a3.35,3.35,0,0,0,3.36-3.31V579.09A3.35,3.35,0,0,0,796.49,575.78Z" fill="#353535"/>
<path d="M794.59,575.78h-9.86V689.06h9.86a3.34,3.34,0,0,0,3.36-3.31V579.09A3.34,3.34,0,0,0,794.59,575.78Z" fill="#4c4c4c"/>
</g>
<path d="M764.66,29c-16.28-16.28-40.49-24.88-70-24.88H92.44c-26.38,0-48.87,9.07-65,26.24-15,16-23.31,37.76-23.31,61.41V1607.67a84.36,84.36,0,0,0,84.28,84.25h615.8a84.36,84.36,0,0,0,84.29-84.25V93.43C788.45,66.81,780.22,44.51,764.66,29ZM764,1590.68a68,68,0,0,1-68,68H97.88a68,68,0,0,1-68-68V95.81a68,68,0,0,1,68-67.95H696a68,68,0,0,1,68,68Z"/>
<path d="M694.65,0H92.44C34.32,0,0,42.81,0,91.73V1607.67A88.35,88.35,0,0,0,88.36,1696h615.8a88.34,88.34,0,0,0,88.36-88.33V93.43C792.52,38.39,758.54,0,694.65,0Zm93.8,1607.67a84.36,84.36,0,0,1-84.29,84.25H88.36a84.36,84.36,0,0,1-84.28-84.25V91.73c0-23.65,8.28-45.46,23.31-61.41C43.57,13.15,66.06,4.08,92.44,4.08H694.65c29.52,0,53.73,8.6,70,24.88,15.56,15.55,23.79,37.85,23.79,64.47Z" fill="#1a1a1a"/>
<path d="M697.71,8.15H93.8c-52.34,0-84.28,32.62-84.28,84.6v1515.6a78.15,78.15,0,0,0,78.16,78.14H704.84A78.16,78.16,0,0,0,783,1608.35L784.37,93.77C784.37,45.87,756.5,8.15,697.71,8.15ZM764,1590.68a68,68,0,0,1-68,68H97.88a68,68,0,0,1-68-68V95.81a68,68,0,0,1,68-67.95H696a68,68,0,0,1,68,68Z" fill="url(#gradient_01)"/>
<path d="M697.71,2.66H93.8C66.68,2.66,44,11.1,28.13,27.09S4,65.7,4,92.75v1515.6A83.74,83.74,0,0,0,87.68,1692H704.84a83.75,83.75,0,0,0,83.67-83.64L789.87,93.77C789.87,37.57,754.55,2.66,697.71,2.66ZM783,1608.35a78.16,78.16,0,0,1-78.17,78.14H87.68a78.15,78.15,0,0,1-78.16-78.14V92.75c0-52,31.94-84.6,84.28-84.6H697.71c58.79,0,86.66,37.72,86.66,85.62Z" fill="#1a1a1a"/>
<path d="M697.37,19.71H96.52c-44.18,0-74.09,23.78-74.09,75.08V1608.35a68,68,0,0,0,68,67.94H704.16a68,68,0,0,0,68-67.94V94.45C772.13,46.21,742.57,19.71,697.37,19.71Zm66.61,1571a68,68,0,0,1-68,68H97.88a68,68,0,0,1-68-68V95.81a68,68,0,0,1,68-67.95H696a68,68,0,0,1,68,68Z"/>
<g mask="url(#mask)">
<path d="M22.43,94.79c0-51.3,29.91-75.08,74.09-75.08H697.37c45.2,0,74.76,26.5,74.76,74.74v1513.9a68,68,0,0,1-68,67.94H90.4a68,68,0,0,1-68-67.94Z" fill="none" stroke="#000" stroke-width="2.72"/>
</g>
<path d="M29.91,95.81a68,68,0,0,1,68-67.95H696a68,68,0,0,1,68,68V1590.68a68,68,0,0,1-68,68H97.88a68,68,0,0,1-68-68Z" fill="none"/>
<g mask="url(#mask-2)">
<path d="M29.91,95.81a68,68,0,0,1,68-67.95H696a68,68,0,0,1,68,68V1590.68a68,68,0,0,1-68,68H97.88a68,68,0,0,1-68-68Z" fill="none" stroke="#000" stroke-width="1.36"/>
</g>
<path d="M249.79,8.15H545.45a3.06,3.06,0,0,1,3.06,3.06h0a3.06,3.06,0,0,1-3.06,3.06H249.79a3.06,3.06,0,0,1-3.06-3.06h0A3.06,3.06,0,0,1,249.79,8.15Z" fill="#1a1a1a"/>
<rect x="668.82" y="1682.41" width="14.95" height="13.59" fill="#191919"/>
<rect x="104.67" y="1682.41" width="14.95" height="13.59" fill="#191919"/>
<rect x="780.29" y="146.77" width="12.23" height="18.35" fill="#191919"/>
<rect y="146.77" width="13.59" height="18.35" fill="#191919"/>
<path d="M29.91,95.81a68,68,0,0,1,68-67.95H696a68,68,0,0,1,68,68V1590.68a68,68,0,0,1-68,68H97.88a68,68,0,0,1-68-68Z" fill="none" stroke="#000" stroke-width="1.36"/>
<g>
<g>
<ellipse cx="397.28" cy="62.17" rx="18.01" ry="18.01"/>
<ellipse cx="397.28" cy="62.17" rx="17.16" ry="17.16" fill="none" stroke-width="1.7" stroke="url(#gradient_02)"/>
</g>
<path d="M404.52,70.2a10.8,10.8,0,1,1,.79-15.26A10.82,10.82,0,0,1,404.52,70.2Z" fill="url(#gradient_03)"/>
<path d="M404.52,70.2a10.8,10.8,0,1,1,.79-15.26A10.82,10.82,0,0,1,404.52,70.2Z" fill="url(#gradient_04)"/>
<path d="M404.52,70.2a10.8,10.8,0,1,1,.79-15.26A10.82,10.82,0,0,1,404.52,70.2Z" fill="url(#gradient_05)"/>
<path d="M403.51,59.11a3.8,3.8,0,0,1-4.24,3,3.41,3.41,0,0,1-2.82-4.1,3.8,3.8,0,0,1,4.24-3A3.41,3.41,0,0,1,403.51,59.11Z" fill="url(#gradient_06)"/>
</g>
<path d="M796.64,469.12a3.37,3.37,0,0,0,3.36-3.35V265.63a3.37,3.37,0,0,0-3.36-3.35h-4.12V93.43c0-55-34-93.43-97.87-93.43H92.44C34.32,0,0,42.81,0,91.73V1607.67A88.35,88.35,0,0,0,88.36,1696h615.8a88.34,88.34,0,0,0,88.36-88.33V691.16h4.12a3.36,3.36,0,0,0,3.36-3.35V577a3.37,3.37,0,0,0-3.36-3.35h-4.12V469.12ZM772.13,1608.35a68,68,0,0,1-68,67.94H90.4a68,68,0,0,1-68-67.94V94.79c0-51.3,29.91-75.08,74.09-75.08H697.37c45.2,0,74.76,26.5,74.76,74.74Z" fill="#383E45" style="mix-blend-mode: overlay"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 9.5 KiB

78
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/imac_3d_01.svg Normal file
View file

@ -0,0 +1,78 @@
<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>
Side by side

After

Width:  |  Height:  |  Size: 8.5 KiB

78
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/imac_3d_02.svg Normal file
View file

@ -0,0 +1,78 @@
<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>
Side by side

After

Width:  |  Height:  |  Size: 8.6 KiB

87
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/imac_front.svg Normal file
View file

@ -0,0 +1,87 @@
<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>
Side by side

After

Width:  |  Height:  |  Size: 6.4 KiB

294
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/ipad_3d_landscape_01.svg Normal file
View file

@ -0,0 +1,294 @@
<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 1400 1080" data-forced-size="true" width="1400" height="1080" data-img-aspect-ratio="4:3" data-img-perspective="[[2.64, 26], [71.56, 2.43], [98.01, 64.24], [27.65, 96.1]]">
<defs>
<linearGradient id="gradient_01" x1="-6.08" y1="525.96" x2="1391.69" y2="554.15" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4d4d4d"/>
<stop offset="0.01" stop-color="#121212"/>
<stop offset="0.04" stop-color="#3a3330"/>
<stop offset="0.07" stop-color="#575757"/>
<stop offset="0.2" stop-color="#8a8a8a"/>
<stop offset="0.32" stop-color="#2d2d2d"/>
<stop offset="0.39" stop-color="#a1a1a1"/>
<stop offset="0.48" stop-color="#8a8a8a"/>
<stop offset="0.54" 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="1"/>
</linearGradient>
<linearGradient id="light_adjust" x1="-6.08" y1="525.96" x2="1391.69" y2="554.15" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff"/>
<stop offset="0.5" stop-color="#fff" stop-opacity=".5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<linearGradient id="gradient_02" x1="232.79" y1="652.95" x2="1306.75" y2="220.99" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff" stop-opacity="0.5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<radialGradient id="gradient_03" cx="-2440.53" cy="583.66" r="2.66" gradientTransform="matrix(0.36, 0.93, 0.93, -0.36, 1527.68, 2834.08)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#6d7f86"/>
<stop offset="0.05" stop-color="#5c6c76"/>
<stop offset="0.15" stop-color="#414e5b"/>
<stop offset="0.26" stop-color="#2b3445"/>
<stop offset="0.37" stop-color="#1a2134"/>
<stop offset="0.51" stop-color="#0e1328"/>
<stop offset="0.68" stop-color="#070b21"/>
<stop offset="1" stop-color="#05091f"/>
</radialGradient>
<linearGradient id="gradient_04" x1="-993.67" y1="767.54" x2="-985.64" y2="767.54" gradientTransform="matrix(-0.56, -0.83, 0.83, -0.56, 132.78, 366.72)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#141414"/>
<stop offset="0.35" stop-color="#343434"/>
<stop offset="0.5" stop-color="#424242"/>
<stop offset="0.65" stop-color="#343434"/>
<stop offset="1" stop-color="#141414"/>
</linearGradient>
<linearGradient id="gradient_04-2" x1="-986" y1="738.42" x2="-977.97" y2="738.42" xlink:href="#gradient_04"/>
<linearGradient id="gradient_05" x1="-1116.03" y1="-444.25" x2="-1114.19" y2="-449.01" gradientTransform="matrix(-1.6, -0.66, 2.07, -2.4, -699.52, -1140.29)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#333"/>
<stop offset="0.49"/>
<stop offset="0.49" stop-color="#c4c4c4"/>
<stop offset="0.67" stop-color="#c4c4c4"/>
<stop offset="0.92" stop-color="#333"/>
<stop offset="0.98" stop-color="#c4c4c4"/>
<stop offset="1" stop-color="#333"/>
</linearGradient>
<clipPath id="screen_path">
<polygon points="1010.2 17.48 1384.53 696.67 380.87 1053.02 22.89 274.12 1010.2 17.48"/>
</clipPath>
<path id="filterPath" d="M0.7216,0.0162l0.2674,0.6289L0.2721,0.975l-0.2557-0.7212Z"/>
</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="M1393.79,669.35c-11-19.29-347.65-625.14-356.8-640.77C1026.73,11.05,993.47-4.3,972.64,1.1c0,0-888.53,231.46-931.91,242.8S-2.94,304.75,2.32,316.37s312.54,682.05,332.16,724.78,67.71,41.9,84.7,35.81,941.1-332.86,947.32-335.63S1386.26,725,1386.26,725C1400.52,710.11,1404.77,688.64,1393.79,669.35Zm-33.47,28.42c-8,3.22-950.19,332.11-956.2,334.23s-17.2,3.79-25.39-13S47.12,302.81,43.7,295.34,42,279.68,54,276.47,985.07,30.76,985.07,30.76c13.68-3.42,19.59,1.14,23,6.85s353,636.2,356.07,642.11S1368.3,694.56,1360.32,697.77Z" fill="url(#gradient_01)"/>
<path d="M1393.79,669.35c-11-19.29-347.65-625.14-356.8-640.77C1026.73,11.05,993.47-4.3,972.64,1.1c0,0-888.53,231.46-931.91,242.8S-2.94,304.75,2.32,316.36s312.54,682.06,332.16,724.79,67.71,41.9,84.7,35.81,941.1-332.86,947.32-335.63S1386.26,725,1386.26,725C1400.53,710.11,1404.77,688.64,1393.79,669.35ZM1197.24,342.89c1.3-1.3,3.8-.9,5.59.89s2.19,4.3.9,5.59-3.8.9-5.59-.89S1196,344.19,1197.24,342.89Zm174.19,356.84c-8,3.22-962.6,341.63-968.61,343.76s-17.2,3.78-25.39-13S35.31,297.93,31.89,290.47s-1.66-15.66,10.26-18.88S988.83,22.74,988.83,22.74c13.68-3.43,19.58,1.14,23,6.84s360.33,646.2,363.44,652.11S1379.41,696.52,1371.43,699.73Z" fill="url(#light_adjust)" opacity="0.2" style="mix-blend-mode: difference"/>
<path d="M1392.34,673.19c-8.71-16.18-342.92-616.67-357-641.29-13-22.82-46-31.74-60.83-28.42L40.59,247.5C13.09,254.69,2,284.42,9.5,300.74s323.74,705.83,338.25,734.6,54.16,34.85,71.4,29c14-4.76,933.5-329.2,955-336.67S1401,689.37,1392.34,673.19Zm-32,24.58c-8,3.22-950.19,332.11-956.2,334.23s-17.2,3.79-25.39-13S47.12,302.81,43.7,295.34,42,279.68,54,276.47,985.07,30.76,985.07,30.76c13.68-3.42,19.59,1.14,23,6.85s353,636.2,356.07,642.11S1368.3,694.56,1360.32,697.77Z"/>
<path d="M1393.79,669.35c-11-19.29-347.65-625.14-356.8-640.77C1026.73,11.05,993.47-4.3,972.64,1.1c0,0-888.53,231.46-931.91,242.8-13.74,3.59-23.15,11-29.44,19.85-8.44,14.73-8.5,33.51-2.76,45.42s328.91,715.43,334.8,727.41c12.43,25.31,42.55,43.43,80.83,31.12S1360,737.18,1374.31,732.1c6.51-2.31,12-7.23,16.22-12.18C1401.24,705.46,1403.58,686.55,1393.79,669.35Zm-19.69,58.29c-21.45,7.47-941,331.91-954.95,336.67-17.24,5.88-56.89-.21-71.4-29S17,317.06,9.5,300.74s3.59-46.05,31.09-53.24L974.5,3.48c14.82-3.32,47.78,5.6,60.83,28.42,14.09,24.62,348.3,625.11,357,641.29S1395.55,720.17,1374.1,727.64Z" fill="#fff" opacity="0.5"/>
<path d="M54,276.47C42,279.68,40.28,287.88,43.7,295.34s326.85,706.84,335,723.65,19.38,15.14,25.39,13l12.62-4.41L763.49,89.22C490.68,161.19,62.07,274.28,54,276.47Z" opacity="0.4" fill="url(#gradient_02)"/>
<g id="details">
<g>
<ellipse cx="1200.49" cy="346.13" rx="3.37" ry="4.66" transform="translate(115.88 966.29) rotate(-45.84)" fill="#1a1c1c"/>
<ellipse cx="1200.49" cy="346.14" rx="2.21" ry="3.04" transform="translate(115.89 966.33) rotate(-45.85)" fill="url(#gradient_03)"/>
</g>
<g>
<path d="M1313.58,758.5l19.84-6.94h0a3.78,3.78,0,0,0,.92-.57,4.94,4.94,0,0,0,.85-.86,4,4,0,0,0,.57-.88c.11-.26.15-.22.08-.35a4.25,4.25,0,0,0-.4-.59,2.62,2.62,0,0,0-.21-.17,2.51,2.51,0,0,0-.47-.31.85.85,0,0,0-.47-.09,2.67,2.67,0,0,0-.67.15l-17.78,6.26a5.48,5.48,0,0,0-3.25,2.79h0a1.15,1.15,0,0,0-.11.49.6.6,0,0,0,.14.39,1.71,1.71,0,0,0,1,.68" fill="url(#gradient_04)"/>
<path d="M1333.53,751.55a3.61,3.61,0,0,0,2.37-1.95.78.78,0,0,0-.39-1,1.64,1.64,0,0,0-1.39-.08l-17.4,6.24a5.74,5.74,0,0,0-3.22,2.56.73.73,0,0,0,.32,1.07,2.27,2.27,0,0,0,1.76-.08Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.13"/>
</g>
<g>
<path d="M1285.19,768.55,1305,761.6h0a3.89,3.89,0,0,0,.93-.56,5.82,5.82,0,0,0,.85-.87,4,4,0,0,0,.57-.88c.11-.26.14-.22.07-.35a4,4,0,0,0-.39-.59,2.62,2.62,0,0,0-.21-.17,2.27,2.27,0,0,0-.48-.31,1,1,0,0,0-.47-.09,2.61,2.61,0,0,0-.66.15l-17.79,6.26a5.49,5.49,0,0,0-3.24,2.79h0a1.22,1.22,0,0,0-.11.49.63.63,0,0,0,.14.4,1.76,1.76,0,0,0,1,.68" fill="url(#gradient_04-2)"/>
<path d="M1305.14,761.6a3.68,3.68,0,0,0,2.37-2,.77.77,0,0,0-.39-.94,1.63,1.63,0,0,0-1.39-.09l-17.41,6.24a5.77,5.77,0,0,0-3.22,2.56.73.73,0,0,0,.33,1.07,2.24,2.24,0,0,0,1.75-.08Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.13"/>
</g>
<path d="M174.75,680.79a23.8,23.8,0,0,0-2-9.2l-9.61-21.51c-1.32-2.94-3.22-4.16-3.73-2.29s.07,5.32,1.45,8.48l10.67,24C173,683.59,174.67,683.75,174.75,680.79Z" fill="#3d3d3d"/>
<path d="M175.29,682a22.48,22.48,0,0,0-2-9l-10.14-22.65c-1.26-2.86-3.11-4-3.59-2.22s.06,5.16,1.46,8.2l11.21,25.19C173.61,684.72,175.22,684.87,175.29,682Z" fill="url(#gradient_05)"/>
<path d="M174.8,681.2a20.8,20.8,0,0,0-1.76-8l-9.48-21.39c-1.16-2.58-2.81-3.65-3.2-1.93s.07,4.65,1.26,7.33L172,680.71C173.29,683.6,174.73,683.77,174.8,681.2Z" fill="#131313"/>
<g>
<path d="M111.57,541.51a11.09,11.09,0,0,1,1.23,5c-.14,1.09-.93.49-1.75-1.24a10.45,10.45,0,0,1-1.09-4.72C110.08,539.54,110.8,540,111.57,541.51Z" fill="#000102"/>
<path d="M111.07,545.27c.8,1.74,1.59,2.34,1.75,1.24l-2.22-2.43A6.53,6.53,0,0,0,111.07,545.27Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M110.12,542.46a13.89,13.89,0,0,0,.93,2.77l1.44.52-.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M111.82,542.52a9.44,9.44,0,0,1,1,4.13c-.13.87-.77.4-1.44-1a9,9,0,0,1-.94-3.92C110.58,540.82,111.19,541.2,111.82,542.52Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M107.12,531.83a11.13,11.13,0,0,1,1.24,5c-.14,1.08-.93.49-1.75-1.24a10.52,10.52,0,0,1-1.1-4.73C105.64,529.86,106.36,530.28,107.12,531.83Z" fill="#000102"/>
<path d="M106.63,535.6c.8,1.74,1.59,2.33,1.75,1.24l-2.23-2.44A7.9,7.9,0,0,0,106.63,535.6Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M105.68,532.79a13.89,13.89,0,0,0,.93,2.77l1.44.52-.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M107.38,532.84a9.65,9.65,0,0,1,1,4.14c-.13.86-.77.39-1.45-1.05A9.15,9.15,0,0,1,106,532C106.14,531.15,106.75,531.53,107.38,532.84Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M102.68,522.16a11.12,11.12,0,0,1,1.24,5c-.15,1.09-.93.5-1.75-1.23a10.55,10.55,0,0,1-1.1-4.73C101.2,520.19,101.91,520.61,102.68,522.16Z" fill="#000102"/>
<path d="M102.19,525.92c.8,1.75,1.58,2.34,1.75,1.24l-2.23-2.43A7.41,7.41,0,0,0,102.19,525.92Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M101.24,523.11a13.89,13.89,0,0,0,.93,2.77l1.44.53-.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M102.94,523.17a9.61,9.61,0,0,1,1,4.13c-.14.87-.77.4-1.45-1a9,9,0,0,1-.93-3.93C101.7,521.47,102.31,521.85,102.94,523.17Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M98.24,512.49a11.25,11.25,0,0,1,1.24,5c-.15,1.09-.94.49-1.76-1.24a10.45,10.45,0,0,1-1.09-4.72C96.75,510.52,97.47,510.94,98.24,512.49Z" fill="#000102"/>
<path d="M97.75,516.25c.79,1.74,1.58,2.34,1.75,1.24l-2.23-2.43A6.59,6.59,0,0,0,97.75,516.25Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M96.8,513.44a13.24,13.24,0,0,0,.92,2.77l1.45.52-.35-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M98.5,513.5a9.55,9.55,0,0,1,1,4.13c-.13.87-.76.4-1.44-1a9.15,9.15,0,0,1-.94-3.92C97.25,511.8,97.87,512.18,98.5,513.5Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M93.8,502.81a11.1,11.1,0,0,1,1.23,5c-.14,1.08-.93.49-1.75-1.24a10.49,10.49,0,0,1-1.09-4.73C92.31,500.84,93,501.26,93.8,502.81Z" fill="#000102"/>
<path d="M93.3,506.58c.8,1.74,1.59,2.33,1.75,1.24l-2.22-2.44A6.92,6.92,0,0,0,93.3,506.58Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M92.35,503.76a13.76,13.76,0,0,0,.93,2.78l1.44.52L94.38,506Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M94.05,503.82a9.51,9.51,0,0,1,1,4.14c-.13.86-.77.39-1.44-1A9,9,0,0,1,92.7,503C92.81,502.13,93.42,502.51,94.05,503.82Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M89.35,493.14a11.12,11.12,0,0,1,1.24,5c-.14,1.09-.93.5-1.75-1.23a10.55,10.55,0,0,1-1.1-4.73C87.87,491.17,88.59,491.59,89.35,493.14Z" fill="#000102"/>
<path d="M88.86,496.9c.8,1.75,1.59,2.34,1.75,1.24l-2.23-2.43A7.41,7.41,0,0,0,88.86,496.9Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M87.91,494.09a13.89,13.89,0,0,0,.93,2.77l1.44.53-.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M89.61,494.15a9.61,9.61,0,0,1,1,4.13c-.13.87-.77.4-1.45-1a9.18,9.18,0,0,1-.93-3.93C88.37,492.45,89,492.83,89.61,494.15Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M84.91,483.47a11.12,11.12,0,0,1,1.24,5c-.15,1.08-.93.49-1.75-1.24a10.48,10.48,0,0,1-1.1-4.72C83.43,481.5,84.14,481.92,84.91,483.47Z" fill="#000102"/>
<path d="M84.42,487.23c.8,1.74,1.58,2.33,1.75,1.24L83.94,486A7.41,7.41,0,0,0,84.42,487.23Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M83.47,484.42a13.89,13.89,0,0,0,.93,2.77l1.44.52-.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M85.17,484.48a9.58,9.58,0,0,1,1,4.13c-.14.87-.77.4-1.45-1.05a9,9,0,0,1-.93-3.92C83.93,482.78,84.54,483.16,85.17,484.48Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M80.47,473.79a11.26,11.26,0,0,1,1.24,5c-.15,1.08-.94.49-1.76-1.24a10.49,10.49,0,0,1-1.09-4.73C79,471.82,79.7,472.24,80.47,473.79Z" fill="#000102"/>
<path d="M80,477.56c.79,1.74,1.58,2.33,1.75,1.24l-2.23-2.44A7,7,0,0,0,80,477.56Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M79,474.74a13.32,13.32,0,0,0,.92,2.78l1.45.52L81.05,477Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M80.73,474.8a9.62,9.62,0,0,1,1,4.14c-.13.86-.76.39-1.44-1.05a9.19,9.19,0,0,1-.94-3.93C79.48,473.11,80.1,473.49,80.73,474.8Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M76,464.12a11.09,11.09,0,0,1,1.23,5c-.14,1.09-.93.5-1.75-1.23a10.51,10.51,0,0,1-1.09-4.73C74.54,462.15,75.26,462.57,76,464.12Z" fill="#000102"/>
<path d="M75.53,467.88c.8,1.75,1.59,2.34,1.75,1.24l-2.22-2.43A6.53,6.53,0,0,0,75.53,467.88Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M74.58,465.07a13.89,13.89,0,0,0,.93,2.77l1.44.53-.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M76.28,465.13a9.47,9.47,0,0,1,1,4.13c-.13.87-.77.4-1.44-1a9.07,9.07,0,0,1-.94-3.93C75,463.43,75.65,463.81,76.28,465.13Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M71.58,454.45a11.12,11.12,0,0,1,1.24,5c-.14,1.08-.93.49-1.75-1.24A10.48,10.48,0,0,1,70,453.5C70.1,452.48,70.82,452.9,71.58,454.45Z" fill="#000102"/>
<path d="M71.09,458.21c.8,1.74,1.59,2.33,1.75,1.24L70.61,457A7.41,7.41,0,0,0,71.09,458.21Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M70.14,455.4a13.89,13.89,0,0,0,.93,2.77l1.44.52-.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M71.84,455.46a9.58,9.58,0,0,1,1,4.13c-.13.87-.77.4-1.45-1a9,9,0,0,1-.93-3.92C70.6,453.76,71.21,454.14,71.84,455.46Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M67.14,444.77a11.13,11.13,0,0,1,1.24,5c-.15,1.08-.93.49-1.75-1.24a10.52,10.52,0,0,1-1.1-4.73C65.66,442.8,66.37,443.22,67.14,444.77Z" fill="#000102"/>
<path d="M66.65,448.54c.8,1.74,1.58,2.33,1.75,1.23l-2.23-2.43A7.9,7.9,0,0,0,66.65,448.54Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M65.7,445.72a14,14,0,0,0,.93,2.78l1.44.52L67.73,448Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M67.4,445.78a9.65,9.65,0,0,1,1,4.14c-.14.86-.77.39-1.45-1.05a9,9,0,0,1-.93-3.93C66.16,444.09,66.77,444.47,67.4,445.78Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M62.7,435.1a11.25,11.25,0,0,1,1.24,5c-.15,1.09-.94.5-1.76-1.23a10.51,10.51,0,0,1-1.09-4.73C61.21,433.13,61.93,433.55,62.7,435.1Z" fill="#000102"/>
<path d="M62.21,438.86c.79,1.75,1.58,2.34,1.75,1.24l-2.23-2.43A6.59,6.59,0,0,0,62.21,438.86Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M61.26,436.05a13.24,13.24,0,0,0,.92,2.77l1.45.53-.35-1.07Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M63,436.11a9.58,9.58,0,0,1,1,4.13c-.13.87-.76.4-1.44-1.05a9.15,9.15,0,0,1-.94-3.92C61.71,434.41,62.33,434.79,63,436.11Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M58.26,425.43a11.09,11.09,0,0,1,1.23,5c-.14,1.08-.93.49-1.75-1.24a10.45,10.45,0,0,1-1.09-4.72C56.77,423.45,57.49,423.88,58.26,425.43Z" fill="#000102"/>
<path d="M57.76,429.19c.8,1.74,1.59,2.33,1.75,1.24L57.29,428A6.35,6.35,0,0,0,57.76,429.19Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M56.81,426.38a13.89,13.89,0,0,0,.93,2.77l1.44.52-.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M58.51,426.43a9.51,9.51,0,0,1,1,4.14c-.13.87-.77.4-1.44-1.05a9,9,0,0,1-.94-3.93C57.27,424.74,57.88,425.12,58.51,426.43Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M53.81,415.75a11.13,11.13,0,0,1,1.24,5c-.14,1.08-.93.49-1.75-1.24a10.52,10.52,0,0,1-1.1-4.73C52.33,413.78,53.05,414.2,53.81,415.75Z" fill="#000102"/>
<path d="M53.32,419.52c.8,1.74,1.59,2.33,1.75,1.23l-2.23-2.43A7.9,7.9,0,0,0,53.32,419.52Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M52.37,416.7a14,14,0,0,0,.93,2.78l1.44.52-.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M54.07,416.76a9.65,9.65,0,0,1,1,4.14c-.13.86-.77.39-1.45-1a9,9,0,0,1-.93-3.93C52.83,415.07,53.44,415.45,54.07,416.76Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M49.37,406.08a11.12,11.12,0,0,1,1.24,5c-.15,1.09-.93.5-1.75-1.23a10.55,10.55,0,0,1-1.1-4.73C47.89,404.11,48.6,404.53,49.37,406.08Z" fill="#000102"/>
<path d="M48.88,409.84c.8,1.75,1.58,2.34,1.75,1.24l-2.23-2.43A7.41,7.41,0,0,0,48.88,409.84Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M47.93,407a14.52,14.52,0,0,0,.92,2.77l1.45.53L50,409.26Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M49.63,407.09a9.61,9.61,0,0,1,1,4.13c-.14.87-.77.4-1.45-1.05a9,9,0,0,1-.93-3.92C48.39,405.39,49,405.77,49.63,407.09Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M44.93,396.41a11.25,11.25,0,0,1,1.24,5c-.15,1.08-.94.49-1.76-1.24a10.45,10.45,0,0,1-1.09-4.72C43.44,394.43,44.16,394.86,44.93,396.41Z" fill="#000102"/>
<path d="M44.44,400.17c.79,1.74,1.58,2.33,1.75,1.24L44,399A6.39,6.39,0,0,0,44.44,400.17Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M43.49,397.36a13.24,13.24,0,0,0,.92,2.77l1.45.52-.35-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M45.19,397.41a9.62,9.62,0,0,1,1,4.14c-.13.87-.76.4-1.44-1.05a9.19,9.19,0,0,1-.94-3.93C43.94,395.72,44.56,396.1,45.19,397.41Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M40.49,386.73a11.1,11.1,0,0,1,1.23,5c-.14,1.08-.93.49-1.75-1.24a10.51,10.51,0,0,1-1.09-4.73C39,384.76,39.72,385.18,40.49,386.73Z" fill="#000102"/>
<path d="M40,390.5c.8,1.74,1.59,2.33,1.75,1.23l-2.22-2.43A6.92,6.92,0,0,0,40,390.5Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M39,387.68a14.19,14.19,0,0,0,.93,2.78l1.44.52-.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M40.74,387.74a9.51,9.51,0,0,1,1,4.14c-.13.86-.77.39-1.44-1.05a9.07,9.07,0,0,1-.94-3.93C39.5,386.05,40.11,386.43,40.74,387.74Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M299.73,951.33a11.57,11.57,0,0,1,1.28,5.2c-.15,1.12-1,.51-1.82-1.29a10.9,10.9,0,0,1-1.13-4.9C298.19,949.28,298.94,949.72,299.73,951.33Z" fill="#000102"/>
<path d="M299.21,955.23c.83,1.81,1.65,2.42,1.82,1.29L298.72,954A8,8,0,0,0,299.21,955.23Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M298.23,952.31a14.54,14.54,0,0,0,1,2.88l1.5.54-.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M300,952.37a10,10,0,0,1,1.07,4.29c-.14.9-.8.41-1.5-1.09a9.3,9.3,0,0,1-1-4.07C298.71,950.61,299.34,951,300,952.37Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M295.14,941.29a11.57,11.57,0,0,1,1.27,5.2c-.15,1.12-1,.51-1.81-1.29a10.76,10.76,0,0,1-1.13-4.9C293.6,939.24,294.34,939.68,295.14,941.29Z" fill="#000102"/>
<path d="M294.62,945.19c.82,1.81,1.64,2.42,1.81,1.29l-2.3-2.53A6.39,6.39,0,0,0,294.62,945.19Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M293.64,942.27a13.53,13.53,0,0,0,1,2.88l1.49.54-.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M295.4,942.34a9.78,9.78,0,0,1,1.06,4.28c-.14.9-.79.42-1.5-1.08a9.48,9.48,0,0,1-1-4.08C294.12,940.58,294.75,941,295.4,942.34Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M290.54,931.25a11.6,11.6,0,0,1,1.28,5.2c-.15,1.13-1,.51-1.82-1.28a11.1,11.1,0,0,1-1.13-4.91C289,929.2,289.75,929.64,290.54,931.25Z" fill="#000102"/>
<path d="M290,935.15c.82,1.81,1.64,2.43,1.81,1.29l-2.31-2.53A7.15,7.15,0,0,0,290,935.15Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M289,932.23a14.76,14.76,0,0,0,1,2.88l1.5.55-.36-1.11Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M290.81,932.3a10.07,10.07,0,0,1,1.06,4.29c-.14.9-.8.41-1.5-1.09a9.45,9.45,0,0,1-1-4.08C289.52,930.54,290.16,930.93,290.81,932.3Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M286,921.21a11.44,11.44,0,0,1,1.27,5.2c-.15,1.13-1,.51-1.81-1.28a10.83,10.83,0,0,1-1.13-4.91C284.41,919.17,285.16,919.6,286,921.21Z" fill="#000102"/>
<path d="M285.43,925.11c.83,1.81,1.64,2.43,1.82,1.29l-2.31-2.53A7.6,7.6,0,0,0,285.43,925.11Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M284.45,922.2a14.24,14.24,0,0,0,1,2.87l1.5.55-.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M286.21,922.26a9.78,9.78,0,0,1,1.06,4.29c-.13.9-.79.41-1.49-1.09a9.33,9.33,0,0,1-1-4.07C284.93,920.5,285.56,920.89,286.21,922.26Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M281.36,911.17a11.61,11.61,0,0,1,1.27,5.21c-.15,1.12-1,.51-1.81-1.29a10.82,10.82,0,0,1-1.13-4.9C279.82,909.13,280.56,909.57,281.36,911.17Z" fill="#000102"/>
<path d="M280.84,915.08c.82,1.81,1.64,2.42,1.81,1.28l-2.3-2.52A6.65,6.65,0,0,0,280.84,915.08Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M279.86,912.16a14.49,14.49,0,0,0,.95,2.88l1.5.54-.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M281.62,912.22a9.81,9.81,0,0,1,1.06,4.29c-.14.9-.8.41-1.5-1.09a9.44,9.44,0,0,1-1-4.07C280.34,910.46,281,910.86,281.62,912.22Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M276.76,901.14a11.57,11.57,0,0,1,1.28,5.2c-.15,1.12-1,.51-1.82-1.29a11,11,0,0,1-1.13-4.9C275.22,899.09,276,899.53,276.76,901.14Z" fill="#000102"/>
<path d="M276.25,905c.82,1.81,1.64,2.42,1.81,1.28l-2.31-2.52A7.48,7.48,0,0,0,276.25,905Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M275.26,902.12a15.21,15.21,0,0,0,1,2.88l1.5.54-.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M277,902.18a10.1,10.1,0,0,1,1.06,4.29c-.14.9-.8.41-1.5-1.09a9.44,9.44,0,0,1-1-4.07C275.74,900.42,276.37,900.82,277,902.18Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M272.17,891.1a11.54,11.54,0,0,1,1.27,5.2c-.15,1.12-1,.51-1.81-1.29a10.76,10.76,0,0,1-1.13-4.9C270.63,889.05,271.37,889.49,272.17,891.1Z" fill="#000102"/>
<path d="M271.65,895c.83,1.81,1.64,2.42,1.82,1.29l-2.31-2.53A8,8,0,0,0,271.65,895Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M270.67,892.08a14.32,14.32,0,0,0,1,2.88l1.49.54-.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M272.43,892.14a9.81,9.81,0,0,1,1.06,4.29c-.13.9-.79.41-1.49-1.09a9.3,9.3,0,0,1-1-4.07C271.15,890.38,271.78,890.78,272.43,892.14Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M267.58,881.06a11.57,11.57,0,0,1,1.27,5.2c-.15,1.13-1,.51-1.81-1.29a10.76,10.76,0,0,1-1.13-4.9C266,879,266.78,879.45,267.58,881.06Z" fill="#000102"/>
<path d="M267.06,885c.82,1.81,1.64,2.43,1.81,1.29l-2.3-2.53A6.39,6.39,0,0,0,267.06,885Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M266.08,882a14.08,14.08,0,0,0,.95,2.88l1.5.55-.35-1.11Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M267.84,882.11a10.07,10.07,0,0,1,1.06,4.29c-.14.89-.8.41-1.5-1.09a9.45,9.45,0,0,1-1-4.08C266.56,880.35,267.19,880.74,267.84,882.11Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M263,871a11.6,11.6,0,0,1,1.28,5.2c-.15,1.13-1,.51-1.82-1.28a11,11,0,0,1-1.13-4.91C261.44,869,262.19,869.41,263,871Z" fill="#000102"/>
<path d="M262.46,874.92c.83,1.81,1.65,2.43,1.82,1.29L262,873.68A8,8,0,0,0,262.46,874.92Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M261.48,872a14.89,14.89,0,0,0,1,2.87l1.5.55-.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M263.25,872.07a10.07,10.07,0,0,1,1.06,4.29c-.14.9-.8.41-1.5-1.09a9.48,9.48,0,0,1-1-4.08C262,870.31,262.59,870.7,263.25,872.07Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M258.39,861a11.57,11.57,0,0,1,1.27,5.2c-.15,1.13-1,.52-1.81-1.28a10.83,10.83,0,0,1-1.13-4.91C256.85,858.94,257.59,859.37,258.39,861Z" fill="#000102"/>
<path d="M257.87,864.89c.82,1.81,1.64,2.42,1.81,1.28l-2.3-2.52A7.42,7.42,0,0,0,257.87,864.89Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M256.89,862a13.64,13.64,0,0,0,1,2.87l1.49.55-.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M258.65,862a9.81,9.81,0,0,1,1.06,4.29c-.14.9-.79.41-1.49-1.09a9.33,9.33,0,0,1-1-4.07C257.37,860.27,258,860.66,258.65,862Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M253.79,851a11.44,11.44,0,0,1,1.28,5.2c-.15,1.12-1,.51-1.81-1.29a11,11,0,0,1-1.14-4.9C252.26,848.9,253,849.34,253.79,851Z" fill="#000102"/>
<path d="M253.28,854.85c.82,1.81,1.64,2.42,1.81,1.28l-2.31-2.52A7.48,7.48,0,0,0,253.28,854.85Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M252.3,851.93a14.49,14.49,0,0,0,.95,2.88l1.5.54-.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M254.06,852a10.1,10.1,0,0,1,1.06,4.29c-.14.9-.8.41-1.5-1.09a9.44,9.44,0,0,1-1-4.07C252.77,850.23,253.41,850.63,254.06,852Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M249.2,840.91a11.57,11.57,0,0,1,1.28,5.2c-.15,1.12-1,.51-1.82-1.29a10.9,10.9,0,0,1-1.13-4.9C247.66,838.86,248.41,839.3,249.2,840.91Z" fill="#000102"/>
<path d="M248.68,844.81c.83,1.81,1.65,2.42,1.82,1.29l-2.31-2.53A8,8,0,0,0,248.68,844.81Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M247.7,841.89a15.21,15.21,0,0,0,1,2.88l1.5.54-.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M249.46,842a10,10,0,0,1,1.07,4.29c-.14.9-.8.41-1.5-1.09a9.45,9.45,0,0,1-1-4.07C248.18,840.19,248.81,840.59,249.46,842Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M244.61,830.87a11.57,11.57,0,0,1,1.27,5.2c-.15,1.12-1,.51-1.81-1.29a10.76,10.76,0,0,1-1.13-4.9C243.07,828.82,243.81,829.26,244.61,830.87Z" fill="#000102"/>
<path d="M244.09,834.77c.82,1.81,1.64,2.42,1.81,1.29l-2.3-2.53A7.09,7.09,0,0,0,244.09,834.77Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M243.11,831.85a13.53,13.53,0,0,0,1,2.88l1.49.54-.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M244.87,831.92a9.78,9.78,0,0,1,1.06,4.28c-.14.9-.79.42-1.5-1.08a9.48,9.48,0,0,1-1-4.08C243.59,830.16,244.22,830.55,244.87,831.92Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M240,820.83a11.6,11.6,0,0,1,1.28,5.2c-.15,1.13-1,.51-1.82-1.28a11.1,11.1,0,0,1-1.13-4.91C238.48,818.78,239.22,819.22,240,820.83Z" fill="#000102"/>
<path d="M239.5,824.73c.82,1.81,1.64,2.43,1.81,1.29L239,823.49A7.15,7.15,0,0,0,239.5,824.73Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M238.52,821.81a14.08,14.08,0,0,0,.95,2.88l1.5.55-.36-1.11Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M240.28,821.88a10.07,10.07,0,0,1,1.06,4.29c-.14.9-.8.41-1.5-1.09a9.45,9.45,0,0,1-1-4.08C239,820.12,239.63,820.51,240.28,821.88Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M235.42,810.79a11.6,11.6,0,0,1,1.28,5.2c-.16,1.13-1,.51-1.82-1.28a11,11,0,0,1-1.13-4.91C233.88,808.75,234.63,809.18,235.42,810.79Z" fill="#000102"/>
<path d="M234.9,814.69c.83,1.81,1.64,2.43,1.82,1.29l-2.31-2.53A7.6,7.6,0,0,0,234.9,814.69Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M233.92,811.78a14.24,14.24,0,0,0,1,2.87l1.5.55-.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M235.68,811.84a10,10,0,0,1,1.07,4.29c-.14.9-.8.41-1.5-1.09a9.33,9.33,0,0,1-1-4.07C234.4,810.08,235,810.47,235.68,811.84Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M230.83,800.75A11.61,11.61,0,0,1,232.1,806c-.15,1.12-1,.51-1.81-1.29a10.82,10.82,0,0,1-1.13-4.9C229.29,798.71,230,799.15,230.83,800.75Z" fill="#000102"/>
<path d="M230.31,804.66c.82,1.81,1.64,2.42,1.81,1.28l-2.3-2.52A6.65,6.65,0,0,0,230.31,804.66Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M229.33,801.74a13.92,13.92,0,0,0,1,2.88l1.49.54-.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M231.09,801.8a9.81,9.81,0,0,1,1.06,4.29c-.14.9-.8.41-1.5-1.09a9.44,9.44,0,0,1-1-4.07C229.81,800,230.44,800.44,231.09,801.8Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M226.23,790.72a11.57,11.57,0,0,1,1.28,5.2c-.15,1.12-1,.51-1.82-1.29a11,11,0,0,1-1.13-4.9C224.69,788.67,225.44,789.11,226.23,790.72Z" fill="#000102"/>
<path d="M225.72,794.62c.82,1.81,1.64,2.42,1.81,1.28l-2.31-2.52A7.48,7.48,0,0,0,225.72,794.62Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M224.73,791.7a15.21,15.21,0,0,0,1,2.88l1.5.54-.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M226.5,791.76a10.1,10.1,0,0,1,1.06,4.29c-.14.9-.8.41-1.5-1.09a9.44,9.44,0,0,1-1-4.07C225.21,790,225.85,790.4,226.5,791.76Z" fill="#0a0e0e"/>
</g>
</g>
<path d="M1393.79,669.35c-11-19.29-347.65-625.14-356.8-640.77C1026.73,11.05,993.47-4.3,972.64,1.1c0,0-888.53,231.46-931.91,242.8S-2.94,304.75,2.32,316.36s312.54,682.06,332.16,724.79,67.71,41.9,84.7,35.81,941.1-332.86,947.32-335.63S1386.26,725,1386.26,725C1400.53,710.11,1404.77,688.64,1393.79,669.35ZM1197.24,342.89c1.3-1.3,3.8-.9,5.59.89s2.19,4.3.9,5.59-3.8.9-5.59-.89S1196,344.19,1197.24,342.89Zm174.19,356.84c-8,3.22-962.6,341.63-968.61,343.76s-17.2,3.78-25.39-13S35.31,297.93,31.89,290.47s-1.66-15.66,10.26-18.88S988.83,22.74,988.83,22.74c13.68-3.43,19.58,1.14,23,6.84s360.33,646.2,363.44,652.11S1379.41,696.52,1371.43,699.73Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 31 KiB

278
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/ipad_3d_landscape_02.svg Normal file
View file

@ -0,0 +1,278 @@
<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 1400 1080" data-forced-size="true" width="1400" height="1080" data-img-aspect-ratio="4:3" data-img-perspective="[[28.43, 2.43], [97.35, 26], [72.34, 96.1], [1.98, 64.24]]">
<defs>
<linearGradient id="gradient_01" x1="-623.45" y1="525.96" x2="774.32" y2="554.15" gradientTransform="matrix(-1, 0, 0, 1, 782.63, 0)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4d4d4d"/>
<stop offset="0.01" stop-color="#121212"/>
<stop offset="0.04" stop-color="#3a3330"/>
<stop offset="0.07" stop-color="#575757"/>
<stop offset="0.2" stop-color="#8a8a8a"/>
<stop offset="0.32" stop-color="#2d2d2d"/>
<stop offset="0.39" stop-color="#a1a1a1"/>
<stop offset="0.48" stop-color="#8a8a8a"/>
<stop offset="0.54" 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="1"/>
</linearGradient>
<linearGradient id="light_adjust" x1="-623.45" y1="525.96" x2="774.32" y2="554.15" gradientTransform="matrix(-1, 0, 0, 1, 782.63, 0)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff"/>
<stop offset="0.5" stop-color="#fff" stop-opacity=".5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<linearGradient id="gradient_02" x1="-1925.99" y1="-643.38" x2="-1924.15" y2="-648.14" gradientTransform="matrix(1.6, -0.66, -2.07, -2.4, 2987.15, -2152.34)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#333"/>
<stop offset="0.49"/>
<stop offset="0.49" stop-color="#c4c4c4"/>
<stop offset="0.67" stop-color="#c4c4c4"/>
<stop offset="0.92" stop-color="#333"/>
<stop offset="0.98" stop-color="#c4c4c4"/>
<stop offset="1" stop-color="#333"/>
</linearGradient>
<radialGradient id="gradient_03" cx="-2556.22" cy="1155.2" r="2.66" gradientTransform="translate(-2600.75 511.4) rotate(-159.06)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#6d7f86"/>
<stop offset="0.05" stop-color="#5c6c76"/>
<stop offset="0.15" stop-color="#414e5b"/>
<stop offset="0.26" stop-color="#2b3445"/>
<stop offset="0.37" stop-color="#1a2134"/>
<stop offset="0.51" stop-color="#0e1328"/>
<stop offset="0.68" stop-color="#070b21"/>
<stop offset="1" stop-color="#05091f"/>
</radialGradient>
<linearGradient id="gradient_04" x1="132.68" y1="494.47" x2="1988.37" y2="-251.92" 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="397.21 19.62 22.89 698.81 1026.55 1055.16 1384.53 276.26 397.21 19.62"/>
</clipPath>
<path id="filterPath" d="M0.9889,0.2538l-0.2557,0.7212L0.0163,0.6451,0.2837,0.0162Z"/>
</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="M1359.27,243.9C1315.89,232.56,427.36,1.1,427.36,1.1c-20.83-5.4-54.09,10-64.35,27.48C353.86,44.21,17.2,650.06,6.21,669.35S-.52,710.11,13.74,725c0,0,13.54,13.56,19.76,16.32S963.82,1070.88,980.82,1077s65.08,6.92,84.7-35.81S1392.43,328,1397.68,316.37,1402.66,255.24,1359.27,243.9Zm-3,51.44c-3.42,7.47-326.85,706.84-335,723.65s-19.38,15.14-25.39,13S47.66,701,39.68,697.77s-6.94-12.13-3.83-18S388.5,43.31,391.92,37.61s9.33-10.27,23-6.85c0,0,919.19,242.49,931.11,245.71S1359.72,287.88,1356.3,295.34Z" fill="url(#gradient_01)"/>
<path d="M13.74,725s13.54,13.56,19.76,16.32S963.82,1070.88,980.82,1077s65.08,6.92,84.7-35.81S1392.43,328,1397.68,316.36s5-61.12-38.41-72.46S427.36,1.1,427.36,1.1c-20.83-5.4-54.09,10-64.35,27.48C353.86,44.21,17.2,650.06,6.21,669.35S-.53,710.11,13.74,725ZM201.86,348.48c-1.79,1.79-4.29,2.19-5.59.89s-.89-3.8.9-5.59,4.29-2.19,5.59-.89S203.65,346.69,201.86,348.48Zm-172.15,333c3.11-5.91,356.22-643.9,359.64-649.61s9.33-10.27,23-6.84c0,0,928.43,246.29,940.34,249.5s13.68,11.41,10.26,18.88-330.13,716-338.31,732.75-19.38,15.14-25.39,13S41.52,702.73,33.54,699.52,26.6,687.38,29.71,681.47Z" fill="url(#light_adjust)" opacity="0.2" style="mix-blend-mode: difference"/>
<path d="M1359.41,247.5,425.5,3.48C410.68.16,377.72,9.08,364.67,31.9,350.58,56.52,16.37,657,7.66,673.19s-3.21,47,18.24,54.45,941,331.91,955,336.67c17.24,5.88,56.89-.21,71.4-29S1383,317.06,1390.5,300.74,1386.91,254.69,1359.41,247.5Zm-3.11,47.84c-3.42,7.47-326.85,706.84-335,723.65s-19.38,15.14-25.39,13S47.66,701,39.68,697.77s-6.94-12.13-3.83-18S388.5,43.31,391.92,37.61s9.33-10.27,23-6.85c0,0,919.19,242.49,931.11,245.71S1359.72,287.88,1356.3,295.34Z"/>
<path d="M9.47,719.92c4.24,5,9.71,9.87,16.22,12.18,14.3,5.08,911.88,323.29,950.15,335.6s68.4-5.81,80.83-31.12c5.89-12,329-715.37,334.8-727.41s5.68-30.69-2.76-45.42c-6.29-8.83-15.7-16.26-29.44-19.85C1315.89,232.56,427.36,1.1,427.36,1.1c-20.83-5.4-54.09,10-64.35,27.48C353.86,44.21,17.2,650.06,6.21,669.35-3.58,686.55-1.24,705.46,9.47,719.92ZM7.66,673.19C16.37,657,350.58,56.52,364.67,31.9,377.72,9.08,410.68.16,425.5,3.48l933.91,244c27.5,7.19,38.55,36.92,31.09,53.24s-323.74,705.83-338.25,734.6-54.16,34.85-71.4,29c-14-4.76-933.5-329.2-954.95-336.67S-1,689.37,7.66,673.19Z" fill="#fff" opacity="0.5"/>
<g id="details">
<path d="M1225.26,680.79a23.8,23.8,0,0,1,2-9.2l9.61-21.51c1.32-2.94,3.22-4.16,3.73-2.29s-.07,5.32-1.45,8.48l-10.67,24C1227,683.59,1225.34,683.75,1225.26,680.79Z" fill="#3d3d3d"/>
<path d="M1224.72,682a22.48,22.48,0,0,1,2-9l10.14-22.65c1.26-2.86,3.11-4,3.59-2.22s-.06,5.16-1.46,8.2l-11.21,25.19C1226.4,684.72,1224.79,684.87,1224.72,682Z" fill="url(#gradient_02)"/>
<path d="M1225.21,681.2a20.8,20.8,0,0,1,1.76-8l9.48-21.39c1.16-2.58,2.81-3.65,3.2-1.93s-.08,4.65-1.26,7.33L1228,680.71C1226.72,683.6,1225.28,683.77,1225.21,681.2Z" fill="#131313"/>
<g>
<path d="M1288.44,541.51a11.09,11.09,0,0,0-1.23,5c.14,1.09.93.49,1.75-1.24a10.45,10.45,0,0,0,1.09-4.72C1289.93,539.54,1289.21,540,1288.44,541.51Z" fill="#000102"/>
<path d="M1288.94,545.27c-.8,1.74-1.59,2.34-1.75,1.24l2.22-2.43A7.35,7.35,0,0,1,1288.94,545.27Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1289.89,542.46a13.89,13.89,0,0,1-.93,2.77l-1.44.52.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1288.19,542.52a9.44,9.44,0,0,0-1,4.13c.13.87.77.4,1.44-1a9,9,0,0,0,.94-3.92C1289.43,540.82,1288.82,541.2,1288.19,542.52Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1292.89,531.83a11,11,0,0,0-1.24,5c.14,1.08.93.49,1.75-1.24a10.66,10.66,0,0,0,1.1-4.73C1294.37,529.86,1293.65,530.28,1292.89,531.83Z" fill="#000102"/>
<path d="M1293.38,535.6c-.8,1.74-1.59,2.33-1.75,1.24l2.23-2.44A7.9,7.9,0,0,1,1293.38,535.6Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1294.33,532.79a13.89,13.89,0,0,1-.93,2.77l-1.44.52.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1292.63,532.84a9.65,9.65,0,0,0-1,4.14c.13.86.77.39,1.45-1.05A9.15,9.15,0,0,0,1294,532C1293.87,531.15,1293.26,531.53,1292.63,532.84Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1297.33,522.16a11.12,11.12,0,0,0-1.24,5c.14,1.09.93.5,1.75-1.23a10.55,10.55,0,0,0,1.1-4.73C1298.81,520.19,1298.1,520.61,1297.33,522.16Z" fill="#000102"/>
<path d="M1297.82,525.92c-.8,1.75-1.59,2.34-1.75,1.24l2.23-2.43A7.41,7.41,0,0,1,1297.82,525.92Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1298.77,523.11a13.89,13.89,0,0,1-.93,2.77l-1.44.53.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1297.07,523.17a9.61,9.61,0,0,0-1,4.13c.14.87.77.4,1.45-1a9,9,0,0,0,.93-3.93C1298.31,521.47,1297.7,521.85,1297.07,523.17Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1301.77,512.49a11.25,11.25,0,0,0-1.24,5c.15,1.09.94.49,1.75-1.24a10.35,10.35,0,0,0,1.1-4.72C1303.26,510.52,1302.54,510.94,1301.77,512.49Z" fill="#000102"/>
<path d="M1302.26,516.25c-.79,1.74-1.58,2.34-1.75,1.24l2.23-2.43A6.59,6.59,0,0,1,1302.26,516.25Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1303.21,513.44a13.24,13.24,0,0,1-.92,2.77l-1.45.52.35-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1301.51,513.5a9.55,9.55,0,0,0-1,4.13c.13.87.76.4,1.44-1a9.15,9.15,0,0,0,.94-3.92C1302.75,511.8,1302.14,512.18,1301.51,513.5Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1306.21,502.81a11.1,11.1,0,0,0-1.23,5c.14,1.08.93.49,1.75-1.24a10.49,10.49,0,0,0,1.09-4.73C1307.7,500.84,1307,501.26,1306.21,502.81Z" fill="#000102"/>
<path d="M1306.71,506.58c-.8,1.74-1.59,2.33-1.75,1.24l2.22-2.44A6.92,6.92,0,0,1,1306.71,506.58Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1307.66,503.76a13.76,13.76,0,0,1-.93,2.78l-1.44.52.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1306,503.82a9.51,9.51,0,0,0-1,4.14c.13.86.77.39,1.44-1a9,9,0,0,0,.94-3.93C1307.2,502.13,1306.59,502.51,1306,503.82Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1310.66,493.14a11.12,11.12,0,0,0-1.24,5c.14,1.09.93.5,1.75-1.23a10.68,10.68,0,0,0,1.1-4.73C1312.14,491.17,1311.42,491.59,1310.66,493.14Z" fill="#000102"/>
<path d="M1311.15,496.9c-.8,1.75-1.59,2.34-1.75,1.24l2.23-2.43A7.41,7.41,0,0,1,1311.15,496.9Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1312.1,494.09a13.89,13.89,0,0,1-.93,2.77l-1.44.53.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1310.4,494.15a9.61,9.61,0,0,0-1,4.13c.13.87.77.4,1.45-1a9.18,9.18,0,0,0,.93-3.93C1311.64,492.45,1311,492.83,1310.4,494.15Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1315.1,483.47a11.12,11.12,0,0,0-1.24,5c.14,1.08.93.49,1.75-1.24a10.48,10.48,0,0,0,1.1-4.72C1316.58,481.5,1315.87,481.92,1315.1,483.47Z" fill="#000102"/>
<path d="M1315.59,487.23c-.8,1.74-1.59,2.33-1.75,1.24l2.23-2.43A7.41,7.41,0,0,1,1315.59,487.23Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1316.54,484.42a13.89,13.89,0,0,1-.93,2.77l-1.44.52.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1314.84,484.48a9.58,9.58,0,0,0-1,4.13c.14.87.77.4,1.45-1.05a9,9,0,0,0,.93-3.92C1316.08,482.78,1315.47,483.16,1314.84,484.48Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1319.54,473.79a11.26,11.26,0,0,0-1.24,5c.15,1.08.94.49,1.75-1.24a10.39,10.39,0,0,0,1.1-4.73C1321,471.82,1320.31,472.24,1319.54,473.79Z" fill="#000102"/>
<path d="M1320,477.56c-.79,1.74-1.58,2.33-1.75,1.24l2.23-2.44A7,7,0,0,1,1320,477.56Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1321,474.74a13.32,13.32,0,0,1-.92,2.78l-1.45.52L1319,477Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1319.28,474.8a9.62,9.62,0,0,0-1,4.14c.13.86.76.39,1.44-1.05a9.19,9.19,0,0,0,.94-3.93C1320.52,473.11,1319.91,473.49,1319.28,474.8Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1324,464.12a11.09,11.09,0,0,0-1.23,5c.14,1.09.93.5,1.75-1.23a10.51,10.51,0,0,0,1.09-4.73C1325.47,462.15,1324.75,462.57,1324,464.12Z" fill="#000102"/>
<path d="M1324.48,467.88c-.8,1.75-1.59,2.34-1.75,1.24l2.22-2.43A6.53,6.53,0,0,1,1324.48,467.88Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1325.43,465.07a13.89,13.89,0,0,1-.93,2.77l-1.44.53.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1323.73,465.13a9.47,9.47,0,0,0-1,4.13c.13.87.77.4,1.44-1a9.07,9.07,0,0,0,.94-3.93C1325,463.43,1324.36,463.81,1323.73,465.13Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1328.43,454.45a11.12,11.12,0,0,0-1.24,5c.14,1.08.93.49,1.75-1.24a10.62,10.62,0,0,0,1.1-4.72C1329.91,452.48,1329.19,452.9,1328.43,454.45Z" fill="#000102"/>
<path d="M1328.92,458.21c-.8,1.74-1.59,2.33-1.75,1.24l2.23-2.43A7.41,7.41,0,0,1,1328.92,458.21Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1329.87,455.4a13.89,13.89,0,0,1-.93,2.77l-1.44.52.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1328.17,455.46a9.58,9.58,0,0,0-1,4.13c.13.87.77.4,1.45-1a9.14,9.14,0,0,0,.93-3.92C1329.41,453.76,1328.8,454.14,1328.17,455.46Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1332.87,444.77a11.13,11.13,0,0,0-1.24,5c.14,1.08.93.49,1.75-1.24a10.52,10.52,0,0,0,1.1-4.73C1334.35,442.8,1333.64,443.22,1332.87,444.77Z" fill="#000102"/>
<path d="M1333.36,448.54c-.8,1.74-1.59,2.33-1.75,1.23l2.23-2.43A7.9,7.9,0,0,1,1333.36,448.54Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1334.31,445.72a14,14,0,0,1-.93,2.78l-1.44.52.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1332.61,445.78a9.65,9.65,0,0,0-1,4.14c.14.86.77.39,1.45-1.05a9,9,0,0,0,.93-3.93C1333.85,444.09,1333.24,444.47,1332.61,445.78Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1337.31,435.1a11.25,11.25,0,0,0-1.24,5c.15,1.09.94.5,1.75-1.23a10.41,10.41,0,0,0,1.1-4.73C1338.8,433.13,1338.08,433.55,1337.31,435.1Z" fill="#000102"/>
<path d="M1337.8,438.86c-.79,1.75-1.58,2.34-1.75,1.24l2.23-2.43A6.59,6.59,0,0,1,1337.8,438.86Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1338.75,436.05a13.24,13.24,0,0,1-.92,2.77l-1.45.53.35-1.07Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1337.05,436.11a9.58,9.58,0,0,0-1,4.13c.13.87.76.4,1.44-1.05a9.15,9.15,0,0,0,.94-3.92C1338.29,434.41,1337.68,434.79,1337.05,436.11Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1341.75,425.43a11.09,11.09,0,0,0-1.23,5c.14,1.08.93.49,1.75-1.24a10.45,10.45,0,0,0,1.09-4.72C1343.24,423.45,1342.52,423.88,1341.75,425.43Z" fill="#000102"/>
<path d="M1342.25,429.19c-.8,1.74-1.59,2.33-1.75,1.24l2.22-2.44A6.35,6.35,0,0,1,1342.25,429.19Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1343.2,426.38a13.89,13.89,0,0,1-.93,2.77l-1.44.52.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1341.5,426.43a9.51,9.51,0,0,0-1,4.14c.13.87.77.4,1.44-1.05a9,9,0,0,0,.94-3.93C1342.74,424.74,1342.13,425.12,1341.5,426.43Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1346.2,415.75a11.13,11.13,0,0,0-1.24,5c.14,1.08.93.49,1.75-1.24a10.66,10.66,0,0,0,1.1-4.73C1347.68,413.78,1347,414.2,1346.2,415.75Z" fill="#000102"/>
<path d="M1346.69,419.52c-.8,1.74-1.59,2.33-1.75,1.23l2.23-2.43A7.9,7.9,0,0,1,1346.69,419.52Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1347.64,416.7a14,14,0,0,1-.93,2.78l-1.44.52.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1345.94,416.76a9.65,9.65,0,0,0-1,4.14c.13.86.77.39,1.45-1a9.18,9.18,0,0,0,.93-3.93C1347.18,415.07,1346.57,415.45,1345.94,416.76Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1350.64,406.08a11.12,11.12,0,0,0-1.24,5c.15,1.09.93.5,1.75-1.23a10.55,10.55,0,0,0,1.1-4.73C1352.12,404.11,1351.41,404.53,1350.64,406.08Z" fill="#000102"/>
<path d="M1351.13,409.84c-.8,1.75-1.58,2.34-1.75,1.24l2.23-2.43A7.41,7.41,0,0,1,1351.13,409.84Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1352.08,407a13.89,13.89,0,0,1-.93,2.77l-1.44.53.34-1.07Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1350.38,407.09a9.61,9.61,0,0,0-1,4.13c.14.87.77.4,1.45-1.05a9,9,0,0,0,.93-3.92C1351.62,405.39,1351,405.77,1350.38,407.09Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1355.08,396.41a11.25,11.25,0,0,0-1.24,5c.15,1.08.94.49,1.75-1.24a10.35,10.35,0,0,0,1.1-4.72C1356.57,394.43,1355.85,394.86,1355.08,396.41Z" fill="#000102"/>
<path d="M1355.57,400.17c-.79,1.74-1.58,2.33-1.75,1.24l2.23-2.44A6.39,6.39,0,0,1,1355.57,400.17Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1356.52,397.36a13.24,13.24,0,0,1-.92,2.77l-1.45.52.35-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1354.82,397.41a9.62,9.62,0,0,0-1,4.14c.13.87.76.4,1.44-1.05a9.19,9.19,0,0,0,.94-3.93C1356.06,395.72,1355.45,396.1,1354.82,397.41Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1359.52,386.73a11.1,11.1,0,0,0-1.23,5c.14,1.08.93.49,1.75-1.24a10.51,10.51,0,0,0,1.09-4.73C1361,384.76,1360.29,385.18,1359.52,386.73Z" fill="#000102"/>
<path d="M1360,390.5c-.8,1.74-1.59,2.33-1.75,1.23l2.22-2.43A6.92,6.92,0,0,1,1360,390.5Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1361,387.68a14.19,14.19,0,0,1-.93,2.78l-1.44.52.34-1.06Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1359.27,387.74a9.51,9.51,0,0,0-1,4.14c.13.86.77.39,1.44-1.05a9.07,9.07,0,0,0,.94-3.93C1360.51,386.05,1359.9,386.43,1359.27,387.74Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1100.28,951.33a11.57,11.57,0,0,0-1.28,5.2c.15,1.12,1,.51,1.82-1.29a10.9,10.9,0,0,0,1.13-4.9C1101.82,949.28,1101.07,949.72,1100.28,951.33Z" fill="#000102"/>
<path d="M1100.8,955.23c-.83,1.81-1.65,2.42-1.82,1.29l2.31-2.53A8,8,0,0,1,1100.8,955.23Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1101.78,952.31a15.21,15.21,0,0,1-1,2.88l-1.5.54.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1100,952.37a10,10,0,0,0-1.07,4.29c.14.9.8.41,1.5-1.09a9.45,9.45,0,0,0,1-4.07C1101.3,950.61,1100.67,951,1100,952.37Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1104.87,941.29a11.57,11.57,0,0,0-1.27,5.2c.15,1.12,1,.51,1.81-1.29a10.76,10.76,0,0,0,1.13-4.9C1106.41,939.24,1105.67,939.68,1104.87,941.29Z" fill="#000102"/>
<path d="M1105.39,945.19c-.82,1.81-1.64,2.42-1.81,1.29l2.3-2.53A7.09,7.09,0,0,1,1105.39,945.19Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1106.37,942.27a13.53,13.53,0,0,1-1,2.88l-1.49.54.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1104.61,942.34a9.78,9.78,0,0,0-1.06,4.28c.14.9.79.42,1.5-1.08a9.48,9.48,0,0,0,1-4.08C1105.89,940.58,1105.26,941,1104.61,942.34Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1109.47,931.25a11.6,11.6,0,0,0-1.28,5.2c.15,1.13,1,.51,1.82-1.28a11.1,11.1,0,0,0,1.13-4.91C1111,929.2,1110.26,929.64,1109.47,931.25Z" fill="#000102"/>
<path d="M1110,935.15c-.82,1.81-1.64,2.43-1.81,1.29l2.31-2.53A7.15,7.15,0,0,1,1110,935.15Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1111,932.23a14.08,14.08,0,0,1-1,2.88l-1.5.55.36-1.11Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1109.2,932.3a10.07,10.07,0,0,0-1.06,4.29c.14.9.8.41,1.5-1.09a9.45,9.45,0,0,0,1-4.08C1110.49,930.54,1109.85,930.93,1109.2,932.3Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1114.06,921.21a11.6,11.6,0,0,0-1.28,5.2c.16,1.13,1,.51,1.82-1.28a11,11,0,0,0,1.13-4.91C1115.6,919.17,1114.85,919.6,1114.06,921.21Z" fill="#000102"/>
<path d="M1114.58,925.11c-.83,1.81-1.64,2.43-1.82,1.29l2.31-2.53A7.6,7.6,0,0,1,1114.58,925.11Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1115.56,922.2a14.24,14.24,0,0,1-1,2.87l-1.5.55.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1113.8,922.26a10,10,0,0,0-1.07,4.29c.14.9.8.41,1.5-1.09a9.33,9.33,0,0,0,1-4.07C1115.08,920.5,1114.45,920.89,1113.8,922.26Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1118.65,911.17a11.61,11.61,0,0,0-1.27,5.21c.15,1.12,1,.51,1.81-1.29a10.82,10.82,0,0,0,1.13-4.9C1120.19,909.13,1119.45,909.57,1118.65,911.17Z" fill="#000102"/>
<path d="M1119.17,915.08c-.82,1.81-1.64,2.42-1.81,1.28l2.3-2.52A6.65,6.65,0,0,1,1119.17,915.08Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1120.15,912.16a13.92,13.92,0,0,1-1,2.88l-1.49.54.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1118.39,912.22a9.81,9.81,0,0,0-1.06,4.29c.14.9.8.41,1.5-1.09a9.44,9.44,0,0,0,1-4.07C1119.67,910.46,1119,910.86,1118.39,912.22Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1123.25,901.14a11.57,11.57,0,0,0-1.28,5.2c.15,1.12,1,.51,1.82-1.29a11,11,0,0,0,1.13-4.9C1124.79,899.09,1124,899.53,1123.25,901.14Z" fill="#000102"/>
<path d="M1123.76,905c-.82,1.81-1.64,2.42-1.81,1.28l2.31-2.52A7.48,7.48,0,0,1,1123.76,905Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1124.75,902.12a15.21,15.21,0,0,1-1,2.88l-1.5.54.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1123,902.18a10.1,10.1,0,0,0-1.06,4.29c.14.9.8.41,1.5-1.09a9.44,9.44,0,0,0,1-4.07C1124.27,900.42,1123.63,900.82,1123,902.18Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1127.84,891.1a11.41,11.41,0,0,0-1.27,5.2c.15,1.12,1,.51,1.81-1.29a10.76,10.76,0,0,0,1.13-4.9C1129.38,889.05,1128.63,889.49,1127.84,891.1Z" fill="#000102"/>
<path d="M1128.36,895c-.83,1.81-1.64,2.42-1.82,1.29l2.31-2.53A8,8,0,0,1,1128.36,895Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1129.34,892.08a14.32,14.32,0,0,1-1,2.88l-1.49.54.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1127.58,892.14a9.81,9.81,0,0,0-1.06,4.29c.13.9.79.41,1.49-1.09a9.3,9.3,0,0,0,1-4.07C1128.86,890.38,1128.23,890.78,1127.58,892.14Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1132.43,881.06a11.57,11.57,0,0,0-1.27,5.2c.15,1.13,1,.51,1.81-1.29a10.76,10.76,0,0,0,1.13-4.9C1134,879,1133.23,879.45,1132.43,881.06Z" fill="#000102"/>
<path d="M1133,885c-.82,1.81-1.64,2.43-1.81,1.29l2.3-2.53A6.39,6.39,0,0,1,1133,885Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1133.93,882a14.08,14.08,0,0,1-1,2.88l-1.5.55.35-1.11Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1132.17,882.11a10.07,10.07,0,0,0-1.06,4.29c.14.89.8.41,1.5-1.09a9.45,9.45,0,0,0,1-4.08C1133.45,880.35,1132.82,880.74,1132.17,882.11Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1137,871a11.6,11.6,0,0,0-1.28,5.2c.15,1.13,1,.51,1.82-1.28a11,11,0,0,0,1.13-4.91C1138.57,869,1137.82,869.41,1137,871Z" fill="#000102"/>
<path d="M1137.55,874.92c-.83,1.81-1.65,2.43-1.82,1.29l2.31-2.53A8,8,0,0,1,1137.55,874.92Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1138.53,872a14.89,14.89,0,0,1-1,2.87l-1.5.55.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1136.76,872.07a10.07,10.07,0,0,0-1.06,4.29c.14.9.8.41,1.5-1.09a9.45,9.45,0,0,0,1-4.08C1138.05,870.31,1137.42,870.7,1136.76,872.07Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1141.62,861a11.57,11.57,0,0,0-1.27,5.2c.15,1.13,1,.52,1.81-1.28a10.83,10.83,0,0,0,1.13-4.91C1143.16,858.94,1142.42,859.37,1141.62,861Z" fill="#000102"/>
<path d="M1142.14,864.89c-.83,1.81-1.64,2.42-1.82,1.28l2.31-2.52A8.39,8.39,0,0,1,1142.14,864.89Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1143.12,862a14.24,14.24,0,0,1-1,2.87l-1.49.55.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1141.36,862a9.81,9.81,0,0,0-1.06,4.29c.13.9.79.41,1.49-1.09a9.33,9.33,0,0,0,1-4.07C1142.64,860.27,1142,860.66,1141.36,862Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1146.22,851a11.44,11.44,0,0,0-1.28,5.2c.15,1.12,1,.51,1.81-1.29a10.82,10.82,0,0,0,1.13-4.9C1147.75,848.9,1147,849.34,1146.22,851Z" fill="#000102"/>
<path d="M1146.73,854.85c-.82,1.81-1.64,2.42-1.81,1.28l2.3-2.52A6.65,6.65,0,0,1,1146.73,854.85Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1147.71,851.93a14.49,14.49,0,0,1-1,2.88l-1.5.54.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1146,852a10.1,10.1,0,0,0-1.06,4.29c.14.9.8.41,1.5-1.09a9.44,9.44,0,0,0,1-4.07C1147.24,850.23,1146.6,850.63,1146,852Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1150.81,840.91a11.57,11.57,0,0,0-1.28,5.2c.15,1.12,1,.51,1.82-1.29a10.9,10.9,0,0,0,1.13-4.9C1152.35,838.86,1151.6,839.3,1150.81,840.91Z" fill="#000102"/>
<path d="M1151.33,844.81c-.83,1.81-1.65,2.42-1.82,1.29l2.31-2.53A8,8,0,0,1,1151.33,844.81Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1152.31,841.89a15.21,15.21,0,0,1-1,2.88l-1.5.54.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1150.54,842a10.1,10.1,0,0,0-1.06,4.29c.14.9.8.41,1.5-1.09a9.45,9.45,0,0,0,1-4.07C1151.83,840.19,1151.2,840.59,1150.54,842Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1155.4,830.87a11.57,11.57,0,0,0-1.27,5.2c.15,1.12,1,.51,1.81-1.29a10.76,10.76,0,0,0,1.13-4.9C1156.94,828.82,1156.2,829.26,1155.4,830.87Z" fill="#000102"/>
<path d="M1155.92,834.77c-.82,1.81-1.64,2.42-1.81,1.29l2.3-2.53A7.09,7.09,0,0,1,1155.92,834.77Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1156.9,831.85a13.53,13.53,0,0,1-1,2.88l-1.49.54.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1155.14,831.92a9.78,9.78,0,0,0-1.06,4.28c.14.9.79.42,1.5-1.08a9.48,9.48,0,0,0,1-4.08C1156.42,830.16,1155.79,830.55,1155.14,831.92Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1160,820.83a11.47,11.47,0,0,0-1.28,5.2c.15,1.13,1,.51,1.81-1.28a11,11,0,0,0,1.14-4.91C1161.53,818.78,1160.79,819.22,1160,820.83Z" fill="#000102"/>
<path d="M1160.51,824.73c-.82,1.81-1.64,2.43-1.81,1.29l2.31-2.53A7.15,7.15,0,0,1,1160.51,824.73Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1161.49,821.81a14.08,14.08,0,0,1-1,2.88l-1.5.55.35-1.11Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1159.73,821.88a10.07,10.07,0,0,0-1.06,4.29c.14.9.8.41,1.5-1.09a9.45,9.45,0,0,0,1-4.08C1161,820.12,1160.38,820.51,1159.73,821.88Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1164.59,810.79a11.6,11.6,0,0,0-1.28,5.2c.15,1.13,1,.51,1.82-1.28a11,11,0,0,0,1.13-4.91C1166.13,808.75,1165.38,809.18,1164.59,810.79Z" fill="#000102"/>
<path d="M1165.11,814.69c-.83,1.81-1.65,2.43-1.82,1.29l2.31-2.53A7.6,7.6,0,0,1,1165.11,814.69Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1166.09,811.78a14.89,14.89,0,0,1-1,2.87l-1.5.55.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1164.33,811.84a10,10,0,0,0-1.07,4.29c.14.9.8.41,1.5-1.09a9.33,9.33,0,0,0,1-4.07C1165.61,810.08,1165,810.47,1164.33,811.84Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1169.18,800.75a11.61,11.61,0,0,0-1.27,5.21c.15,1.12,1,.51,1.81-1.29a10.82,10.82,0,0,0,1.13-4.9C1170.72,798.71,1170,799.15,1169.18,800.75Z" fill="#000102"/>
<path d="M1169.7,804.66c-.82,1.81-1.64,2.42-1.81,1.28l2.3-2.52A6.65,6.65,0,0,1,1169.7,804.66Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1170.68,801.74a13.92,13.92,0,0,1-1,2.88l-1.49.54.35-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1168.92,801.8a9.81,9.81,0,0,0-1.06,4.29c.14.9.79.41,1.5-1.09a9.44,9.44,0,0,0,1-4.07C1170.2,800,1169.57,800.44,1168.92,801.8Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1173.78,790.72a11.57,11.57,0,0,0-1.28,5.2c.15,1.12,1,.51,1.82-1.29a11,11,0,0,0,1.13-4.9C1175.32,788.67,1174.57,789.11,1173.78,790.72Z" fill="#000102"/>
<path d="M1174.29,794.62c-.82,1.81-1.64,2.42-1.81,1.28l2.31-2.52A7.48,7.48,0,0,1,1174.29,794.62Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1175.28,791.7a15.21,15.21,0,0,1-1,2.88l-1.5.54.36-1.1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1173.51,791.76a10.1,10.1,0,0,0-1.06,4.29c.14.9.8.41,1.5-1.09a9.44,9.44,0,0,0,1-4.07C1174.8,790,1174.16,790.4,1173.51,791.76Z" fill="#0a0e0e"/>
</g>
<g>
<ellipse cx="199.52" cy="346.13" rx="4.66" ry="3.37" transform="translate(-184.11 234.58) rotate(-43.83)" fill="#1a1c1c"/>
<ellipse cx="199.51" cy="346.14" rx="3.04" ry="2.21" transform="translate(-184.12 234.56) rotate(-43.82)" fill="url(#gradient_03)"/>
</g>
</g>
<path d="M13.74,725s13.54,13.56,19.76,16.32S963.82,1070.88,980.82,1077s65.08,6.92,84.7-35.81S1392.43,328,1397.68,316.36s5-61.12-38.41-72.46S427.36,1.1,427.36,1.1c-20.83-5.4-54.09,10-64.35,27.48C353.86,44.21,17.2,650.06,6.21,669.35S-.53,710.11,13.74,725ZM201.86,348.48c-1.79,1.79-4.29,2.19-5.59.89s-.89-3.8.9-5.59,4.29-2.19,5.59-.89S203.65,346.69,201.86,348.48Zm-172.15,333c3.11-5.91,356.22-643.9,359.64-649.61s9.33-10.27,23-6.84c0,0,928.43,246.29,940.34,249.5s13.68,11.41,10.26,18.88-330.13,716-338.31,732.75-19.38,15.14-25.39,13S41.52,702.73,33.54,699.52,26.6,687.38,29.71,681.47Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
<path d="M1320.34,373.14c21.54-46.59,35.27-76.29,36-77.8,3.42-7.46,1.66-15.66-10.26-18.87S414.93,30.76,414.93,30.76c-13.68-3.42-19.59,1.14-23,6.85C389.33,41.92,188.7,403.74,89.77,582.3Z" opacity="0.4" fill="url(#gradient_04)"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 29 KiB

281
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/ipad_3d_portrait_01.svg Normal file
View file

@ -0,0 +1,281 @@
<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 1290 1364" data-forced-size="true" width="1290" height="1364" data-img-aspect-ratio="3:4" data-img-perspective="[[2.94, 2.28], [70.61, 3.63], [97.87, 88.23], [20.92, 96.29]]">
<defs>
<linearGradient id="gradient_01" x1="563.48" y1="-86.23" x2="735.07" y2="1419.18" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4d4d4d"/>
<stop offset="0.01" stop-color="#121212"/>
<stop offset="0.04" stop-color="#3a3330"/>
<stop offset="0.07" stop-color="#575757"/>
<stop offset="0.2" stop-color="#8a8a8a"/>
<stop offset="0.39" stop-color="#a1a1a1"/>
<stop offset="0.48" stop-color="#8a8a8a"/>
<stop offset="0.54" 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="1"/>
</linearGradient>
<linearGradient id="gradient_02" x1="1749.58" y1="-1024.44" x2="1752" y2="-1030.71" gradientTransform="matrix(1.46, 0.6, 0.79, -1.92, -950.06, -1713.99)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#333"/>
<stop offset="0.49"/>
<stop offset="0.49" stop-color="#c4c4c4"/>
<stop offset="0.67" stop-color="#c4c4c4"/>
<stop offset="0.92" stop-color="#333"/>
<stop offset="0.98" stop-color="#c4c4c4"/>
<stop offset="1" stop-color="#333"/>
</linearGradient>
<linearGradient id="gradient_03" x1="77.15" y1="584.07" x2="1250.54" y2="112.11" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff" stop-opacity="0.5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<radialGradient id="gradient_04" cx="483.61" cy="25.66" r="3.91" gradientTransform="translate(687.21 -418.63) rotate(110.94)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#6d7f86"/>
<stop offset="0.05" stop-color="#5c6c76"/>
<stop offset="0.15" stop-color="#414e5b"/>
<stop offset="0.26" stop-color="#2b3445"/>
<stop offset="0.37" stop-color="#1a2134"/>
<stop offset="0.51" stop-color="#0e1328"/>
<stop offset="0.68" stop-color="#070b21"/>
<stop offset="1" stop-color="#05091f"/>
</radialGradient>
<clipPath id="screen_path">
<polygon points="48.41 19.87 882.07 34.97 926.75 59.49 1270.57 1186.29 1243.32 1228.24 301.78 1333.06 242.39 1290.63 27.16 27.61 48.41 19.87"/>
</clipPath>
<path id="filterPath" d="M0.0375,0.0146,0.6838,0.0257l0.0346,0.018,0.2665,0.8261-0.0211,0.0308L0.2339,0.9773l-0.046-0.0311L0.0211,0.0202Z"/>
</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="M1287.72,1180.13C1281.54,1159.43,948.33,79.37,943.24,64.3s-30-42.87-62.68-43.41c0,0-817-20.7-829.95-20.89S24.26,6.36,15.72,17.08-3,51,.83,71.38,209,1263.47,216.67,1306.35c5.91,32.83,44.88,61.57,83.21,57.21,16.91-1.92,918.44-105.88,934.43-108.79s25.43-8.89,25.43-8.89C1288.45,1229.71,1293.9,1200.83,1287.72,1180.13Zm-55.41,26.33c-22.9,3.09-895,99.53-915.71,101.89s-48-1.82-55.05-40.86S46.91,79.65,44.07,64.66C40.16,44.05,49.7,31.6,66.6,31.79S884.37,49,884.37,49c12.9.36,29.44,9.08,36.34,32.51s328.49,1076.61,331.4,1087.68S1255.2,1203.38,1232.31,1206.46Z" fill="url(#gradient_01)"/>
<path d="M1287.72,1180.13C1281.54,1159.43,948.33,79.37,943.24,64.3s-30-42.87-62.68-43.41c0,0-817-20.7-829.95-20.89S24.26,6.36,15.72,17.08h0A68.07,68.07,0,0,0,8.23,29.25c-1.9,5.55-3,13.1-1.5,22.88C10.55,76.64,222.46,1275.7,225.85,1294.64c6.81,38,42.42,65.2,85.66,60.75,50.18-5.16,935.15-108.43,942.6-109.33,3.78-.46,9.85-2.75,15.87-7.27A55.71,55.71,0,0,0,1287.72,1180.13ZM1248,1239.88c-35.7,4.91-918.43,106.06-936.42,108-47.29,5.13-74.54-27-79.26-52.26C224,1251.34,15.1,70.12,12.73,55.12,8.91,31,24.17,5,50.61,4.86,88.9,4.66,887.46,25,887.46,25c12.63.36,43.79,16.61,51.6,39S1278.37,1163.6,1283.68,1180.9,1283.68,1235,1248,1239.88Z" fill="#fff" opacity="0.5"/>
<path d="M1283.68,1180.9C1278.37,1163.6,946.88,86.45,939.06,64s-39-38.68-51.6-39c0,0-798.56-20.32-836.85-20.12C24.17,5,8.91,31,12.73,55.12,15.1,70.12,224,1251.34,232.3,1295.64c4.72,25.24,32,57.39,79.26,52.26,18-2,900.72-103.11,936.42-108S1289,1198.2,1283.68,1180.9Zm-51.37,25.56c-22.9,3.09-895,99.53-915.71,101.89s-48-1.82-55.05-40.86S46.91,79.65,44.07,64.66C40.16,44.05,49.7,31.6,66.6,31.79S884.37,49,884.37,49c12.9.36,29.44,9.08,36.34,32.51s328.49,1076.61,331.4,1087.68S1255.2,1203.38,1232.31,1206.46Z"/>
<g id="details">
<g>
<path d="M208.34,1224.54c.54.07,1,1.52,1,3.32s-.47,3.18-1,3.11-1-1.56-1-3.32S207.8,1224.47,208.34,1224.54Z"/>
<path d="M208.3,1231c.54.07,1-1.31,1-3.11L208,1230.7A.62.62,0,0,0,208.3,1231Z" fill="#656565" fill-rule="evenodd"/>
<path d="M207.58,1229.84c.18.67.42,1.09.72,1.13l.81-3.27-.24-.46Z" fill="#fff" fill-rule="evenodd"/>
<path d="M208.75,1225.87c.32,0,.59.93.58,2s-.27,1.92-.62,1.89-.59-.93-.58-2S208.4,1225.83,208.75,1225.87Z" fill="#0d0d0d"/>
<path d="M210.3,1223.77c.47,2.58,1.22,10.17-1.07,10.56-2,.34-3.11-5.76-3.53-8.42-2.94-18.66-14.2-80.81-14.7-84.49s-.86-7.52,1.08-8.68,2.78,3.8,3.28,6.23S207.05,1205.27,210.3,1223.77Z" fill="none" stroke="#0d0d0d" stroke-miterlimit="10" stroke-width="0.29"/>
<path d="M208.8,1234.33c.39.27.94,0,1.19-.56" fill="none" stroke="#ededed" stroke-linecap="round" stroke-width="0.47"/>
</g>
<g>
<path d="M389.07,1348.72a12.61,12.61,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a12,12,0,0,0,5.19-1.71C391.84,1349,391,1348.55,389.07,1348.72Z" fill="#000102"/>
<path d="M385.74,1351.4c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,385.74,1351.4Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M389,1350.67a16,16,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M388,1349.06a11,11,0,0,0-4.59,1.43c-.75.64.07,1,1.86.78a10.31,10.31,0,0,0,4.33-1.39C390.31,1349.27,389.59,1348.9,388,1349.06Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M401,1347.34a12.48,12.48,0,0,0-5.56,1.75c-1,.77.07,1.18,2.22,1a11.75,11.75,0,0,0,5.2-1.71C403.77,1347.62,402.94,1347.18,401,1347.34Z" fill="#000102"/>
<path d="M397.66,1350c-2.15.25-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,397.66,1350Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M400.93,1349.29a15.25,15.25,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M399.88,1347.69a10.86,10.86,0,0,0-4.59,1.42c-.76.64.07,1,1.86.79a10.26,10.26,0,0,0,4.33-1.4C402.24,1347.89,401.51,1347.52,399.88,1347.69Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M412.92,1346a12.61,12.61,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a11.89,11.89,0,0,0,5.19-1.7C415.69,1346.25,414.87,1345.8,412.92,1346Z" fill="#000102"/>
<path d="M409.59,1348.65c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,409.59,1348.65Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M412.85,1347.92a16,16,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M411.8,1346.31a10.71,10.71,0,0,0-4.59,1.43c-.75.63.07,1,1.86.78a10.16,10.16,0,0,0,4.33-1.4C414.16,1346.52,413.44,1346.15,411.8,1346.31Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M424.85,1344.59a12.61,12.61,0,0,0-5.56,1.74c-1,.78.07,1.19,2.22,1a11.88,11.88,0,0,0,5.2-1.71C427.62,1344.87,426.79,1344.42,424.85,1344.59Z" fill="#000102"/>
<path d="M421.51,1347.27c-2.15.25-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,421.51,1347.27Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M424.78,1346.54a15.9,15.9,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M423.73,1344.93a11,11,0,0,0-4.59,1.43c-.76.64.07,1,1.86.78a10.27,10.27,0,0,0,4.33-1.39C426.09,1345.14,425.36,1344.77,423.73,1344.93Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M436.77,1343.22a12.36,12.36,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a11.75,11.75,0,0,0,5.19-1.71C439.54,1343.5,438.72,1343.05,436.77,1343.22Z" fill="#000102"/>
<path d="M433.44,1345.89c-2.15.26-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,433.44,1345.89Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M436.7,1345.16a14.57,14.57,0,0,1-3.21.73l-1.35-1.08,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M435.65,1343.56a10.71,10.71,0,0,0-4.59,1.43c-.75.63.07,1,1.86.78a10.16,10.16,0,0,0,4.33-1.4C438,1343.76,437.29,1343.4,435.65,1343.56Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M448.7,1341.84a12.61,12.61,0,0,0-5.56,1.74c-1,.77.07,1.19,2.22,1a12,12,0,0,0,5.2-1.71C451.47,1342.12,450.64,1341.67,448.7,1341.84Z" fill="#000102"/>
<path d="M445.36,1344.52c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,445.36,1344.52Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M448.63,1343.79a15.9,15.9,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M447.58,1342.18a11,11,0,0,0-4.59,1.43c-.76.64.07,1,1.86.78a10.41,10.41,0,0,0,4.33-1.39C449.94,1342.39,449.21,1342,447.58,1342.18Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M460.62,1340.46a12.61,12.61,0,0,0-5.55,1.74c-1,.78.07,1.19,2.22,1a11.75,11.75,0,0,0,5.19-1.71C463.39,1340.74,462.57,1340.3,460.62,1340.46Z" fill="#000102"/>
<path d="M457.29,1343.14c-2.15.25-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,457.29,1343.14Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M460.55,1342.41a15.16,15.16,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M459.5,1340.81a10.86,10.86,0,0,0-4.59,1.42c-.75.64.07,1,1.86.79a10.16,10.16,0,0,0,4.33-1.4C461.86,1341,461.14,1340.64,459.5,1340.81Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M472.55,1339.09a12.61,12.61,0,0,0-5.56,1.74c-1,.77.07,1.19,2.22,1a11.89,11.89,0,0,0,5.2-1.7C475.32,1339.37,474.49,1338.92,472.55,1339.09Z" fill="#000102"/>
<path d="M469.21,1341.77c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,469.21,1341.77Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M472.48,1341a15.9,15.9,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M471.43,1339.43a10.71,10.71,0,0,0-4.59,1.43c-.76.63.07,1,1.86.78a10.26,10.26,0,0,0,4.33-1.4C473.79,1339.64,473.06,1339.27,471.43,1339.43Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M484.47,1337.71a12.61,12.61,0,0,0-5.55,1.74c-1,.78.07,1.19,2.22,1a11.83,11.83,0,0,0,5.19-1.71C487.24,1338,486.42,1337.54,484.47,1337.71Z" fill="#000102"/>
<path d="M481.14,1340.39c-2.15.25-3.18-.16-2.22-1l3.65.72A8.05,8.05,0,0,1,481.14,1340.39Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M484.4,1339.66a15.8,15.8,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M483.35,1338.05a11,11,0,0,0-4.59,1.43c-.75.64.07,1,1.86.78a10.17,10.17,0,0,0,4.33-1.39C485.71,1338.26,485,1337.89,483.35,1338.05Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M496.4,1336.34a12.36,12.36,0,0,0-5.56,1.74c-1,.77.07,1.19,2.22,1a11.75,11.75,0,0,0,5.2-1.71C499.17,1336.61,498.34,1336.17,496.4,1336.34Z" fill="#000102"/>
<path d="M493.06,1339c-2.15.26-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,493.06,1339Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M496.33,1338.28a15.25,15.25,0,0,1-3.22.73l-1.35-1.08,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M495.28,1336.68a10.71,10.71,0,0,0-4.59,1.43c-.76.63.07,1,1.86.78a10.26,10.26,0,0,0,4.33-1.4C497.64,1336.88,496.91,1336.52,495.28,1336.68Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M508.32,1335a12.61,12.61,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a12,12,0,0,0,5.19-1.71C511.09,1335.24,510.27,1334.79,508.32,1335Z" fill="#000102"/>
<path d="M505,1337.64c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,505,1337.64Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M508.25,1336.91a15.8,15.8,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M507.2,1335.3a10.85,10.85,0,0,0-4.59,1.43c-.75.63.07,1,1.86.78a10.16,10.16,0,0,0,4.33-1.4C509.56,1335.51,508.84,1335.14,507.2,1335.3Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M520.25,1333.58a12.61,12.61,0,0,0-5.56,1.74c-1,.78.07,1.19,2.22,1a11.75,11.75,0,0,0,5.2-1.71C523,1333.86,522.19,1333.42,520.25,1333.58Z" fill="#000102"/>
<path d="M516.91,1336.26c-2.15.25-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,516.91,1336.26Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M520.18,1335.53a15.25,15.25,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M519.13,1333.93a10.86,10.86,0,0,0-4.59,1.42c-.76.64.07,1,1.86.79a10.26,10.26,0,0,0,4.33-1.4C521.49,1334.13,520.76,1333.76,519.13,1333.93Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M532.17,1332.21a12.61,12.61,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a11.7,11.7,0,0,0,5.19-1.71C534.94,1332.49,534.12,1332,532.17,1332.21Z" fill="#000102"/>
<path d="M528.84,1334.89c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,528.84,1334.89Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M532.1,1334.16a15.8,15.8,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M531.05,1332.55a10.71,10.71,0,0,0-4.59,1.43c-.75.63.07,1,1.86.78a10.16,10.16,0,0,0,4.33-1.4C533.41,1332.76,532.69,1332.39,531.05,1332.55Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M544.1,1330.83a12.61,12.61,0,0,0-5.56,1.74c-1,.78.07,1.19,2.22,1a11.88,11.88,0,0,0,5.2-1.71C546.87,1331.11,546,1330.66,544.1,1330.83Z" fill="#000102"/>
<path d="M540.76,1333.51c-2.15.25-3.18-.16-2.22-1l3.65.72A8.05,8.05,0,0,1,540.76,1333.51Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M544,1332.78a15.9,15.9,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M543,1331.17a11,11,0,0,0-4.59,1.43c-.76.64.07,1,1.86.78a10.27,10.27,0,0,0,4.33-1.39C545.34,1331.38,544.61,1331,543,1331.17Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M556,1329.46a12.36,12.36,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a11.7,11.7,0,0,0,5.19-1.71C558.79,1329.73,558,1329.29,556,1329.46Z" fill="#000102"/>
<path d="M552.69,1332.13c-2.15.26-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,552.69,1332.13Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M556,1331.4a15.16,15.16,0,0,1-3.21.73l-1.35-1.08,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M554.9,1329.8a10.71,10.71,0,0,0-4.59,1.43c-.75.63.07,1,1.86.78a10.16,10.16,0,0,0,4.33-1.4C557.26,1330,556.54,1329.64,554.9,1329.8Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M568,1328.08a12.61,12.61,0,0,0-5.56,1.74c-1,.77.07,1.19,2.22,1a11.89,11.89,0,0,0,5.2-1.7C570.72,1328.36,569.89,1327.91,568,1328.08Z" fill="#000102"/>
<path d="M564.61,1330.76c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,564.61,1330.76Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M567.88,1330a15.9,15.9,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M566.83,1328.42a10.85,10.85,0,0,0-4.59,1.43c-.76.63.07,1,1.86.78a10.26,10.26,0,0,0,4.33-1.4C569.19,1328.63,568.46,1328.26,566.83,1328.42Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M579.87,1326.7a12.61,12.61,0,0,0-5.55,1.74c-1,.78.07,1.19,2.22,1a11.7,11.7,0,0,0,5.19-1.71C582.64,1327,581.82,1326.54,579.87,1326.7Z" fill="#000102"/>
<path d="M576.54,1329.38c-2.15.25-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,576.54,1329.38Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M579.8,1328.65a15.16,15.16,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M578.75,1327.05a10.86,10.86,0,0,0-4.59,1.42c-.75.64.07,1,1.86.78a10,10,0,0,0,4.33-1.39C581.11,1327.25,580.39,1326.88,578.75,1327.05Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M772.68,1304.87a43,43,0,0,1,11.49-2.91l30.57-3.45c4.16-.47,6.93.26,5.29,1.49s-5.82,2.42-10.29,3l-34.06,3.9C771,1307.37,769.53,1306.31,772.68,1304.87Z" fill="#3d3d3d"/>
<path d="M771,1305.05a41.22,41.22,0,0,1,11.25-2.82l32.19-3.63c4.05-.47,6.7.26,5.12,1.42s-5.64,2.37-10,2.83l-35.75,4.07C769.28,1307.48,767.9,1306.45,771,1305.05Z" fill="url(#gradient_02)"/>
<path d="M772.2,1305a37.15,37.15,0,0,1,10-2.55l30.32-3.48c3.68-.41,6.09.22,4.51,1.29s-5.09,2.11-8.89,2.55l-33.34,3.87C770.73,1307.18,769.47,1306.27,772.2,1305Z" fill="#131313"/>
</g>
<g>
<path d="M996.3,1278.42a12.48,12.48,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a11.75,11.75,0,0,0,5.19-1.71C999.07,1278.7,998.25,1278.25,996.3,1278.42Z" fill="#000102"/>
<path d="M993,1281.09c-2.15.26-3.18-.16-2.22-1l3.65.73A8.06,8.06,0,0,1,993,1281.09Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M996.23,1280.37a15.29,15.29,0,0,1-3.21.72l-1.35-1.08,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M995.18,1278.76a10.71,10.71,0,0,0-4.59,1.43c-.75.63.07,1,1.86.78a10.16,10.16,0,0,0,4.33-1.4C997.54,1279,996.82,1278.6,995.18,1278.76Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1008.23,1277a12.61,12.61,0,0,0-5.56,1.74c-1,.77.07,1.19,2.22,1a11.88,11.88,0,0,0,5.2-1.71C1011,1277.32,1010.17,1276.87,1008.23,1277Z" fill="#000102"/>
<path d="M1004.89,1279.72c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,1004.89,1279.72Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1008.16,1279a15.9,15.9,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1007.11,1277.38a11,11,0,0,0-4.59,1.43c-.76.64.07,1,1.86.78a10.27,10.27,0,0,0,4.33-1.39C1009.47,1277.59,1008.74,1277.22,1007.11,1277.38Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1020.15,1275.66a12.48,12.48,0,0,0-5.55,1.75c-1,.77.07,1.18,2.22,1a11.75,11.75,0,0,0,5.19-1.71C1022.92,1275.94,1022.1,1275.5,1020.15,1275.66Z" fill="#000102"/>
<path d="M1016.82,1278.34c-2.15.25-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,1016.82,1278.34Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1020.08,1277.61a15.3,15.3,0,0,1-3.21.73l-1.35-1.08,1.22-.3Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1019,1276a10.86,10.86,0,0,0-4.59,1.42c-.75.64.07,1,1.86.79a10.16,10.16,0,0,0,4.33-1.4C1021.39,1276.21,1020.67,1275.85,1019,1276Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1032.08,1274.29a12.61,12.61,0,0,0-5.56,1.74c-1,.77.07,1.19,2.22,1a11.89,11.89,0,0,0,5.2-1.7C1034.85,1274.57,1034,1274.12,1032.08,1274.29Z" fill="#000102"/>
<path d="M1028.74,1277c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,1028.74,1277Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1032,1276.24a15.9,15.9,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1031,1274.63a10.71,10.71,0,0,0-4.59,1.43c-.76.63.07,1,1.86.78a10.26,10.26,0,0,0,4.33-1.4C1033.32,1274.84,1032.59,1274.47,1031,1274.63Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1044,1272.91a12.61,12.61,0,0,0-5.55,1.74c-1,.78.07,1.19,2.22,1a11.88,11.88,0,0,0,5.19-1.71C1046.77,1273.19,1046,1272.75,1044,1272.91Z" fill="#000102"/>
<path d="M1040.67,1275.59c-2.15.25-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,1040.67,1275.59Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1043.93,1274.86a16,16,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1042.88,1273.26a10.86,10.86,0,0,0-4.59,1.42c-.75.64.07,1,1.86.78a10.17,10.17,0,0,0,4.33-1.39C1045.24,1273.46,1044.52,1273.09,1042.88,1273.26Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1055.93,1271.54a12.36,12.36,0,0,0-5.56,1.74c-1,.77.07,1.19,2.22,1a11.75,11.75,0,0,0,5.2-1.71C1058.7,1271.82,1057.87,1271.37,1055.93,1271.54Z" fill="#000102"/>
<path d="M1052.59,1274.21c-2.15.26-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,1052.59,1274.21Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1055.86,1273.48a14.66,14.66,0,0,1-3.22.73l-1.35-1.08,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1054.81,1271.88a10.71,10.71,0,0,0-4.59,1.43c-.76.63.07,1,1.86.78a10.26,10.26,0,0,0,4.33-1.4C1057.17,1272.08,1056.44,1271.72,1054.81,1271.88Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1067.85,1270.16a12.61,12.61,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a12,12,0,0,0,5.19-1.71C1070.62,1270.44,1069.8,1270,1067.85,1270.16Z" fill="#000102"/>
<path d="M1064.52,1272.84c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,1064.52,1272.84Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1067.78,1272.11a16,16,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1066.73,1270.5a11,11,0,0,0-4.59,1.43c-.75.64.07,1,1.86.78a10.31,10.31,0,0,0,4.33-1.39C1069.09,1270.71,1068.37,1270.34,1066.73,1270.5Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1079.78,1268.78a12.48,12.48,0,0,0-5.56,1.75c-1,.77.07,1.18,2.22,1a11.75,11.75,0,0,0,5.2-1.71C1082.55,1269.06,1081.72,1268.62,1079.78,1268.78Z" fill="#000102"/>
<path d="M1076.44,1271.46c-2.15.25-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,1076.44,1271.46Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1079.71,1270.73a15.25,15.25,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1078.66,1269.13a10.86,10.86,0,0,0-4.59,1.42c-.76.64.07,1,1.86.79a10.26,10.26,0,0,0,4.33-1.4C1081,1269.33,1080.29,1269,1078.66,1269.13Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1091.7,1267.41a12.61,12.61,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a11.89,11.89,0,0,0,5.19-1.7C1094.47,1267.69,1093.65,1267.24,1091.7,1267.41Z" fill="#000102"/>
<path d="M1088.37,1270.09c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,1088.37,1270.09Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1091.63,1269.36a16,16,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1090.58,1267.75a10.71,10.71,0,0,0-4.59,1.43c-.75.63.07,1,1.86.78a10.16,10.16,0,0,0,4.33-1.4C1092.94,1268,1092.22,1267.59,1090.58,1267.75Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1103.63,1266a12.61,12.61,0,0,0-5.56,1.74c-1,.78.07,1.19,2.22,1a11.88,11.88,0,0,0,5.2-1.71C1106.4,1266.31,1105.57,1265.86,1103.63,1266Z" fill="#000102"/>
<path d="M1100.29,1268.71c-2.15.25-3.18-.16-2.22-1l3.65.72A8.05,8.05,0,0,1,1100.29,1268.71Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1103.56,1268a15.9,15.9,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1102.51,1266.37a11,11,0,0,0-4.59,1.43c-.76.64.07,1,1.86.78a10.27,10.27,0,0,0,4.33-1.39C1104.87,1266.58,1104.14,1266.21,1102.51,1266.37Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1115.55,1264.66a12.36,12.36,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a11.75,11.75,0,0,0,5.19-1.71C1118.32,1264.94,1117.5,1264.49,1115.55,1264.66Z" fill="#000102"/>
<path d="M1112.22,1267.33c-2.15.26-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,1112.22,1267.33Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1115.48,1266.6a14.7,14.7,0,0,1-3.21.73l-1.35-1.08,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1114.43,1265a10.71,10.71,0,0,0-4.59,1.43c-.75.63.07,1,1.86.78a10.16,10.16,0,0,0,4.33-1.4C1116.79,1265.2,1116.07,1264.84,1114.43,1265Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1127.48,1263.28a12.61,12.61,0,0,0-5.56,1.74c-1,.77.07,1.19,2.22,1a12,12,0,0,0,5.2-1.71C1130.25,1263.56,1129.42,1263.11,1127.48,1263.28Z" fill="#000102"/>
<path d="M1124.14,1266c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,1124.14,1266Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1127.41,1265.23a15.9,15.9,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1126.36,1263.62a11,11,0,0,0-4.59,1.43c-.76.64.07,1,1.86.78a10.41,10.41,0,0,0,4.33-1.39C1128.72,1263.83,1128,1263.46,1126.36,1263.62Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1139.4,1261.9a12.61,12.61,0,0,0-5.55,1.74c-1,.78.07,1.19,2.22,1a11.75,11.75,0,0,0,5.19-1.71C1142.17,1262.18,1141.35,1261.74,1139.4,1261.9Z" fill="#000102"/>
<path d="M1136.07,1264.58c-2.15.25-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,1136.07,1264.58Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1139.33,1263.85a15.3,15.3,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1138.28,1262.25a10.86,10.86,0,0,0-4.59,1.42c-.75.64.07,1,1.86.79a10.16,10.16,0,0,0,4.33-1.4C1140.64,1262.45,1139.92,1262.08,1138.28,1262.25Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1151.33,1260.53a12.61,12.61,0,0,0-5.56,1.74c-1,.77.07,1.19,2.22,1a11.89,11.89,0,0,0,5.2-1.7C1154.1,1260.81,1153.27,1260.36,1151.33,1260.53Z" fill="#000102"/>
<path d="M1148,1263.21c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,1148,1263.21Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1151.26,1262.48a15.9,15.9,0,0,1-3.22.73l-1.35-1.09,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1150.21,1260.87a10.71,10.71,0,0,0-4.59,1.43c-.76.63.07,1,1.86.78a10.26,10.26,0,0,0,4.33-1.4C1152.57,1261.08,1151.84,1260.71,1150.21,1260.87Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1163.25,1259.15a12.61,12.61,0,0,0-5.55,1.74c-1,.78.07,1.19,2.22,1a11.88,11.88,0,0,0,5.19-1.71C1166,1259.43,1165.2,1259,1163.25,1259.15Z" fill="#000102"/>
<path d="M1159.92,1261.83c-2.15.25-3.18-.16-2.22-1l3.65.72A8.05,8.05,0,0,1,1159.92,1261.83Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1163.18,1261.1a16,16,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1162.13,1259.49a11,11,0,0,0-4.59,1.43c-.75.64.07,1,1.86.78a10.17,10.17,0,0,0,4.33-1.39C1164.49,1259.7,1163.77,1259.33,1162.13,1259.49Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1175.18,1257.78a12.36,12.36,0,0,0-5.56,1.74c-1,.77.07,1.19,2.22,1a11.75,11.75,0,0,0,5.2-1.71C1178,1258.05,1177.12,1257.61,1175.18,1257.78Z" fill="#000102"/>
<path d="M1171.84,1260.45c-2.15.26-3.18-.16-2.22-1l3.65.72A7.24,7.24,0,0,1,1171.84,1260.45Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1175.11,1259.72a15.25,15.25,0,0,1-3.22.73l-1.35-1.08,1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1174.06,1258.12a10.71,10.71,0,0,0-4.59,1.43c-.76.63.07,1,1.86.78a10.26,10.26,0,0,0,4.33-1.4C1176.42,1258.32,1175.69,1258,1174.06,1258.12Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1187.1,1256.4a12.61,12.61,0,0,0-5.55,1.74c-1,.77.07,1.19,2.22,1a12,12,0,0,0,5.19-1.71C1189.87,1256.68,1189.05,1256.23,1187.1,1256.4Z" fill="#000102"/>
<path d="M1183.77,1259.08c-2.15.25-3.18-.17-2.22-1l3.65.73A9.08,9.08,0,0,1,1183.77,1259.08Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1187,1258.35a16,16,0,0,1-3.21.73l-1.35-1.09,1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1186,1256.74a10.85,10.85,0,0,0-4.59,1.43c-.75.63.07,1,1.86.78a10.16,10.16,0,0,0,4.33-1.4C1188.34,1257,1187.62,1256.58,1186,1256.74Z" fill="#0a0e0e"/>
</g>
<g>
<ellipse cx="490.39" cy="23.85" rx="4.95" ry="6.85" transform="translate(82.84 297.63) rotate(-36.68)" fill="#1a1c1c"/>
<ellipse cx="490.4" cy="23.86" rx="3.25" ry="4.47" transform="translate(82.83 297.63) rotate(-36.67)" fill="url(#gradient_04)"/>
</g>
</g>
<path d="M1287.72,1180.13c-6.18-20.7-339.39-1100.76-344.48-1115.84s-30-42.86-62.68-43.4c0,0-817-20.7-829.95-20.89S24.26,6.36,15.72,17.08-3,51,.83,71.38,209,1263.47,216.67,1306.35c5.91,32.83,44.88,61.57,83.21,57.21,16.91-1.92,918.44-105.88,934.43-108.79s25.43-8.9,25.43-8.9C1288.45,1229.71,1293.9,1200.83,1287.72,1180.13ZM486.29,18.36c2.19-1.64,5.8-.51,8.06,2.52s2.33,6.82.14,8.46-5.8.5-8.06-2.53S484.1,20,486.29,18.36Zm760.93,1193.72c-22.89,3.09-916.19,108.16-936.91,110.52s-48-1.82-55.05-40.86S37.09,71.66,34.24,56.67c-3.9-20.61,5.64-33,22.53-32.87S890.69,39,890.69,39c12.9.37,29.43,9.09,36.33,32.51s337.1,1092.3,340,1103.38S1270.12,1209,1247.22,1212.08Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
<path d="M687.84,44.86C449.54,39.79,78.05,31.91,66.6,31.79,49.7,31.6,40.16,44.05,44.07,64.66c2.16,11.43,123.43,682.51,184,1017.61Z" opacity="0.4" fill="url(#gradient_03)"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 30 KiB

289
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/ipad_3d_portrait_02.svg Normal file
View file

@ -0,0 +1,289 @@
<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 1290 1364" data-forced-size="true" width="1290" height="1364" data-img-aspect-ratio="3:4" data-img-perspective="[[29.37, 3.63], [97.05, 2.27], [79.06, 96.29], [2.1, 88.26]]">
<defs>
<linearGradient id="gradient_01" x1="570.39" y1="-25.56" x2="744.28" y2="1500" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4d4d4d"/>
<stop offset="0.01" stop-color="#121212"/>
<stop offset="0.04" stop-color="#3a3330"/>
<stop offset="0.07" stop-color="#575757"/>
<stop offset="0.2" stop-color="#8a8a8a"/>
<stop offset="0.39" stop-color="#a1a1a1"/>
<stop offset="0.48" stop-color="#8a8a8a"/>
<stop offset="0.54" 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="1"/>
</linearGradient>
<linearGradient id="gradient_02" x1="2311.03" y1="1673.43" x2="2323.98" y2="1673.43" gradientTransform="translate(3724.56 1590.87) rotate(175.28)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#141414"/>
<stop offset="0.35" stop-color="#343434"/>
<stop offset="0.5" stop-color="#424242"/>
<stop offset="0.65" stop-color="#343434"/>
<stop offset="1" stop-color="#141414"/>
</linearGradient>
<linearGradient id="gradient_02-2" x1="2323.4" y1="1626.47" x2="2336.35" y2="1626.47" xlink:href="#gradient_02"/>
<linearGradient id="gradient_03" x1="2514.84" y1="-334.76" x2="2517.27" y2="-341.04" gradientTransform="matrix(-1.46, 0.6, -0.79, -1.92, 3898.74, -847.84)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#333"/>
<stop offset="0.49"/>
<stop offset="0.49" stop-color="#c4c4c4"/>
<stop offset="0.67" stop-color="#c4c4c4"/>
<stop offset="0.92" stop-color="#333"/>
<stop offset="0.98" stop-color="#c4c4c4"/>
<stop offset="1" stop-color="#333"/>
</linearGradient>
<radialGradient id="gradient_04" cx="-606.24" cy="-1439.78" r="3.91" gradientTransform="matrix(-0.93, 0.36, 0.36, 0.93, 748.01, 1585.22)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#6d7f86"/>
<stop offset="0.05" stop-color="#5c6c76"/>
<stop offset="0.15" stop-color="#414e5b"/>
<stop offset="0.26" stop-color="#2b3445"/>
<stop offset="0.37" stop-color="#1a2134"/>
<stop offset="0.51" stop-color="#0e1328"/>
<stop offset="0.68" stop-color="#070b21"/>
<stop offset="1" stop-color="#05091f"/>
</radialGradient>
<linearGradient id="gradient_05" x1="94.63" y1="504.92" x2="1887.23" y2="-216.1" 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="1249.32 19.87 415.66 34.97 370.98 59.49 27.16 1186.29 54.41 1228.24 995.95 1333.06 1055.34 1290.63 1270.57 27.61 1249.32 19.87"/>
</clipPath>
<path id="filterPath" d="M0.9849,0.0202l-0.1668,0.926L0.7721,0.9773,0.0422,0.9005l-0.0211-0.0308L0.2876,0.0436,0.3222,0.0257l0.6462-0.0111Z"/>
</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="M1274.28,17.08c-8.54-10.72-22-17.26-34.89-17.08S409.44,20.89,409.44,20.89c-32.7.54-57.59,28.33-62.68,43.41S8.46,1159.43,2.28,1180.13s-.73,49.58,28,65.75c0,0,9.45,6,25.43,8.89s917.52,106.87,934.43,108.79c38.33,4.36,77.3-24.38,83.21-57.21,7.71-42.88,212-1214.63,215.84-1235S1282.82,27.79,1274.28,17.08Zm-28.35,47.58c-2.84,15-210.39,1163.78-217.48,1202.83s-34.34,43.22-55.05,40.86-892.81-98.8-915.71-101.89-22.71-26.15-19.8-37.23S362.38,105,369.29,81.55,392.73,49.4,405.63,49c0,0,800.88-17.07,817.77-17.25S1249.84,44.05,1245.93,64.66Z" fill="url(#gradient_01)"/>
<path d="M20,1238.79c6,4.52,12.09,6.81,15.87,7.27,7.45.9,892.42,104.17,942.6,109.33,43.24,4.45,78.85-22.7,85.66-60.75,3.39-18.94,215.3-1218,219.12-1242.51,1.52-9.78.4-17.33-1.5-22.88a68.07,68.07,0,0,0-7.49-12.17h0c-8.54-10.72-22-17.26-34.89-17.08S409.44,20.89,409.44,20.89c-32.7.54-57.59,28.33-62.68,43.41S8.46,1159.43,2.28,1180.13A55.71,55.71,0,0,0,20,1238.79ZM6.32,1180.9C11.63,1163.6,343.12,86.45,350.94,64s39-38.68,51.6-39c0,0,798.56-20.32,836.85-20.12,26.44.14,41.7,26.15,37.88,50.26-2.37,15-211.28,1196.22-219.57,1240.52-4.72,25.24-32,57.39-79.26,52.26-18-2-900.72-103.11-936.42-108S1,1198.2,6.32,1180.9Z" fill="#fff" opacity="0.5"/>
<path d="M1239.39,4.86C1201.1,4.66,402.54,25,402.54,25c-12.63.36-43.79,16.61-51.6,39S11.63,1163.6,6.32,1180.9s0,54.08,35.7,59,918.43,106.06,936.42,108c47.29,5.13,74.54-27,79.26-52.26,8.29-44.3,217.2-1225.52,219.57-1240.52C1281.09,31,1265.83,5,1239.39,4.86Zm6.54,59.8c-2.84,15-210.39,1163.78-217.48,1202.83s-34.34,43.22-55.05,40.86-892.81-98.8-915.71-101.89-22.71-26.15-19.8-37.23S362.38,105,369.29,81.55,392.73,49.4,405.63,49c0,0,800.88-17.07,817.77-17.25S1249.84,44.05,1245.93,64.66Z"/>
<g id="details">
<g>
<path d="M1276.41,132.8l6-33.35h0a5.54,5.54,0,0,0-.06-1.75,8.62,8.62,0,0,0-.54-1.88,5.75,5.75,0,0,0-.78-1.49c-.27-.37-.19-.39-.43-.39a7.25,7.25,0,0,0-1.14.08c-.15,0-.29.12-.4.16a3.66,3.66,0,0,0-.82.42,1.61,1.61,0,0,0-.5.59,5.55,5.55,0,0,0-.32,1l-5.34,29.93a8.87,8.87,0,0,0,1.34,6.78h0a1.73,1.73,0,0,0,.6.53,1,1,0,0,0,.66.13,2.8,2.8,0,0,0,1.72-.81" fill="url(#gradient_02)"/>
<path d="M1282.51,99.28c.31-2,.12-3.84-.86-4.88a1.25,1.25,0,0,0-1.64-.2,2.63,2.63,0,0,0-1.22,1.88l-5.07,29.38a9.33,9.33,0,0,0,1,6.56,1.18,1.18,0,0,0,1.76.39,3.64,3.64,0,0,0,1.28-2.52Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.2"/>
</g>
<g>
<path d="M1268,180.62l6-33.35h0a5.54,5.54,0,0,0-.06-1.75,8.62,8.62,0,0,0-.54-1.88,5.92,5.92,0,0,0-.78-1.49c-.27-.37-.19-.38-.43-.39a7.25,7.25,0,0,0-1.14.08c-.15,0-.29.12-.4.16a3.89,3.89,0,0,0-.82.42,1.61,1.61,0,0,0-.5.59,5.55,5.55,0,0,0-.32,1.05L1263.63,174a8.85,8.85,0,0,0,1.34,6.77h0a1.73,1.73,0,0,0,.6.53,1,1,0,0,0,.66.13,2.74,2.74,0,0,0,1.72-.81" fill="url(#gradient_02-2)"/>
<path d="M1274.05,147.1c.31-2,.12-3.83-.86-4.88a1.25,1.25,0,0,0-1.64-.2,2.63,2.63,0,0,0-1.22,1.88l-5.07,29.38a9.33,9.33,0,0,0,1,6.56,1.18,1.18,0,0,0,1.76.39,3.64,3.64,0,0,0,1.28-2.52Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.2"/>
</g>
<g>
<path d="M900.93,1348.72a12.61,12.61,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a12,12,0,0,1-5.19-1.71C898.16,1349,899,1348.55,900.93,1348.72Z" fill="#000102"/>
<path d="M904.26,1351.4c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,904.26,1351.4Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M901,1350.67a16,16,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M902.05,1349.06a11,11,0,0,1,4.59,1.43c.75.64-.07,1-1.86.78a10.31,10.31,0,0,1-4.33-1.39C899.69,1349.27,900.41,1348.9,902.05,1349.06Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M889,1347.34a12.48,12.48,0,0,1,5.56,1.75c1,.77-.07,1.18-2.22,1a11.75,11.75,0,0,1-5.2-1.71C886.23,1347.62,887.06,1347.18,889,1347.34Z" fill="#000102"/>
<path d="M892.34,1350c2.15.25,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,892.34,1350Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M889.07,1349.29a15.25,15.25,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M890.12,1347.69a10.86,10.86,0,0,1,4.59,1.42c.76.64-.07,1-1.86.79a10.26,10.26,0,0,1-4.33-1.4C887.76,1347.89,888.49,1347.52,890.12,1347.69Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M877.08,1346a12.61,12.61,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a11.89,11.89,0,0,1-5.19-1.7C874.31,1346.25,875.13,1345.8,877.08,1346Z" fill="#000102"/>
<path d="M880.41,1348.65c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,880.41,1348.65Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M877.15,1347.92a16,16,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M878.2,1346.31a10.71,10.71,0,0,1,4.59,1.43c.75.63-.07,1-1.86.78a10.16,10.16,0,0,1-4.33-1.4C875.84,1346.52,876.56,1346.15,878.2,1346.31Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M865.15,1344.59a12.61,12.61,0,0,1,5.56,1.74c1,.78-.07,1.19-2.22,1a11.88,11.88,0,0,1-5.2-1.71C862.38,1344.87,863.21,1344.42,865.15,1344.59Z" fill="#000102"/>
<path d="M868.49,1347.27c2.15.25,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,868.49,1347.27Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M865.22,1346.54a15.9,15.9,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M866.27,1344.93a11,11,0,0,1,4.59,1.43c.76.64-.07,1-1.86.78a10.27,10.27,0,0,1-4.33-1.39C863.91,1345.14,864.64,1344.77,866.27,1344.93Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M853.23,1343.22a12.36,12.36,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a11.75,11.75,0,0,1-5.19-1.71C850.46,1343.5,851.28,1343.05,853.23,1343.22Z" fill="#000102"/>
<path d="M856.56,1345.89c2.15.26,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,856.56,1345.89Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M853.3,1345.16a14.57,14.57,0,0,0,3.21.73l1.35-1.08-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M854.35,1343.56a10.71,10.71,0,0,1,4.59,1.43c.75.63-.07,1-1.86.78a10.16,10.16,0,0,1-4.33-1.4C852,1343.76,852.71,1343.4,854.35,1343.56Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M841.3,1341.84a12.61,12.61,0,0,1,5.56,1.74c1,.77-.07,1.19-2.22,1a12,12,0,0,1-5.2-1.71C838.53,1342.12,839.36,1341.67,841.3,1341.84Z" fill="#000102"/>
<path d="M844.64,1344.52c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,844.64,1344.52Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M841.37,1343.79a15.9,15.9,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M842.42,1342.18a11,11,0,0,1,4.59,1.43c.76.64-.07,1-1.86.78a10.41,10.41,0,0,1-4.33-1.39C840.06,1342.39,840.79,1342,842.42,1342.18Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M829.38,1340.46a12.61,12.61,0,0,1,5.55,1.74c1,.78-.07,1.19-2.22,1a11.75,11.75,0,0,1-5.19-1.71C826.61,1340.74,827.43,1340.3,829.38,1340.46Z" fill="#000102"/>
<path d="M832.71,1343.14c2.15.25,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,832.71,1343.14Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M829.45,1342.41a15.16,15.16,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M830.5,1340.81a10.86,10.86,0,0,1,4.59,1.42c.75.64-.07,1-1.86.79a10.16,10.16,0,0,1-4.33-1.4C828.14,1341,828.86,1340.64,830.5,1340.81Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M817.45,1339.09a12.61,12.61,0,0,1,5.56,1.74c1,.77-.07,1.19-2.22,1a11.89,11.89,0,0,1-5.2-1.7C814.68,1339.37,815.51,1338.92,817.45,1339.09Z" fill="#000102"/>
<path d="M820.79,1341.77c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,820.79,1341.77Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M817.52,1341a15.9,15.9,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M818.57,1339.43a10.71,10.71,0,0,1,4.59,1.43c.76.63-.07,1-1.86.78a10.26,10.26,0,0,1-4.33-1.4C816.21,1339.64,816.94,1339.27,818.57,1339.43Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M805.53,1337.71a12.61,12.61,0,0,1,5.55,1.74c1,.78-.07,1.19-2.22,1a11.83,11.83,0,0,1-5.19-1.71C802.76,1338,803.58,1337.54,805.53,1337.71Z" fill="#000102"/>
<path d="M808.86,1340.39c2.15.25,3.18-.16,2.22-1l-3.65.72A8.05,8.05,0,0,0,808.86,1340.39Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M805.6,1339.66a15.8,15.8,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M806.65,1338.05a11,11,0,0,1,4.59,1.43c.75.64-.07,1-1.86.78a10.17,10.17,0,0,1-4.33-1.39C804.29,1338.26,805,1337.89,806.65,1338.05Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M793.6,1336.34a12.36,12.36,0,0,1,5.56,1.74c1,.77-.07,1.19-2.22,1a11.75,11.75,0,0,1-5.2-1.71C790.83,1336.61,791.66,1336.17,793.6,1336.34Z" fill="#000102"/>
<path d="M796.94,1339c2.15.26,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,796.94,1339Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M793.67,1338.28a15.25,15.25,0,0,0,3.22.73l1.35-1.08-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M794.72,1336.68a10.71,10.71,0,0,1,4.59,1.43c.76.63-.07,1-1.86.78a10.26,10.26,0,0,1-4.33-1.4C792.36,1336.88,793.09,1336.52,794.72,1336.68Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M781.68,1335a12.61,12.61,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a12,12,0,0,1-5.19-1.71C778.91,1335.24,779.73,1334.79,781.68,1335Z" fill="#000102"/>
<path d="M785,1337.64c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,785,1337.64Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M781.75,1336.91a15.8,15.8,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M782.8,1335.3a10.85,10.85,0,0,1,4.59,1.43c.75.63-.07,1-1.86.78a10.16,10.16,0,0,1-4.33-1.4C780.44,1335.51,781.16,1335.14,782.8,1335.3Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M769.75,1333.58a12.61,12.61,0,0,1,5.56,1.74c1,.78-.07,1.19-2.22,1a11.75,11.75,0,0,1-5.2-1.71C767,1333.86,767.81,1333.42,769.75,1333.58Z" fill="#000102"/>
<path d="M773.09,1336.26c2.15.25,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,773.09,1336.26Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M769.82,1335.53a15.25,15.25,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M770.87,1333.93a10.86,10.86,0,0,1,4.59,1.42c.76.64-.07,1-1.86.79a10.26,10.26,0,0,1-4.33-1.4C768.51,1334.13,769.24,1333.76,770.87,1333.93Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M757.83,1332.21a12.61,12.61,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a11.7,11.7,0,0,1-5.19-1.71C755.06,1332.49,755.88,1332,757.83,1332.21Z" fill="#000102"/>
<path d="M761.16,1334.89c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,761.16,1334.89Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M757.9,1334.16a15.8,15.8,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M759,1332.55a10.71,10.71,0,0,1,4.59,1.43c.75.63-.07,1-1.86.78a10.16,10.16,0,0,1-4.33-1.4C756.59,1332.76,757.31,1332.39,759,1332.55Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M745.9,1330.83a12.61,12.61,0,0,1,5.56,1.74c1,.78-.07,1.19-2.22,1a11.88,11.88,0,0,1-5.2-1.71C743.13,1331.11,744,1330.66,745.9,1330.83Z" fill="#000102"/>
<path d="M749.24,1333.51c2.15.25,3.18-.16,2.22-1l-3.65.72A8.05,8.05,0,0,0,749.24,1333.51Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M746,1332.78a15.9,15.9,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M747,1331.17a11,11,0,0,1,4.59,1.43c.76.64-.07,1-1.86.78a10.27,10.27,0,0,1-4.33-1.39C744.66,1331.38,745.39,1331,747,1331.17Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M734,1329.46a12.36,12.36,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a11.7,11.7,0,0,1-5.19-1.71C731.21,1329.73,732,1329.29,734,1329.46Z" fill="#000102"/>
<path d="M737.31,1332.13c2.15.26,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,737.31,1332.13Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M734.05,1331.4a15.16,15.16,0,0,0,3.21.73l1.35-1.08-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M735.1,1329.8a10.71,10.71,0,0,1,4.59,1.43c.75.63-.07,1-1.86.78a10.16,10.16,0,0,1-4.33-1.4C732.74,1330,733.46,1329.64,735.1,1329.8Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M722.05,1328.08a12.61,12.61,0,0,1,5.56,1.74c1,.77-.07,1.19-2.22,1a11.89,11.89,0,0,1-5.2-1.7C719.28,1328.36,720.11,1327.91,722.05,1328.08Z" fill="#000102"/>
<path d="M725.39,1330.76c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,725.39,1330.76Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M722.12,1330a15.9,15.9,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M723.17,1328.42a10.85,10.85,0,0,1,4.59,1.43c.76.63-.07,1-1.86.78a10.26,10.26,0,0,1-4.33-1.4C720.81,1328.63,721.54,1328.26,723.17,1328.42Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M710.13,1326.7a12.61,12.61,0,0,1,5.55,1.74c1,.78-.07,1.19-2.22,1a11.7,11.7,0,0,1-5.19-1.71C707.36,1327,708.18,1326.54,710.13,1326.7Z" fill="#000102"/>
<path d="M713.46,1329.38c2.15.25,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,713.46,1329.38Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M710.2,1328.65a15.16,15.16,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M711.25,1327.05a10.86,10.86,0,0,1,4.59,1.42c.75.64-.07,1-1.86.78a10,10,0,0,1-4.33-1.39C708.89,1327.25,709.61,1326.88,711.25,1327.05Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M517.32,1304.87a43,43,0,0,0-11.49-2.91l-30.57-3.45c-4.16-.47-6.93.26-5.29,1.49s5.82,2.42,10.29,3l34.06,3.9C519,1307.37,520.47,1306.31,517.32,1304.87Z" fill="#3d3d3d"/>
<path d="M519,1305.05a41.22,41.22,0,0,0-11.25-2.82l-32.19-3.63c-4.05-.47-6.7.26-5.12,1.42s5.64,2.37,10,2.83l35.75,4.07C520.72,1307.48,522.1,1306.45,519,1305.05Z" fill="url(#gradient_03)"/>
<path d="M517.8,1305a37.15,37.15,0,0,0-10-2.55L477.44,1299c-3.68-.41-6.09.22-4.51,1.29s5.09,2.11,8.89,2.55l33.34,3.87C519.27,1307.18,520.53,1306.27,517.8,1305Z" fill="#131313"/>
</g>
<g>
<path d="M293.7,1278.42a12.48,12.48,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a11.75,11.75,0,0,1-5.19-1.71C290.93,1278.7,291.75,1278.25,293.7,1278.42Z" fill="#000102"/>
<path d="M297,1281.09c2.15.26,3.18-.16,2.22-1l-3.65.73A8.06,8.06,0,0,0,297,1281.09Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M293.77,1280.37a15.29,15.29,0,0,0,3.21.72l1.35-1.08-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M294.82,1278.76a10.71,10.71,0,0,1,4.59,1.43c.75.63-.07,1-1.86.78a10.16,10.16,0,0,1-4.33-1.4C292.46,1279,293.18,1278.6,294.82,1278.76Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M281.77,1277a12.61,12.61,0,0,1,5.56,1.74c1,.77-.07,1.19-2.22,1a11.88,11.88,0,0,1-5.2-1.71C279,1277.32,279.83,1276.87,281.77,1277Z" fill="#000102"/>
<path d="M285.11,1279.72c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,285.11,1279.72Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M281.84,1279a15.9,15.9,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M282.89,1277.38a11,11,0,0,1,4.59,1.43c.76.64-.07,1-1.86.78a10.27,10.27,0,0,1-4.33-1.39C280.53,1277.59,281.26,1277.22,282.89,1277.38Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M269.85,1275.66a12.48,12.48,0,0,1,5.55,1.75c1,.77-.07,1.18-2.22,1a11.75,11.75,0,0,1-5.19-1.71C267.08,1275.94,267.9,1275.5,269.85,1275.66Z" fill="#000102"/>
<path d="M273.18,1278.34c2.15.25,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,273.18,1278.34Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M269.92,1277.61a15.3,15.3,0,0,0,3.21.73l1.35-1.08-1.22-.3Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M271,1276a10.86,10.86,0,0,1,4.59,1.42c.75.64-.07,1-1.86.79a10.16,10.16,0,0,1-4.33-1.4C268.61,1276.21,269.33,1275.85,271,1276Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M257.92,1274.29a12.61,12.61,0,0,1,5.56,1.74c1,.77-.07,1.19-2.22,1a11.89,11.89,0,0,1-5.2-1.7C255.15,1274.57,256,1274.12,257.92,1274.29Z" fill="#000102"/>
<path d="M261.26,1277c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,261.26,1277Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M258,1276.24a15.9,15.9,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M259,1274.63a10.71,10.71,0,0,1,4.59,1.43c.76.63-.07,1-1.86.78a10.26,10.26,0,0,1-4.33-1.4C256.68,1274.84,257.41,1274.47,259,1274.63Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M246,1272.91a12.61,12.61,0,0,1,5.55,1.74c1,.78-.07,1.19-2.22,1a11.88,11.88,0,0,1-5.19-1.71C243.23,1273.19,244.05,1272.75,246,1272.91Z" fill="#000102"/>
<path d="M249.33,1275.59c2.15.25,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,249.33,1275.59Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M246.07,1274.86a16,16,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M247.12,1273.26a10.86,10.86,0,0,1,4.59,1.42c.75.64-.07,1-1.86.78a10.17,10.17,0,0,1-4.33-1.39C244.76,1273.46,245.48,1273.09,247.12,1273.26Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M234.07,1271.54a12.36,12.36,0,0,1,5.56,1.74c1,.77-.07,1.19-2.22,1a11.75,11.75,0,0,1-5.2-1.71C231.3,1271.82,232.13,1271.37,234.07,1271.54Z" fill="#000102"/>
<path d="M237.41,1274.21c2.15.26,3.18-.16,2.22-1L236,1274A7.24,7.24,0,0,0,237.41,1274.21Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M234.14,1273.48a14.66,14.66,0,0,0,3.22.73l1.35-1.08-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M235.19,1271.88a10.71,10.71,0,0,1,4.59,1.43c.76.63-.07,1-1.86.78a10.26,10.26,0,0,1-4.33-1.4C232.83,1272.08,233.56,1271.72,235.19,1271.88Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M222.15,1270.16a12.61,12.61,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a12,12,0,0,1-5.19-1.71C219.38,1270.44,220.2,1270,222.15,1270.16Z" fill="#000102"/>
<path d="M225.48,1272.84c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,225.48,1272.84Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M222.22,1272.11a16,16,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M223.27,1270.5a11,11,0,0,1,4.59,1.43c.75.64-.07,1-1.86.78a10.31,10.31,0,0,1-4.33-1.39C220.91,1270.71,221.63,1270.34,223.27,1270.5Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M210.22,1268.78a12.48,12.48,0,0,1,5.56,1.75c1,.77-.07,1.18-2.22,1a11.75,11.75,0,0,1-5.2-1.71C207.45,1269.06,208.28,1268.62,210.22,1268.78Z" fill="#000102"/>
<path d="M213.56,1271.46c2.15.25,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,213.56,1271.46Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M210.29,1270.73a15.25,15.25,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M211.34,1269.13a10.86,10.86,0,0,1,4.59,1.42c.76.64-.07,1-1.86.79a10.26,10.26,0,0,1-4.33-1.4C209,1269.33,209.71,1269,211.34,1269.13Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M198.3,1267.41a12.61,12.61,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a11.89,11.89,0,0,1-5.19-1.7C195.53,1267.69,196.35,1267.24,198.3,1267.41Z" fill="#000102"/>
<path d="M201.63,1270.09c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,201.63,1270.09Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M198.37,1269.36a16,16,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M199.42,1267.75a10.71,10.71,0,0,1,4.59,1.43c.75.63-.07,1-1.86.78a10.16,10.16,0,0,1-4.33-1.4C197.06,1268,197.78,1267.59,199.42,1267.75Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M186.37,1266a12.61,12.61,0,0,1,5.56,1.74c1,.78-.07,1.19-2.22,1a11.88,11.88,0,0,1-5.2-1.71C183.6,1266.31,184.43,1265.86,186.37,1266Z" fill="#000102"/>
<path d="M189.71,1268.71c2.15.25,3.18-.16,2.22-1l-3.65.72A8.05,8.05,0,0,0,189.71,1268.71Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M186.44,1268a15.9,15.9,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M187.49,1266.37a11,11,0,0,1,4.59,1.43c.76.64-.07,1-1.86.78a10.27,10.27,0,0,1-4.33-1.39C185.13,1266.58,185.86,1266.21,187.49,1266.37Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M174.45,1264.66a12.36,12.36,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a11.75,11.75,0,0,1-5.19-1.71C171.68,1264.94,172.5,1264.49,174.45,1264.66Z" fill="#000102"/>
<path d="M177.78,1267.33c2.15.26,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,177.78,1267.33Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M174.52,1266.6a14.7,14.7,0,0,0,3.21.73l1.35-1.08-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M175.57,1265a10.71,10.71,0,0,1,4.59,1.43c.75.63-.07,1-1.86.78a10.16,10.16,0,0,1-4.33-1.4C173.21,1265.2,173.93,1264.84,175.57,1265Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M162.52,1263.28a12.61,12.61,0,0,1,5.56,1.74c1,.77-.07,1.19-2.22,1a12,12,0,0,1-5.2-1.71C159.75,1263.56,160.58,1263.11,162.52,1263.28Z" fill="#000102"/>
<path d="M165.86,1266c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,165.86,1266Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M162.59,1265.23a15.9,15.9,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M163.64,1263.62a11,11,0,0,1,4.59,1.43c.76.64-.07,1-1.86.78a10.41,10.41,0,0,1-4.33-1.39C161.28,1263.83,162,1263.46,163.64,1263.62Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M150.6,1261.9a12.61,12.61,0,0,1,5.55,1.74c1,.78-.07,1.19-2.22,1a11.75,11.75,0,0,1-5.19-1.71C147.83,1262.18,148.65,1261.74,150.6,1261.9Z" fill="#000102"/>
<path d="M153.93,1264.58c2.15.25,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,153.93,1264.58Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M150.67,1263.85a15.3,15.3,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M151.72,1262.25a10.86,10.86,0,0,1,4.59,1.42c.75.64-.07,1-1.86.79a10.16,10.16,0,0,1-4.33-1.4C149.36,1262.45,150.08,1262.08,151.72,1262.25Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M138.67,1260.53a12.61,12.61,0,0,1,5.56,1.74c1,.77-.07,1.19-2.22,1a11.89,11.89,0,0,1-5.2-1.7C135.9,1260.81,136.73,1260.36,138.67,1260.53Z" fill="#000102"/>
<path d="M142,1263.21c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,142,1263.21Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M138.74,1262.48a15.9,15.9,0,0,0,3.22.73l1.35-1.09-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M139.79,1260.87a10.71,10.71,0,0,1,4.59,1.43c.76.63-.07,1-1.86.78a10.26,10.26,0,0,1-4.33-1.4C137.43,1261.08,138.16,1260.71,139.79,1260.87Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M126.75,1259.15a12.61,12.61,0,0,1,5.55,1.74c1,.78-.07,1.19-2.22,1a11.88,11.88,0,0,1-5.19-1.71C124,1259.43,124.8,1259,126.75,1259.15Z" fill="#000102"/>
<path d="M130.08,1261.83c2.15.25,3.18-.16,2.22-1l-3.65.72A8.05,8.05,0,0,0,130.08,1261.83Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M126.82,1261.1a16,16,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M127.87,1259.49a11,11,0,0,1,4.59,1.43c.75.64-.07,1-1.86.78a10.17,10.17,0,0,1-4.33-1.39C125.51,1259.7,126.23,1259.33,127.87,1259.49Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M114.82,1257.78a12.36,12.36,0,0,1,5.56,1.74c1,.77-.07,1.19-2.22,1a11.75,11.75,0,0,1-5.2-1.71C112.05,1258.05,112.88,1257.61,114.82,1257.78Z" fill="#000102"/>
<path d="M118.16,1260.45c2.15.26,3.18-.16,2.22-1l-3.65.72A7.24,7.24,0,0,0,118.16,1260.45Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M114.89,1259.72a15.25,15.25,0,0,0,3.22.73l1.35-1.08-1.23-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M115.94,1258.12a10.71,10.71,0,0,1,4.59,1.43c.76.63-.07,1-1.86.78a10.26,10.26,0,0,1-4.33-1.4C113.58,1258.32,114.31,1258,115.94,1258.12Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M102.9,1256.4a12.61,12.61,0,0,1,5.55,1.74c1,.77-.07,1.19-2.22,1a12,12,0,0,1-5.19-1.71C100.13,1256.68,101,1256.23,102.9,1256.4Z" fill="#000102"/>
<path d="M106.23,1259.08c2.15.25,3.18-.17,2.22-1l-3.65.73A9.08,9.08,0,0,0,106.23,1259.08Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M103,1258.35a16,16,0,0,0,3.21.73l1.35-1.09-1.22-.29Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M104,1256.74a10.85,10.85,0,0,1,4.59,1.43c.75.63-.07,1-1.86.78a10.16,10.16,0,0,1-4.33-1.4C101.66,1257,102.38,1256.58,104,1256.74Z" fill="#0a0e0e"/>
</g>
<g>
<ellipse cx="799.61" cy="23.85" rx="6.85" ry="4.95" transform="translate(302.88 650.91) rotate(-53.32)" fill="#1a1c1c"/>
<ellipse cx="799.6" cy="23.86" rx="4.47" ry="3.25" transform="translate(302.89 650.92) rotate(-53.33)" fill="url(#gradient_04)"/>
</g>
</g>
<path d="M1169.05,32.88C986,36.67,405.63,49,405.63,49c-12.9.36-29.44,9.08-36.34,32.51C365,96.06,240.07,505.41,144.86,817.69Z" opacity="0.4" fill="url(#gradient_05)"/>
<path d="M1274.28,17.08c-8.54-10.72-22-17.26-34.89-17.08S409.44,20.89,409.44,20.89c-32.7.54-57.59,28.33-62.68,43.4S8.46,1159.43,2.28,1180.13s-.73,49.58,28,65.75c0,0,9.45,6,25.43,8.89s917.52,106.87,934.43,108.79c38.33,4.36,77.3-24.38,83.21-57.21,7.71-42.88,212-1214.63,215.84-1235S1282.82,27.79,1274.28,17.08Zm-478.63,3.8c2.26-3,5.87-4.16,8.06-2.52s2.13,5.42-.13,8.45-5.87,4.16-8.06,2.53S793.39,23.92,795.65,20.88Zm456,38.52c-2.84,15-210,1175.48-217,1214.52s-34.34,43.23-55.05,40.87-905-98.44-927.91-101.53S29,1187.11,31.88,1176,358.26,99,365.17,75.56,388.6,43.41,401.5,43.05c0,0,810.75-16.35,827.65-16.53S1255.59,38.78,1251.68,59.4Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 30 KiB

58
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/ipad_front_landscape.svg Normal file
View file

@ -0,0 +1,58 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1500 1150" width="1500" height="1150" data-forced-size="true">
<style>
image {
width: calc(100% - 100px);
height: calc(100% - 100px);
}
</style>
<defs>
<linearGradient id="linear-gradient" x1="5711.39" y1="1238.26" x2="5711.39" y2="1177.5" gradientTransform="translate(7209.89 2255.54) rotate(180)" 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="100.38" y1="522.62" x2="100.38" y2="470.59" gradientTransform="translate(868.7 1248.88) rotate(-90)" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-3" x1="100.38" y1="458.84" x2="100.38" y2="406.81" gradientTransform="translate(868.7 1248.88) rotate(-90)" xlink:href="#linear-gradient"/>
<radialGradient id="radial_gradient" data-name="Dégradé sans nom 33" cx="748.49" cy="-148.22" r="6.2" gradientTransform="translate(1324.86 -175) rotate(90)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#6d7f86"/>
<stop offset="0.05" stop-color="#5c6c76"/>
<stop offset="0.15" stop-color="#414e5b"/>
<stop offset="0.26" stop-color="#2b3445"/>
<stop offset="0.37" stop-color="#1a2134"/>
<stop offset="0.51" stop-color="#0e1328"/>
<stop offset="0.68" stop-color="#070b21"/>
<stop offset="1" stop-color="#05091f"/>
</radialGradient>
<path id="filterPath" d="M0.0333,0.9537V0.0437H0.9646V0.9537Z"/>
</defs>
<path d="M1490,1076.94V70.06a63,63,0,0,0-63-63H70.05A63,63,0,0,0,7,70.06V1076.94a63.05,63.05,0,0,0,63.05,63H1427A63,63,0,0,0,1490,1076.94Z"/>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" preserveAspectRatio="xMidYMin slice" x="48" y="49">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<g id="device">
<path d="M1497,1076.94V70.06A70.14,70.14,0,0,0,1427,0H70.05A70.13,70.13,0,0,0,0,70.06V1076.94A70.13,70.13,0,0,0,70.05,1147H1427A70.14,70.14,0,0,0,1497,1076.94Zm-17.8-72.21v70.13c0,34.68-16.81,55.17-57.79,55.17H81.3c-26.79,0-65.49-1.58-65.49-61.48v-991c0-59.9,38.7-61.47,65.49-61.47H1421.41c41,0,57.79,20.49,57.79,55.16v933.45Z" fill="#6f6f6f"/>
<path d="M1495.6,1076.94V70.06A68.73,68.73,0,0,0,1427,1.4H70.05A68.73,68.73,0,0,0,1.4,70.06V1076.94a68.73,68.73,0,0,0,68.65,68.66H1427A68.73,68.73,0,0,0,1495.6,1076.94Zm-16.4-72.21v70.13c0,34.68-16.81,55.17-57.79,55.17H81.3c-26.79,0-65.49-1.58-65.49-61.48v-991c0-59.9,38.7-61.47,65.49-61.47H1421.41c41,0,57.79,20.49,57.79,55.16v933.45Z" fill="#949494"/>
<path d="M1494.2,1076.94V70.06A67.33,67.33,0,0,0,1427,2.8H70.05A67.33,67.33,0,0,0,2.8,70.06V1076.94a67.33,67.33,0,0,0,67.25,67.25H1427A67.33,67.33,0,0,0,1494.2,1076.94Zm-15-72.21v70.13c0,34.68-16.81,55.17-57.79,55.17H81.3c-26.79,0-65.49-1.58-65.49-61.48v-991c0-59.9,38.7-61.47,65.49-61.47H1421.41c41,0,57.79,20.49,57.79,55.16v933.45Z" fill="#bfbfbf"/>
<path d="M1492.79,1076.94V70.06A65.92,65.92,0,0,0,1427,4.2H70.05A65.93,65.93,0,0,0,4.2,70.06V1076.94a65.92,65.92,0,0,0,65.85,65.85H1427A65.92,65.92,0,0,0,1492.79,1076.94Zm-13.59-72.21v70.13c0,34.68-16.81,55.17-57.79,55.17H81.3c-26.79,0-65.49-1.58-65.49-61.48v-991c0-59.9,38.7-61.47,65.49-61.47H1421.41c41,0,57.79,20.49,57.79,55.16v933.45Z" fill="#949494"/>
<path d="M1491.39,1076.94V70.06A64.52,64.52,0,0,0,1427,5.61H70.05A64.51,64.51,0,0,0,5.61,70.06V1076.94a64.51,64.51,0,0,0,64.44,64.45H1427A64.52,64.52,0,0,0,1491.39,1076.94ZM70.05,1140a63.05,63.05,0,0,1-63-63V70.06A63,63,0,0,1,70.05,7H1427a63,63,0,0,1,63,63.05V1076.94a63,63,0,0,1-63,63Z" fill="#6f6f6f"/>
<path d="M1490,1076.94V70.06a63,63,0,0,0-63-63H70.05A63,63,0,0,0,7,70.06V1076.94a63.05,63.05,0,0,0,63.05,63H1427A63,63,0,0,0,1490,1076.94ZM65.16,50.23H1431.83a15.06,15.06,0,0,1,15.07,15.06V1081.71a15.07,15.07,0,0,1-15.07,15.06H65.16a15.07,15.07,0,0,1-15.07-15.06V65.29A15.07,15.07,0,0,1,65.16,50.23Z"/>
<g id="details">
<path d="M1497,1078h1.73a1.27,1.27,0,0,0,1.27-1.27v-58.22a1.27,1.27,0,0,0-1.27-1.27H1497Z" fill="url(#linear-gradient)"/>
<path d="M1339.29,1147v1.73a1.27,1.27,0,0,0,1.27,1.27h49.49a1.27,1.27,0,0,0,1.27-1.27V1147Z" fill="url(#linear-gradient-2)"/>
<path d="M1275.5,1147v1.73a1.28,1.28,0,0,0,1.28,1.27h49.48a1.27,1.27,0,0,0,1.28-1.27V1147Z" fill="url(#linear-gradient-3)"/>
<g>
<path d="M1473.2,582.28a8.78,8.78,0,1,1,8.78-8.78A8.78,8.78,0,0,1,1473.2,582.28Z" fill="#202022"/>
<circle cx="1473.2" cy="573.49" r="6.21" fill="url(#radial_gradient)"/>
</g>
</g>
<path d="M1339.29,1148.73a1.27,1.27,0,0,0,1.27,1.27h49.49a1.27,1.27,0,0,0,1.27-1.27V1147H1427a70.14,70.14,0,0,0,70-70.06v1.1h1.73a1.27,1.27,0,0,0,1.27-1.27v-58.22a1.27,1.27,0,0,0-1.27-1.27H1497V70.06A70.14,70.14,0,0,0,1427,0H70.05A70.13,70.13,0,0,0,0,70.06V1076.94A70.13,70.13,0,0,0,70.05,1147H1275.5v1.73a1.28,1.28,0,0,0,1.28,1.27h49.48a1.27,1.27,0,0,0,1.28-1.27V1147h11.75ZM86.48,1130.46c-26.79,0-65.49-1.58-65.49-61.48V78c0-59.9,38.7-61.48,65.49-61.48h1340.1c41,0,57.79,20.49,57.79,55.17V1075.29c0,34.67-16.81,55.17-57.79,55.17Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.7 KiB

58
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/ipad_front_portrait.svg Normal file
View file

@ -0,0 +1,58 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1150 1500" width="1150" height="1500" data-forced-size="true">
<style>
image {
width: calc(100% - 101px);
height: calc(100% - 101px);
}
</style>
<defs>
<linearGradient id="linear-gradient" x1="3491.05" y1="697.62" x2="3491.05" y2="645.59" gradientTransform="translate(4639.55 806.3) rotate(180)" 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="3491.05" y1="633.84" x2="3491.05" y2="581.81" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-3" x1="7319.23" y1="3196.1" x2="7319.23" y2="3135.34" gradientTransform="translate(4213.38 -7317.73) rotate(90)" xlink:href="#linear-gradient"/>
<radialGradient id="radial_gradient" cx="573.49" cy="26.78" r="6.2" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#6d7f86"/>
<stop offset="0.05" stop-color="#5c6c76"/>
<stop offset="0.15" stop-color="#414e5b"/>
<stop offset="0.26" stop-color="#2b3445"/>
<stop offset="0.37" stop-color="#1a2134"/>
<stop offset="0.51" stop-color="#0e1328"/>
<stop offset="0.68" stop-color="#070b21"/>
<stop offset="1" stop-color="#05091f"/>
</radialGradient>
<path id="filterPath" d="M0.9537,0.9666H0.0437V0.0354H0.9537Z"/>
</defs>
<path d="M1076.94,10H70.06a63,63,0,0,0-63,63V1430a63,63,0,0,0,63.05,63H1076.94a63.05,63.05,0,0,0,63-63V73.05A63,63,0,0,0,1076.94,10Z"/>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" preserveAspectRatio="xMidYMin slice" x="49" y="52">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<g id="device">
<path d="M1076.94,3H70.06A70.14,70.14,0,0,0,0,73.05V1430a70.13,70.13,0,0,0,70.06,70H1076.94a70.13,70.13,0,0,0,70.06-70V73.05A70.14,70.14,0,0,0,1076.94,3Zm-72.21,17.8h70.13c34.68,0,55.17,16.81,55.17,57.79V1418.7c0,26.79-1.58,65.49-61.48,65.49h-991c-59.9,0-61.47-38.7-61.47-65.49V78.59c0-41,20.49-57.79,55.16-57.79h933.45Z" fill="#6f6f6f"/>
<path d="M1076.94,4.4H70.06A68.73,68.73,0,0,0,1.4,73.05V1430a68.73,68.73,0,0,0,68.66,68.65H1076.94A68.73,68.73,0,0,0,1145.6,1430V73.05A68.73,68.73,0,0,0,1076.94,4.4Zm-72.21,16.4h70.13c34.68,0,55.17,16.81,55.17,57.79V1418.7c0,26.79-1.58,65.49-61.48,65.49h-991c-59.9,0-61.47-38.7-61.47-65.49V78.59c0-41,20.49-57.79,55.16-57.79h933.45Z" fill="#949494"/>
<path d="M1076.94,5.8H70.06A67.33,67.33,0,0,0,2.8,73.05V1430a67.33,67.33,0,0,0,67.26,67.25H1076.94a67.33,67.33,0,0,0,67.25-67.25V73.05A67.33,67.33,0,0,0,1076.94,5.8Zm-72.21,15h70.13c34.68,0,55.17,16.81,55.17,57.79V1418.7c0,26.79-1.58,65.49-61.48,65.49h-991c-59.9,0-61.47-38.7-61.47-65.49V78.59c0-41,20.49-57.79,55.16-57.79h933.45Z" fill="#bfbfbf"/>
<path d="M1076.94,7.21H70.06A65.92,65.92,0,0,0,4.2,73.05V1430a65.93,65.93,0,0,0,65.86,65.85H1076.94a65.92,65.92,0,0,0,65.85-65.85V73.05A65.92,65.92,0,0,0,1076.94,7.21ZM1004.73,20.8h70.13c34.68,0,55.17,16.81,55.17,57.79V1418.7c0,26.79-1.58,65.49-61.48,65.49h-991c-59.9,0-61.47-38.7-61.47-65.49V78.59c0-41,20.49-57.79,55.16-57.79h933.45Z" fill="#949494"/>
<path d="M1076.94,8.61H70.06A64.52,64.52,0,0,0,5.61,73.05V1430a64.51,64.51,0,0,0,64.45,64.44H1076.94a64.51,64.51,0,0,0,64.45-64.44V73.05A64.52,64.52,0,0,0,1076.94,8.61ZM1140,1430a63.05,63.05,0,0,1-63,63H70.06a63,63,0,0,1-63-63V73.05A63,63,0,0,1,70.06,10H1076.94a63,63,0,0,1,63,63Z" fill="#6f6f6f"/>
<path d="M1076.94,10H70.06a63,63,0,0,0-63,63V1430a63,63,0,0,0,63.05,63H1076.94a63.05,63.05,0,0,0,63-63V73.05A63,63,0,0,0,1076.94,10ZM50.23,1434.84V68.17A15.06,15.06,0,0,1,65.29,53.1H1081.71a15.07,15.07,0,0,1,15.06,15.07V1434.84a15.07,15.07,0,0,1-15.06,15.07H65.29A15.07,15.07,0,0,1,50.23,1434.84Z"/>
<g id="details">
<path d="M1147,160.71h1.73a1.27,1.27,0,0,0,1.27-1.27V110a1.27,1.27,0,0,0-1.27-1.27H1147Z" fill="url(#linear-gradient)"/>
<path d="M1147,224.5h1.73a1.28,1.28,0,0,0,1.27-1.28V173.74a1.27,1.27,0,0,0-1.27-1.28H1147Z" fill="url(#linear-gradient-2)"/>
<path d="M1078,3V1.27A1.27,1.27,0,0,0,1076.77,0h-58.22a1.27,1.27,0,0,0-1.27,1.27V3Z" fill="url(#linear-gradient-3)"/>
<g>
<path d="M582.28,26.8A8.78,8.78,0,1,1,573.5,18,8.78,8.78,0,0,1,582.28,26.8Z" fill="#202022"/>
<circle cx="573.49" cy="26.8" r="6.21" fill="url(#radial_gradient)"/>
</g>
</g>
<path d="M1148.73,160.71a1.27,1.27,0,0,0,1.27-1.27V110a1.27,1.27,0,0,0-1.27-1.27H1147V73.05a70.14,70.14,0,0,0-70.06-70h1.1V1.27A1.27,1.27,0,0,0,1076.77,0h-58.22a1.27,1.27,0,0,0-1.27,1.27V3H70.06A70.14,70.14,0,0,0,0,73.05V1430a70.13,70.13,0,0,0,70.06,70H1076.94a70.13,70.13,0,0,0,70.06-70V224.5h1.73a1.28,1.28,0,0,0,1.27-1.28V173.74a1.27,1.27,0,0,0-1.27-1.28H1147V160.71Zm-18.7,1258c0,26.79-1.58,65.49-61.48,65.49h-991c-59.9,0-61.48-38.7-61.48-65.49V78.59c0-41,20.5-63.41,55.17-63.41h933.45c5.95,0,70.13,5.62,70.13,5.62,34.68,0,55.17,16.81,55.17,57.79Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.6 KiB

173
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/iphone_3d_landscape_01.svg Normal file
View file

@ -0,0 +1,173 @@
<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 2000 1400" data-forced-size="true" width="2000" height="1400" data-img-aspect-ratio="19.5:9" data-img-perspective="[[34.68, -0.44], [100.33, 67.02], [65.22, 94.77], [-0.43, 26.44]]">
<defs>
<linearGradient id="gradient_01" y1="700" x2="2000" y2="700" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4d4d4d"/>
<stop offset="0.01" stop-color="#121212"/>
<stop offset="0.04" stop-color="#3a3330"/>
<stop offset="0.07" stop-color="#575757"/>
<stop offset="0.56" stop-color="#646464"/>
<stop offset="0.59" stop-color="#414141"/>
<stop offset="0.62" stop-color="#2c2c2c"/>
<stop offset="0.66"/>
<stop offset="0.93" stop-color="#2e2e2e"/>
<stop offset="0.95" stop-color="#262626"/>
<stop offset="0.97" stop-color="#1a1a1a"/>
<stop offset="1" stop-color="#2e2e2e"/>
</linearGradient>
<linearGradient id="light_adjust" y1="700" x2="2000" y2="700" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff"/>
<stop offset="0.5" stop-color="#fff" stop-opacity=".5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<radialGradient id="gradient_02" cx="309.91" cy="223.3" r="7.82" gradientTransform="translate(407.69 -145.95) rotate(69.06)" 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>
<linearGradient id="gradient_03" x1="1686.37" y1="1157.25" x2="1686.37" y2="1283.61" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#333"/>
<stop offset="0.49"/>
<stop offset="0.49" stop-color="#c4c4c4"/>
<stop offset="0.67" stop-color="#c4c4c4"/>
<stop offset="0.92" stop-color="#333"/>
<stop offset="0.98" stop-color="#c4c4c4"/>
<stop offset="1" stop-color="#333"/>
</linearGradient>
<linearGradient id="gradient_04" x1="7101.39" y1="16559.66" x2="7155.71" y2="16559.66" gradientTransform="matrix(0.81, -0.59, -0.59, -0.81, 4345.14, 18367.61)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#141414"/>
<stop offset="0.35" stop-color="#343434"/>
<stop offset="0.5" stop-color="#424242"/>
<stop offset="0.65" stop-color="#343434"/>
<stop offset="1" stop-color="#141414"/>
</linearGradient>
<linearGradient id="gradient_04-2" x1="7051.58" y1="16709.72" x2="7105.9" y2="16709.72" xlink:href="#gradient_04"/>
<linearGradient id="gradient_04-3" x1="7016.99" y1="16857.3" x2="7047.85" y2="16857.3" xlink:href="#gradient_04"/>
<linearGradient id="gradient_01-2" x1="165.58" y1="419.25" x2="58.3" y2="560.76" xlink:href="#gradient_01"/>
<linearGradient id="gradient_01-3" x1="1225.31" y1="1196.01" x2="1121.36" y2="1333.13" xlink:href="#gradient_01"/>
<linearGradient id="gradient_01-4" x1="5890.84" y1="1201.21" x2="5776.39" y2="1352.17" gradientTransform="matrix(-1, 0, 0, 1, 7278.49, 0)" xlink:href="#gradient_01"/>
<linearGradient id="gradient_05" x1="1609.44" y1="622.45" x2="565.64" y2="906.53" gradientUnits="userSpaceOnUse">
<stop offset="0.4" stop-color="#fff" stop-opacity="0.5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<clipPath id="screen_path">
<path d="M491.38,91.79,623.79,23.3,704.7,8.43l77.64,29.42L1969.9,901.75v128.32l-620.34,330.19L1218,1329.66,20.61,440l4.08-89.91Z"/>
</clipPath>
<path id="filterPath" d="M0.2457,0.0656,0.3119,0.0166,0.3523,0.006l0.0388,0.021L0.9849,0.6441v0.0917l-0.3102,0.2359L0.609,0.9498,0.0103,0.3143l0.002-0.0642Z"/>
</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="M1965,873.5c-7.1-5-1125.56-812.22-1177.5-847.68S638.3-5.36,591.42,19.22C551.94,39.91,133.73,264.48,80.53,292.06,25,320.81,0,356.66,0,376.18v80.43c0,41.76,56.7,79.06,80.53,97.91,46.59,37,1048,763.75,1122.74,815.72s184.79,25.06,230.4,0,494.55-274.11,512.94-284.7,53.39-44.19,53.39-69.16v-81.1C2000,899.92,1972.09,878.46,1965,873.5Zm-56.61,119.28c-87.63,48-432.4,239.24-490.37,271.29s-129,53.62-218.73-13S139.37,478,104.06,452.62-2.24,372.88,86.75,321c0,0,123.56-68.27,138.44-76s22.57-9.13,35-1.07,46.78,22.25,87-1.55,110.4-60.08,144.15-78c28.3-15,13.81-38.07,8-43S478,109.62,499,98.54,607.27,40.88,607.27,40.88c36.87-19.62,110.2-28.66,157.56,4.47s1110,798.14,1143.55,823.2S1996,944.8,1908.38,992.78Z" fill="url(#gradient_01)"/>
<path d="M1965,873.5c-7.1-5-1125.56-812.22-1177.5-847.68S638.3-5.36,591.42,19.22C551.94,39.91,133.73,264.48,80.53,292.06,25,320.81,0,356.66,0,376.18v80.43c0,41.76,56.7,79.06,80.53,97.91,46.59,37,1048,763.75,1122.74,815.72s184.79,25.06,230.4,0,494.55-274.11,512.94-284.7,53.39-44.19,53.39-69.16v-81.1C2000,899.92,1972.09,878.46,1965,873.5ZM297.13,218.4c2-5.11,9.29-7.05,16.36-4.33s11.21,9.05,9.24,14.16-9.29,7.05-16.35,4.33S295.17,223.51,297.13,218.4ZM1614.84,1234.47c-.75,4-5,9-9.51,11.12-4.88,2.25-8.13.75-7.38-3.62s5.5-9.5,10.13-11.5C1612.59,1228.72,1615.59,1230.6,1614.84,1234.47Zm118.4-65.61c-.36,6.52-4,13.73-8.17,16.11l-78.69,42.59c-4.15,2.38-7.23-1-6.88-7.48h0c.36-6.51,4-13.72,8.17-16.1l78.69-42.59C1730.52,1159,1733.6,1162.35,1733.24,1168.86Zm34.85-20.9c-1,4-5.13,8.75-9.26,10.75-4.38,2.12-7,.37-6-4s5.63-9.38,9.89-11.13S1769.22,1144,1768.09,1148Zm154.29-155.63c-87.63,48-444,251.59-502,283.65s-129,53.61-218.73-13S127.64,479.35,92.33,454-14,374.25,75,322.38c0,0,139.94-77.57,154.82-85.34s22.56-9.13,35-1.07,39.15,21.62,79.41-2.18,110.41-60.08,144.16-78c28.3-15,8.8-29.71,3-34.67S470,109.42,491,98.35,607.44,35.53,607.44,35.53C644.3,15.91,717.63,6.87,765,40S1888.83,843,1922.38,868.1,2010,944.35,1922.38,992.33Z" fill="url(#light_adjust)" opacity="0.2"/>
<path d="M1965,873.5c-7.1-5-1125.56-812.22-1177.5-847.68S638.3-5.36,591.42,19.22C551.94,39.91,133.83,264.48,80.53,292.06,25,320.81,0,356.66,0,376.18V387c0,21.18,3.5,41.67,61.08,83.63s1097.35,800.09,1131.78,825,126.14,66.15,259.68-8,452.05-250.31,496.5-274.69,50.86-62.07,50.86-69.84v-7.77C1999.9,900,1972,878.46,1965,873.5ZM1934.55,1003c-95.71,52.94-471.31,259-505.55,278.38s-137,68.19-245.48-11.56S96.67,476.52,65.26,453.6-40.36,366.08,83,300.13,467.52,93.81,597,26c26.84-14.09,118-35,176.32,2.81S1933.87,860.1,1950.11,872.14,2030.34,950,1934.55,1003Z" fill="#fff" opacity="0.5"/>
<path d="M1950.11,872.14C1933.87,860.1,831.55,66.62,773.29,28.83S623.91,11.93,597,26C467.52,93.91,206.19,234.17,83,300.13S33.85,430.67,65.26,453.6s1009.82,736.46,1118.26,816.2,211.15,31,245.48,11.56,409.85-225.44,505.55-278.38S1966.35,884.09,1950.11,872.14Zm-41.73,120.64c-87.63,48-432.4,239.24-490.37,271.29s-129,53.62-218.73-13S139.37,478,104.06,452.62-2.24,372.88,86.75,321c0,0,123.56-68.27,138.44-76s22.57-9.13,35-1.07,46.78,22.25,87-1.55,110.4-60.08,144.15-78c28.3-15,13.81-38.07,8-43S478,109.62,499,98.54,607.27,40.88,607.27,40.88c36.87-19.62,110.2-28.66,157.56,4.47s1110,798.14,1143.55,823.2S1996,944.8,1908.38,992.78Z"/>
<g id="details">
<g>
<ellipse cx="309.93" cy="223.32" rx="9.91" ry="13.71" transform="translate(-9.41 432.95) rotate(-69.06)" fill="#131516"/>
<ellipse cx="309.91" cy="223.3" rx="6.51" ry="8.95" transform="translate(-9.41 432.92) rotate(-69.06)" fill="url(#gradient_02)"/>
</g>
<g>
<path d="M1510.49,1282.43c-4.77,1.94-9.24,7.09-9.73,11.17s3.21,5.34,8.07,3.11c4.57-2.23,8.46-7,8.85-10.78S1515,1280.49,1510.49,1282.43Z" fill="#000102"/>
<path d="M1508.64,1296.61c-4.77,2.43-8.46,1.07-8.07-3.1l11.08,1.16A11.92,11.92,0,0,1,1508.64,1296.61Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1515,1291.37a17.27,17.27,0,0,1-6.32,5.15l-6.13-4.18,2.34-2Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1508.44,1284.57c-3.89,1.75-7.58,5.83-8.07,9.23-.29,3.3,2.63,4.37,6.71,2.52,3.8-1.84,7.1-5.83,7.49-8.84C1514.86,1284.28,1512.24,1282.92,1508.44,1284.57Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1534.88,1270.59c-4.67,1.94-9.14,7-9.72,11.17s3,5.44,7.78,3.2c4.47-2.13,8.36-6.89,8.85-10.68S1539.36,1268.74,1534.88,1270.59Z" fill="#000102"/>
<path d="M1539.26,1279.62a17.73,17.73,0,0,1-6.23,5.15l-5.93-4.27,2.34-2Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1533,1272.73c-3.79,1.65-7.58,5.73-8.07,9.13s2.53,4.46,6.42,2.52c3.7-1.84,7-5.73,7.39-8.84S1536.73,1271.07,1533,1272.73Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1557.76,1258.81c-4.57,1.84-9,7-9.63,11.07s2.82,5.44,7.59,3.3c4.47-2.13,8.27-6.89,8.85-10.68S1562,1257,1557.76,1258.81Z" fill="#000102"/>
<path d="M1555.52,1273c-4.66,2.33-8.07,1-7.58-3.3l10.5,1.36A7.42,7.42,0,0,1,1555.52,1273Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1561.75,1267.94a19.26,19.26,0,0,1-6.13,5l-5.74-4.27,2.34-2Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1555.72,1261c-3.79,1.65-7.49,5.73-8,9.13s2.34,4.47,6.23,2.63c3.69-1.75,7-5.74,7.39-8.75C1561.94,1260.75,1559.41,1259.39,1555.72,1261Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1610.58,1227.72c-5.63,2.25-11.26,8.75-12.26,14s3.13,7.12,8.89,4.5c5.5-2.63,10.38-8.62,11.26-13.5S1615.84,1225.6,1610.58,1227.72Z" fill="#000102"/>
<path d="M1607.08,1246.34c-5.76,2.88-9.76,1-8.88-4.5l12.51,2.25C1609.58,1244.72,1608.46,1245.59,1607.08,1246.34Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1614.84,1240a22.32,22.32,0,0,1-7.76,6.37l-6.63-5.75,2.88-2.49Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1608.08,1230.47c-4.63,2-9.26,7.13-10.13,11.5s2.5,5.87,7.38,3.62c4.5-2.12,8.76-7.12,9.51-11.12S1612.59,1228.72,1608.08,1230.47Z" fill="#3c3d3d"/>
</g>
<g>
<path d="M1765.09,1141c-5.13,2-10.64,8.25-12,13.62s2,7.5,7.26,5c5-2.37,9.89-8.25,11-13.12C1772.72,1141.46,1770,1139,1765.09,1141Z" fill="#000102"/>
<path d="M1760.33,1159.58c-5.25,2.63-8.63.5-7.26-5l10.64,2.88C1762.71,1158.08,1761.46,1159,1760.33,1159.58Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1767.71,1153.46a21.71,21.71,0,0,1-7.25,6l-5.13-6.25,2.75-2.38Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1762.71,1143.58c-4.26,1.75-8.76,6.75-9.89,11.13s1.63,6.12,6,4c4.13-2,8.26-6.75,9.26-10.75S1766.84,1142,1762.71,1143.58Z" fill="#3c3d3d"/>
</g>
<g>
<path d="M1815.94,1116c-3.79,1.46-8.07,6.22-9.24,10.4s1.27,5.82,5.16,4.07a17.82,17.82,0,0,0,8.55-10.1C1821.48,1116.56,1819.54,1114.52,1815.94,1116Z" fill="#000102"/>
<path d="M1811.86,1130.45c-3.89,2-6.33.2-5.16-4.07l7.69,2.42A15.55,15.55,0,0,1,1811.86,1130.45Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1817.5,1125.79a16.22,16.22,0,0,1-5.55,4.57l-3.6-5,2.14-1.84Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1814.09,1118a15.28,15.28,0,0,0-7.58,8.55c-.88,3.4,1,4.76,4.28,3.3a14.79,14.79,0,0,0,7.1-8.25C1818.76,1118.51,1817.11,1116.86,1814.09,1118Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1836.46,1103.84c-3.79,1.46-8,6.22-9.24,10.39s1.07,5.93,5,4.08a17.82,17.82,0,0,0,8.46-10C1841.91,1104.52,1840.16,1102.48,1836.46,1103.84Z" fill="#000102"/>
<path d="M1832.38,1118.22c-3.89,1.94-6.23.19-5-4.08l7.49,2.52A26.92,26.92,0,0,1,1832.38,1118.22Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1837.82,1113.65a17.45,17.45,0,0,1-5.54,4.57l-3.4-5,2.14-1.84Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1834.71,1105.78a14.7,14.7,0,0,0-7.58,8.55c-1,3.4,1,4.86,4.18,3.3a15.15,15.15,0,0,0,7.1-8.25C1839.28,1106.27,1837.73,1104.62,1834.71,1105.78Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1856.11,1092.86c-3.7,1.46-8,6.12-9.14,10.3s1,5.93,4.86,4.18a17.58,17.58,0,0,0,8.46-10C1861.55,1093.54,1859.8,1091.5,1856.11,1092.86Z" fill="#000102"/>
<path d="M1851.93,1107.34c-3.8,1.84-6,.09-4.87-4.18l7.3,2.53A12.29,12.29,0,0,1,1851.93,1107.34Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1857.37,1102.87a18.21,18.21,0,0,1-5.44,4.56l-3.31-5,2-1.84Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1854.36,1094.9a15.53,15.53,0,0,0-7.59,8.45c-1,3.4.88,4.86,4.09,3.4a15.39,15.39,0,0,0,7.1-8.15C1858.83,1095.49,1857.37,1093.84,1854.36,1094.9Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1875.37,1081.79c-3.7,1.36-7.88,6.12-9.15,10.3s.88,5.92,4.67,4.17c3.6-1.65,7.3-6.12,8.46-9.9S1878.87,1080.43,1875.37,1081.79Z" fill="#000102"/>
<path d="M1871,1096.26c-3.79,1.85-5.93.1-4.67-4.17l7.2,2.62A17.77,17.77,0,0,1,1871,1096.26Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1876.43,1091.8a15.53,15.53,0,0,1-5.44,4.46l-3.21-5,2-1.75Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1873.52,1083.83a15.46,15.46,0,0,0-7.59,8.45c-1,3.4.78,4.86,3.89,3.4a15.32,15.32,0,0,0,7.1-8.16C1878,1084.41,1876.43,1082.76,1873.52,1083.83Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1893.94,1071.3c-3.6,1.36-7.78,6-9.14,10.2s.78,5.92,4.57,4.27c3.6-1.65,7.29-6.12,8.46-9.9S1897.54,1069.94,1893.94,1071.3Z" fill="#000102"/>
<path d="M1889.56,1085.77c-3.69,1.85-5.83,0-4.57-4.27l7,2.72A24.14,24.14,0,0,1,1889.56,1085.77Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1894.91,1081.31a16.1,16.1,0,0,1-5.35,4.46l-3-5.14,2-1.75Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1892.19,1073.34a15.13,15.13,0,0,0-7.49,8.35c-1,3.4.68,4.86,3.79,3.4a15.22,15.22,0,0,0,7-8.16C1896.57,1073.92,1895.11,1072.27,1892.19,1073.34Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1912.42,1061c-3.6,1.36-7.78,6-9,10.2s.68,5.93,4.37,4.28a18.13,18.13,0,0,0,8.37-9.81C1917.48,1061.78,1915.82,1059.64,1912.42,1061Z" fill="#000102"/>
<path d="M1907.85,1075.28c-3.7,1.85-5.74,0-4.38-4.27l6.81,2.72A9.87,9.87,0,0,1,1907.85,1075.28Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1913.2,1070.82a16.2,16.2,0,0,1-5.35,4.46l-2.92-5.14,2-1.75Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1910.67,1063a15.85,15.85,0,0,0-7.49,8.35c-1.07,3.4.58,4.86,3.7,3.5a15.07,15.07,0,0,0,7-8.06C1914.85,1063.43,1913.49,1061.78,1910.67,1063Z" fill="#0a0e0e"/>
</g>
<path d="M1728.36,1186l-84,45.45c-4.43,2.55-8.4-2.7-8-9.65h0c.38-7,2.5-17.14,6.94-19.68l84-45.45c4.44-2.55,9.5,3.51,9.12,10.46h0C1736,1174.09,1732.8,1183.47,1728.36,1186Z" fill="url(#gradient_03)"/>
<path d="M1725.07,1185l-78.69,42.59c-4.15,2.38-7.23-1-6.88-7.48h0c.36-6.51,4-13.72,8.17-16.1l78.69-42.59c4.16-2.38,7.24,1,6.88,7.47h0C1732.88,1175.38,1729.23,1182.59,1725.07,1185Z" fill="#131313"/>
<g>
<path d="M467.22,813.76l-87.92-60.9h0a18.73,18.73,0,0,1-4.28-5.24,32.18,32.18,0,0,1-3-7.29,28.3,28.3,0,0,1-1.17-7.09c0-2-.29-1.84.49-2.62,1.46-1.17,3.21-3,4.28-3.5.68-.39,1.36-.58,1.85-.87a18.29,18.29,0,0,1,4-1.46,5.48,5.48,0,0,1,3.31.1,15.64,15.64,0,0,1,3.79,2.14l80.14,59.44A20.68,20.68,0,0,1,476.85,806h0a6.24,6.24,0,0,1-1,2.82,5.16,5.16,0,0,1-1.85,2c-1.46,1.17-2.62,2-6.81,2.91" fill="url(#gradient_04)"/>
<path d="M378.53,752.77c-6.13-4.67-10.31-10.79-9.63-17.1a7.28,7.28,0,0,1,5.25-6.12,9.94,9.94,0,0,1,9.24,1.65l78.78,58.38c6,4.76,9.53,11.65,8.94,18.16a6.32,6.32,0,0,1-4.86,5.64,10.21,10.21,0,0,1-8.75-2.14Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.69"/>
</g>
<g>
<path d="M338.94,721.29,251,660.39h0a18.39,18.39,0,0,1-4.28-5.24,32.18,32.18,0,0,1-3-7.29,28.3,28.3,0,0,1-1.17-7.09c0-2-.29-1.84.49-2.62,1.45-1.17,3.21-3,4.27-3.5.69-.39,1.37-.58,1.85-.87a18.35,18.35,0,0,1,4-1.46,6.38,6.38,0,0,1,3.31.1,14.35,14.35,0,0,1,3.79,2.13L340.4,694a20.7,20.7,0,0,1,8.17,19.52h0a6.49,6.49,0,0,1-1,2.82,5.24,5.24,0,0,1-1.85,2c-1.46,1.26-2.63,2-6.81,2.91" fill="url(#gradient_04-2)"/>
<path d="M250.34,660.29c-6.13-4.66-10.31-10.78-9.63-17.09a7.28,7.28,0,0,1,5.25-6.12,9.93,9.93,0,0,1,9.24,1.65L334,697.11c6,4.76,9.53,11.65,8.95,18.16a6.33,6.33,0,0,1-4.86,5.64,10.22,10.22,0,0,1-8.76-2.14Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.69"/>
</g>
<g>
<path d="M196.36,609.69l-50-34.58h0a12.74,12.74,0,0,1-2.43-2.91,20.14,20.14,0,0,1-1.75-4.18,16.26,16.26,0,0,1-.68-4c0-1.17-.2-1.07.29-1.56a19.58,19.58,0,0,1,2.43-2,9.06,9.06,0,0,1,1.07-.48,10.58,10.58,0,0,1,2.24-.78,2.9,2.9,0,0,1,1.85.1,8.7,8.7,0,0,1,2.14,1.26L197,594.34a11.73,11.73,0,0,1,4.57,11.07h0a3.65,3.65,0,0,1-.58,1.66,3,3,0,0,1-1.07,1.16c-.49.49-1.17,1-3.6,1.46" fill="url(#gradient_04-3)"/>
<path d="M146.08,575c-3.5-2.62-5.84-6.12-5.45-9.71a4.19,4.19,0,0,1,3-3.5,5.83,5.83,0,0,1,5.25.88l44.74,33.12c3.4,2.72,5.45,6.6,5.06,10.29a3.63,3.63,0,0,1-2.82,3.21,5.44,5.44,0,0,1-5-1.26Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.39"/>
</g>
<g>
<path d="M1011.77,1197.85c2-1.41,5.75.15,8.56,3.58s3.3,7.49,1.29,8.9-5.75-.24-8.46-3.67S1009.86,1199.26,1011.77,1197.85Z"/>
<path d="M1021.62,1210.33c2-1.41,1.42-5.38-1.29-8.9l-.25,9.43A2.94,2.94,0,0,0,1021.62,1210.33Z" fill="#656565" fill-rule="evenodd"/>
<path d="M1017.43,1210.24c1.68.74,3.14.9,4.29.09l-2.26-8.69-1.56-.15Z" fill="#fff" fill-rule="evenodd"/>
<path d="M1015.31,1199.22c1.15-.9,3.5.11,5.21,2.2s2.06,4.52.82,5.42-3.51-.1-5.21-2.2S1014,1200.13,1015.31,1199.22Z" fill="#0d0d0d"/>
<path d="M1017.43,1190.62c5.64,3.65,20.06,16.11,12.65,23.49-6.45,6.47-19.8-2.13-25.35-6.07-39.21-27.49-127.18-94.27-134.72-99.91s-14.7-12.07-9.74-19.87,15.55-.68,21.08,2.48C886.88,1094.1,977.37,1164.42,1017.43,1190.62Z" fill="none" stroke="#0d0d0d" stroke-miterlimit="10" stroke-width="0.97"/>
<path d="M1028.65,1215.41a5.61,5.61,0,0,0,3.3-4.56" fill="none" stroke="#ededed" stroke-linecap="round" stroke-width="1.59"/>
</g>
<polygon points="80.53 554.52 80.53 485.78 93.94 474.96 104.14 481.99 91.38 492.69 91.38 562.78 80.53 554.52" fill="url(#gradient_01-2)"/>
<polygon points="1143.19 1327.35 1143.19 1259.41 1154.69 1248.68 1164.64 1255.95 1154.05 1267.31 1153.94 1335.08 1143.19 1327.35" fill="url(#gradient_01-3)"/>
<polygon points="1478.46 1345.5 1478.3 1273.29 1465.19 1261.27 1454.43 1267.21 1466.17 1280.01 1466.18 1352.29 1478.46 1345.5" fill="url(#gradient_01-4)"/>
</g>
<path d="M1965,873.5c-7.1-5-1125.56-812.22-1177.5-847.68S638.3-5.36,591.42,19.22C551.94,39.91,133.73,264.48,80.53,292.06,25,320.81,0,356.66,0,376.18v80.43c0,41.76,56.7,79.06,80.53,97.91,46.59,37,1048,763.75,1122.74,815.72s184.79,25.06,230.4,0,494.55-274.11,512.94-284.7,53.39-44.19,53.39-69.16v-81.1C2000,899.92,1972.09,878.46,1965,873.5ZM297.13,218.4c2-5.11,9.29-7.05,16.36-4.33s11.21,9.05,9.24,14.16-9.29,7.05-16.35,4.33S295.17,223.51,297.13,218.4ZM1614.84,1234.47c-.75,4-5,9-9.51,11.12-4.88,2.25-8.13.75-7.38-3.62s5.5-9.5,10.13-11.5C1612.59,1228.72,1615.59,1230.6,1614.84,1234.47Zm118.4-65.61c-.36,6.52-4,13.73-8.17,16.11l-78.69,42.59c-4.15,2.38-7.23-1-6.88-7.48h0c.36-6.51,4-13.72,8.17-16.1l78.69-42.59C1730.52,1159,1733.6,1162.35,1733.24,1168.86Zm34.85-20.9c-1,4-5.13,8.75-9.26,10.75-4.38,2.12-7,.37-6-4s5.63-9.38,9.89-11.13S1769.22,1144,1768.09,1148Zm154.29-155.63c-87.63,48-444,251.59-502,283.65s-129,53.61-218.73-13S127.64,479.35,92.33,454-14,374.25,75,322.38c0,0,139.94-77.57,154.82-85.34s22.56-9.13,35-1.07,39.15,21.62,79.41-2.18,110.41-60.08,144.16-78c28.3-15,8.8-29.71,3-34.67S470,109.42,491,98.35,607.44,35.53,607.44,35.53C644.3,15.91,717.63,6.87,765,40S1888.83,843,1922.38,868.1,2010,944.35,1922.38,992.33Z" fill="#000" opacity="0.1"/>
<path d="M1965,873.5c-7.1-5-1125.56-812.22-1177.5-847.68S638.3-5.36,591.42,19.22C551.94,39.91,133.73,264.48,80.53,292.06,25,320.81,0,356.66,0,376.18v80.43c0,41.76,56.7,79.06,80.53,97.91,46.59,37,1048,763.75,1122.74,815.72s184.79,25.06,230.4,0,494.55-274.11,512.94-284.7,53.39-44.19,53.39-69.16v-81.1C2000,899.92,1972.09,878.46,1965,873.5ZM297.13,218.4c2-5.11,9.29-7.05,16.36-4.33s11.21,9.05,9.24,14.16-9.29,7.05-16.35,4.33S295.17,223.51,297.13,218.4ZM1614.84,1234.47c-.75,4-5,9-9.51,11.12-4.88,2.25-8.13.75-7.38-3.62s5.5-9.5,10.13-11.5C1612.59,1228.72,1615.59,1230.6,1614.84,1234.47Zm118.4-65.61c-.36,6.52-4,13.73-8.17,16.11l-78.69,42.59c-4.15,2.38-7.23-1-6.88-7.48h0c.36-6.51,4-13.72,8.17-16.1l78.69-42.59C1730.52,1159,1733.6,1162.35,1733.24,1168.86Zm34.85-20.9c-1,4-5.13,8.75-9.26,10.75-4.38,2.12-7,.37-6-4s5.63-9.38,9.89-11.13S1769.22,1144,1768.09,1148Zm154.29-155.63c-87.63,48-444,251.59-502,283.65s-129,53.61-218.73-13S127.64,479.35,92.33,454-14,374.25,75,322.38c0,0,139.94-77.57,154.82-85.34s22.56-9.13,35-1.07,39.15,21.62,79.41-2.18,110.41-60.08,144.16-78c28.3-15,8.8-29.71,3-34.67S470,109.42,491,98.35,607.44,35.53,607.44,35.53C644.3,15.91,717.63,6.87,765,40S1888.83,843,1922.38,868.1,2010,944.35,1922.38,992.33Z" fill="#383E45" style="mix-blend-mode: overlay"/>
<path d="M1130.91,1200.84c33.6,24.59,57.47,42.12,68.37,50.22,89.77,66.63,160.77,45.16,218.73,13s402.74-223.31,490.37-271.29,33.56-99.17,0-124.23c-24.72-18.47-608.29-438.77-932.58-671.89l-.06,0Z" opacity="0.4" fill="url(#gradient_05)"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

159
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/iphone_3d_landscape_02.svg Normal file
View file

@ -0,0 +1,159 @@
<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 2000 1400" data-forced-size="true" width="2000" height="1400" data-img-aspect-ratio="19.5:9" data-img-perspective="[[-0.33, 67.02], [65.31, -0.44], [100.43, 26.44], [34.77, 94.77]]">
<defs>
<linearGradient id="gradient_01" x1="11995.99" y1="12345.22" x2="13995.99" y2="12345.22" gradientTransform="translate(13995.99 13045.22) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4d4d4d"/>
<stop offset="0.01" stop-color="#121212"/>
<stop offset="0.04" stop-color="#3a3330"/>
<stop offset="0.07" stop-color="#575757"/>
<stop offset="0.56" stop-color="#646464"/>
<stop offset="0.59" stop-color="#414141"/>
<stop offset="0.62" stop-color="#2c2c2c"/>
<stop offset="0.66"/>
<stop offset="0.93" stop-color="#2e2e2e"/>
<stop offset="0.95" stop-color="#262626"/>
<stop offset="0.97" stop-color="#1a1a1a"/>
<stop offset="1" stop-color="#2e2e2e"/>
</linearGradient>
<linearGradient id="light_adjust" x1="11995.99" y1="12345.22" x2="13995.99" y2="12345.22" gradientTransform="translate(13995.99 13045.22) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff"/>
<stop offset="0.5" stop-color="#fff" stop-opacity=".5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<radialGradient id="gradient_02" cx="1534.98" cy="138.66" r="7.82" gradientTransform="translate(150.95 -539.47) rotate(20.94)" 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>
<linearGradient id="gradient_03" x1="13682.36" y1="1157.25" x2="13682.36" y2="1283.61" gradientTransform="matrix(-1, 0, 0, 1, 13995.99, 0)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#333"/>
<stop offset="0.49"/>
<stop offset="0.49" stop-color="#c4c4c4"/>
<stop offset="0.67" stop-color="#c4c4c4"/>
<stop offset="0.92" stop-color="#333"/>
<stop offset="0.98" stop-color="#c4c4c4"/>
<stop offset="1" stop-color="#333"/>
</linearGradient>
<linearGradient id="gradient_04" x1="16358.65" y1="8234.15" x2="16442.72" y2="8234.15" gradientTransform="translate(10086.76 17019.59) rotate(-144.15)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#141414"/>
<stop offset="0.35" stop-color="#343434"/>
<stop offset="0.5" stop-color="#424242"/>
<stop offset="0.65" stop-color="#343434"/>
<stop offset="1" stop-color="#141414"/>
</linearGradient>
<linearGradient id="gradient_01-2" x1="12161.57" y1="419.25" x2="12054.29" y2="560.76" gradientTransform="matrix(-1, 0, 0, 1, 13995.99, 0)" xlink:href="#gradient_01"/>
<linearGradient id="gradient_01-3" x1="13221.31" y1="1196.01" x2="13117.35" y2="1333.13" gradientTransform="matrix(-1, 0, 0, 1, 13995.99, 0)" xlink:href="#gradient_01"/>
<linearGradient id="gradient_01-4" x1="-11139" y1="966.53" x2="-11250.87" y2="1114.1" gradientTransform="translate(11320.62)" xlink:href="#gradient_01"/>
<linearGradient id="gradient_05" x1="1681.46" y1="378.53" x2="581.43" y2="677.9" gradientUnits="userSpaceOnUse">
<stop offset="0.4" stop-color="#fff" stop-opacity="0.5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<clipPath id="screen_path">
<path d="M1975.31,350.06l4.08,89.91L782,1329.66l-131.59,30.6L30.1,1030.07V901.75L1217.66,37.85,1295.3,8.43l80.91,14.87,132.41,68.49Z"/>
</clipPath>
<path id="filterPath" d="M0.9877,0.25l0.002,0.0642L0.391,0.9498l-0.0658,0.0219L0.0151,0.7358V0.6441L0.6088,0.027,0.6476,0.006l0.0405,0.0106,0.0662,0.0489Z"/>
</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="M1919.47,292.06c-53.2-27.58-471.41-252.15-510.89-272.84-46.88-24.58-144.14-28.85-196.07,6.6S42.11,868.55,35,873.5,0,899.92,0,935.28v81.1c0,25,35,58.58,53.39,69.16s467.42,259.74,512.94,284.7,155.71,52.06,230.4,0S1872.88,591.52,1919.47,554.52c23.83-18.85,80.53-56.15,80.53-97.91V376.18C2000,356.66,1975,320.81,1919.47,292.06Zm-23.53,160.56C1860.63,478,890.49,1184.33,800.72,1251.06S640,1296.22,582,1264.07,179.25,1040.76,91.62,992.78s-33.56-99.17,0-124.23S1187.8,78.47,1235.17,45.35s120.69-24.09,157.56-4.47c0,0,87.27,46.59,108.28,57.66s5.45,17.78-.39,22.73-20.32,28.07,8,43c33.75,18,103.88,54.25,144.15,78s74.6,9.62,87,1.55,20.14-6.7,35,1.07,138.44,76,138.44,76C2002.24,372.88,1931.24,427.27,1895.94,452.62Z" fill="url(#gradient_01)"/>
<path d="M1919.47,292.06c-53.2-27.58-471.41-252.15-510.89-272.84-46.88-24.58-144.14-28.85-196.07,6.6S42.11,868.55,35,873.5,0,899.92,0,935.28v81.1c0,25,35,58.58,53.39,69.16s467.42,259.74,512.94,284.7,155.71,52.06,230.4,0S1872.88,591.52,1919.47,554.52c23.83-18.85,80.53-56.15,80.53-97.91V376.18C2000,356.66,1975,320.81,1919.47,292.06ZM1531.4,129.43c7.07-2.71,14.39-.77,16.36,4.34s-2.17,11.44-9.24,14.16-14.4.77-16.36-4.34S1524.33,132.14,1531.4,129.43ZM241.17,1158.71c-4.13-2-8.26-6.75-9.26-10.75s1.25-6,5.38-4.38,8.76,6.75,9.89,11.13S245.55,1160.83,241.17,1158.71Zm112.45,68.85L274.93,1185c-4.16-2.38-7.81-9.59-8.17-16.11s2.72-9.85,6.88-7.47L352.33,1204c4.16,2.38,7.81,9.59,8.17,16.1h0C360.85,1226.6,357.77,1229.94,353.62,1227.56Zm41.05,18c-4.5-2.12-8.76-7.12-9.51-11.12s2.25-5.75,6.76-4c4.63,2,9.26,7.12,10.13,11.5S399.55,1247.84,394.67,1245.59Zm1516.24-794c-35.31,25.35-1020.27,744.08-1110,810.81s-160.77,45.17-218.73,13-416.89-234-504.52-282-33.56-99.17,0-124.23,1109.61-799.45,1157-832.57,120.7-24.09,157.56-4.47c0,0,94.42,53.88,115.42,64.95s5.45,17.78-.39,22.73-20.82,25,7.48,39.93c33.75,18,103.88,54.25,144.15,78.05s65.71,6.84,78.16-1.22,20.13-6.7,35,1.07S1928.22,320,1928.22,320C2017.21,371.82,1946.21,426.22,1910.91,451.57Z" fill="url(#light_adjust)" opacity="0.2"/>
<path d="M.1,935.28v7.77c0,7.77,6.32,45.46,50.86,69.84s363,200.58,496.5,274.69,225.25,32.83,259.68,8,1074.21-783,1131.78-824.95S2000,408.14,2000,387V376.18c0-19.52-25-55.37-80.53-84.12-53.3-27.58-471.41-252.15-510.89-272.84-46.88-24.58-144.14-28.85-196.07,6.6S42.11,868.55,35,873.5.1,900,.1,935.28Zm49.79-63.14c16.25-12,1118.56-805.52,1176.82-843.31S1376.19,11.93,1403,26c129.45,67.8,390.69,208.15,514,274.11s49.11,130.54,17.7,153.47S924.92,1190.06,816.48,1269.8s-211.25,31-245.48,11.56S161.16,1055.92,65.45,1003,33.65,884.09,49.89,872.14Z" fill="#fff" opacity="0.5"/>
<path d="M1917,300.13c-123.23-66-384.56-206.22-514-274.11-26.94-14.09-118.07-35-176.32,2.81S66.13,860.1,49.89,872.14-30.34,950,65.45,1003s471.31,259,505.55,278.38,137,68.19,245.48-11.56S1903.33,476.52,1934.74,453.6,2040.36,366.08,1917,300.13Zm-21.1,152.49C1860.63,478,890.49,1184.33,800.72,1251.06S640,1296.22,582,1264.07,179.25,1040.76,91.62,992.78s-33.56-99.17,0-124.23S1187.8,78.47,1235.17,45.35s120.69-24.09,157.56-4.47c0,0,87.27,46.59,108.28,57.66s5.45,17.78-.39,22.73-20.32,28.07,8,43c33.75,18,103.88,54.25,144.15,78s74.6,9.62,87,1.55,20.14-6.7,35,1.07,138.44,76,138.44,76C2002.24,372.88,1931.24,427.27,1895.94,452.62Z"/>
<g id="details">
<g>
<ellipse cx="1534.96" cy="138.68" rx="13.71" ry="9.91" transform="translate(51.84 557.82) rotate(-20.94)" fill="#131516"/>
<ellipse cx="1534.98" cy="138.66" rx="8.95" ry="6.51" transform="translate(51.84 557.79) rotate(-20.94)" fill="url(#gradient_02)"/>
</g>
<g>
<path d="M389.42,1227.72c5.63,2.25,11.26,8.75,12.26,14s-3.13,7.12-8.89,4.5c-5.5-2.63-10.38-8.62-11.26-13.5S384.16,1225.6,389.42,1227.72Z" fill="#000102"/>
<path d="M392.92,1246.34c5.76,2.88,9.76,1,8.88-4.5l-12.51,2.25C390.42,1244.72,391.54,1245.59,392.92,1246.34Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M385.16,1240a22.32,22.32,0,0,0,7.76,6.37l6.63-5.75-2.88-2.49Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M391.92,1230.47c4.63,2,9.26,7.13,10.13,11.5s-2.5,5.87-7.38,3.62c-4.5-2.12-8.76-7.12-9.51-11.12S387.41,1228.72,391.92,1230.47Z" fill="#3c3d3d"/>
</g>
<g>
<path d="M234.91,1141c5.13,2,10.64,8.25,12,13.62s-2,7.5-7.26,5c-5-2.37-9.89-8.25-11-13.12C227.28,1141.46,230,1139,234.91,1141Z" fill="#000102"/>
<path d="M239.67,1159.58c5.25,2.63,8.63.5,7.26-5l-10.64,2.88C237.29,1158.08,238.54,1159,239.67,1159.58Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M232.29,1153.46a21.71,21.71,0,0,0,7.25,6l5.13-6.25-2.75-2.38Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M237.29,1143.58c4.26,1.75,8.76,6.75,9.89,11.13s-1.63,6.12-6,4c-4.13-2-8.26-6.75-9.26-10.75S233.16,1142,237.29,1143.58Z" fill="#3c3d3d"/>
</g>
<g>
<path d="M184.06,1116c3.79,1.46,8.07,6.22,9.24,10.4s-1.27,5.82-5.16,4.07a17.82,17.82,0,0,1-8.55-10.1C178.52,1116.56,180.46,1114.52,184.06,1116Z" fill="#000102"/>
<path d="M188.14,1130.45c3.89,2,6.33.2,5.16-4.07l-7.69,2.42A15.55,15.55,0,0,0,188.14,1130.45Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M182.5,1125.79a16.22,16.22,0,0,0,5.55,4.57l3.6-5-2.14-1.84Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M185.91,1118a15.28,15.28,0,0,1,7.58,8.55c.88,3.4-1,4.76-4.28,3.3a14.79,14.79,0,0,1-7.1-8.25C181.24,1118.51,182.89,1116.86,185.91,1118Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M163.54,1103.84c3.79,1.46,8,6.22,9.24,10.39s-1.07,5.93-5,4.08a17.82,17.82,0,0,1-8.46-10C158.09,1104.52,159.84,1102.48,163.54,1103.84Z" fill="#000102"/>
<path d="M167.62,1118.22c3.89,1.94,6.23.19,5-4.08l-7.49,2.52A26.92,26.92,0,0,0,167.62,1118.22Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M162.18,1113.65a17.45,17.45,0,0,0,5.54,4.57l3.4-5-2.14-1.84Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M165.29,1105.78a14.7,14.7,0,0,1,7.58,8.55c1,3.4-1,4.86-4.18,3.3a15.15,15.15,0,0,1-7.1-8.25C160.72,1106.27,162.27,1104.62,165.29,1105.78Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M143.89,1092.86c3.7,1.46,8,6.12,9.14,10.3s-1,5.93-4.86,4.18a17.58,17.58,0,0,1-8.46-10C138.45,1093.54,140.2,1091.5,143.89,1092.86Z" fill="#000102"/>
<path d="M148.07,1107.34c3.8,1.84,6,.09,4.87-4.18l-7.3,2.53A12.29,12.29,0,0,0,148.07,1107.34Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M142.63,1102.87a18.21,18.21,0,0,0,5.44,4.56l3.31-5-2-1.84Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M145.64,1094.9a15.53,15.53,0,0,1,7.59,8.45c1,3.4-.88,4.86-4.09,3.4a15.39,15.39,0,0,1-7.1-8.15C141.17,1095.49,142.63,1093.84,145.64,1094.9Z" fill="#0a0e0e"/>
</g>
<path d="M271.64,1186l84,45.45c4.43,2.55,8.4-2.7,8-9.65h0c-.38-7-2.5-17.14-6.94-19.68l-84-45.45c-4.44-2.55-9.5,3.51-9.12,10.46h0C264,1174.09,267.2,1183.47,271.64,1186Z" fill="url(#gradient_03)"/>
<path d="M274.93,1185l78.69,42.59c4.15,2.38,7.23-1,6.88-7.48h0c-.36-6.51-4-13.72-8.17-16.1l-78.69-42.59c-4.16-2.38-7.24,1-6.88,7.47h0C267.12,1175.38,270.77,1182.59,274.93,1185Z" fill="#131313"/>
<g>
<path d="M1532.78,813.76,1700.5,693.11h0a18.39,18.39,0,0,0,4.28-5.24,32.18,32.18,0,0,0,3-7.29,28.3,28.3,0,0,0,1.17-7.09c0-2,.29-1.85-.49-2.62-1.45-1.17-3.2-3-4.27-3.5-.69-.39-1.37-.58-1.85-.87a18.35,18.35,0,0,0-4-1.46,5.48,5.48,0,0,0-3.31.1,15.89,15.89,0,0,0-3.79,2.13l-159.94,119.2a20.68,20.68,0,0,0-8.17,19.52h0a6.24,6.24,0,0,0,1,2.82,5.16,5.16,0,0,0,1.85,2c1.46,1.17,2.62,2,6.81,2.91" fill="url(#gradient_04)"/>
<path d="M1701.28,693c6.12-4.66,10.31-10.78,9.63-17.09a7.29,7.29,0,0,0-5.26-6.12,9.94,9.94,0,0,0-9.24,1.65L1537.83,789.58c-6,4.76-9.53,11.65-8.94,18.16a6.32,6.32,0,0,0,4.86,5.64,10.21,10.21,0,0,0,8.75-2.14Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.69"/>
</g>
<g>
<path d="M1147.32,1068.79c-5.64,3.64-20.08,16.08-12.69,23.47,6.44,6.49,19.81-2.1,25.36-6,39.26-27.42,127.34-94.06,134.88-99.69s14.72-12,9.78-19.85-15.55-.71-21.08,2.45C1278,972.49,1187.42,1042.65,1147.32,1068.79Z" fill="none" stroke="#0d0d0d" stroke-miterlimit="10" stroke-width="0.97"/>
</g>
<polygon points="1919.47 554.52 1919.47 485.78 1906.06 474.96 1895.86 481.99 1908.62 492.69 1908.62 562.78 1919.47 554.52" fill="url(#gradient_01-2)"/>
<polygon points="856.8 1327.35 856.8 1259.41 845.31 1248.68 835.36 1255.95 845.95 1267.31 846.05 1335.08 856.8 1327.35" fill="url(#gradient_01-3)"/>
<g>
<path d="M536.76,1314.52c3.8,1.45,8.08,6.21,9.24,10.39s-1.26,5.83-5.15,4.08a17.9,17.9,0,0,1-8.56-10.1C531.22,1315.1,533.17,1313.06,536.76,1314.52Z" fill="#000102"/>
<path d="M540.85,1329c3.89,1.94,6.32.19,5.15-4.08l-7.68,2.43A17,17,0,0,0,540.85,1329Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M535.21,1324.33a16.16,16.16,0,0,0,5.54,4.56l3.6-5-2.14-1.85Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M538.61,1316.56a15.31,15.31,0,0,1,7.59,8.54c.87,3.4-1,4.76-4.28,3.31a14.77,14.77,0,0,1-7.1-8.26C533.94,1317,535.6,1315.39,538.61,1316.56Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M516.24,1302.38c3.8,1.45,8,6.21,9.24,10.39s-1.07,5.92-5,4.08a17.88,17.88,0,0,1-8.46-10C510.8,1303.06,512.55,1301,516.24,1302.38Z" fill="#000102"/>
<path d="M520.33,1316.75c3.89,1.94,6.22.2,5-4.08l-7.49,2.53A23.73,23.73,0,0,0,520.33,1316.75Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M514.88,1312.19a17.49,17.49,0,0,0,5.54,4.56l3.41-5-2.14-1.85Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M518,1304.32a14.65,14.65,0,0,1,7.59,8.55c1,3.4-1,4.85-4.18,3.3a15.12,15.12,0,0,1-7.1-8.26C513.42,1304.8,515,1303.15,518,1304.32Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M496.6,1291.4c3.69,1.46,8,6.12,9.14,10.3s-1,5.92-4.86,4.17a17.65,17.65,0,0,1-8.47-10C491.15,1292.08,492.9,1290,496.6,1291.4Z" fill="#000102"/>
<path d="M500.78,1305.87c3.79,1.85,6,.1,4.86-4.17l-7.29,2.52A12,12,0,0,0,500.78,1305.87Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M495.33,1301.4a18.13,18.13,0,0,0,5.45,4.57l3.31-5-2-1.85Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M498.35,1293.44a15.48,15.48,0,0,1,7.58,8.45c1,3.4-.87,4.86-4.08,3.4a15.32,15.32,0,0,1-7.1-8.16C493.87,1294,495.33,1292.37,498.35,1293.44Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M477.34,1280.33c3.7,1.36,7.88,6.12,9.14,10.29s-.87,5.93-4.67,4.18c-3.59-1.65-7.29-6.12-8.46-9.91S473.84,1279,477.34,1280.33Z" fill="#000102"/>
<path d="M481.72,1294.8c3.79,1.84,5.93.1,4.66-4.18l-7.19,2.62A16.8,16.8,0,0,0,481.72,1294.8Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M476.27,1290.33a15.59,15.59,0,0,0,5.45,4.47l3.21-5-2.05-1.75Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M479.19,1282.37a15.48,15.48,0,0,1,7.58,8.45c1,3.4-.77,4.85-3.89,3.4a15.41,15.41,0,0,1-7.1-8.16C474.71,1283,476.27,1281.3,479.19,1282.37Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M458.76,1269.84c3.6,1.36,7.78,6,9.15,10.2s-.78,5.92-4.57,4.27c-3.6-1.65-7.3-6.12-8.47-9.91S455.17,1268.48,458.76,1269.84Z" fill="#000102"/>
<path d="M463.14,1284.31c3.7,1.84,5.84,0,4.57-4.27l-7,2.71A23.19,23.19,0,0,0,463.14,1284.31Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M457.79,1279.84a16.36,16.36,0,0,0,5.35,4.47l3-5.15-2.05-1.75Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M460.51,1271.88a15.1,15.1,0,0,1,7.49,8.35c1,3.4-.68,4.86-3.79,3.4a15.2,15.2,0,0,1-7-8.16C456.14,1272.46,457.6,1270.81,460.51,1271.88Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M440.29,1259.54c3.59,1.36,7.78,6,9,10.2s-.68,5.92-4.38,4.27a18.11,18.11,0,0,1-8.36-9.81C435.23,1260.32,436.88,1258.18,440.29,1259.54Z" fill="#000102"/>
<path d="M444.86,1273.82c3.69,1.84,5.73,0,4.37-4.28l-6.81,2.72A10.17,10.17,0,0,0,444.86,1273.82Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M439.51,1269.35a16.26,16.26,0,0,0,5.35,4.47l2.91-5.15-2-1.75Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M442,1261.48a15.9,15.9,0,0,1,7.48,8.36c1.07,3.4-.58,4.85-3.69,3.49a15,15,0,0,1-7-8.06C437.85,1262,439.22,1260.32,442,1261.48Z" fill="#0a0e0e"/>
</g>
<polygon points="92.94 1107.64 93.1 1036.11 105.54 1025.1 116.38 1031.08 105.22 1042.81 105.22 1114.48 92.94 1107.64" fill="url(#gradient_01-4)"/>
</g>
<path d="M1919.47,292.06c-53.2-27.58-471.41-252.15-510.89-272.84-46.88-24.58-144.14-28.85-196.07,6.6S42.11,868.55,35,873.5,0,899.92,0,935.28v81.1c0,25,35,58.58,53.39,69.16s467.42,259.74,512.94,284.7,155.71,52.06,230.4,0S1872.88,591.52,1919.47,554.52c23.83-18.85,80.53-56.15,80.53-97.91V376.18C2000,356.66,1975,320.81,1919.47,292.06ZM1531.4,129.43c7.07-2.71,14.39-.77,16.36,4.34s-2.17,11.44-9.24,14.16-14.4.77-16.36-4.34S1524.33,132.14,1531.4,129.43ZM241.17,1158.71c-4.13-2-8.26-6.75-9.26-10.75s1.25-6,5.38-4.38,8.76,6.75,9.89,11.13S245.55,1160.83,241.17,1158.71Zm112.45,68.85L274.93,1185c-4.16-2.38-7.81-9.59-8.17-16.11s2.72-9.85,6.88-7.47L352.33,1204c4.16,2.38,7.81,9.59,8.17,16.1h0C360.85,1226.6,357.77,1229.94,353.62,1227.56Zm41.05,18c-4.5-2.12-8.76-7.12-9.51-11.12s2.25-5.75,6.76-4c4.63,2,9.26,7.12,10.13,11.5S399.55,1247.84,394.67,1245.59Zm1516.24-794c-35.31,25.35-1020.27,744.08-1110,810.81s-160.77,45.17-218.73,13-416.89-234-504.52-282-33.56-99.17,0-124.23,1109.61-799.45,1157-832.57,120.7-24.09,157.56-4.47c0,0,94.42,53.88,115.42,64.95s5.45,17.78-.39,22.73-20.82,25,7.48,39.93c33.75,18,103.88,54.25,144.15,78.05s65.71,6.84,78.16-1.22,20.13-6.7,35,1.07S1928.22,320,1928.22,320C2017.21,371.82,1946.21,426.22,1910.91,451.57Z" fill="#000" opacity="0.1"/>
<path d="M1919.47,292.06c-53.2-27.58-471.41-252.15-510.89-272.84-46.88-24.58-144.14-28.85-196.07,6.6S42.11,868.55,35,873.5,0,899.92,0,935.28v81.1c0,25,35,58.58,53.39,69.16s467.42,259.74,512.94,284.7,155.71,52.06,230.4,0S1872.88,591.52,1919.47,554.52c23.83-18.85,80.53-56.15,80.53-97.91V376.18C2000,356.66,1975,320.81,1919.47,292.06ZM1531.4,129.43c7.07-2.71,14.39-.77,16.36,4.34s-2.17,11.44-9.24,14.16-14.4.77-16.36-4.34S1524.33,132.14,1531.4,129.43ZM241.17,1158.71c-4.13-2-8.26-6.75-9.26-10.75s1.25-6,5.38-4.38,8.76,6.75,9.89,11.13S245.55,1160.83,241.17,1158.71Zm112.45,68.85L274.93,1185c-4.16-2.38-7.81-9.59-8.17-16.11s2.72-9.85,6.88-7.47L352.33,1204c4.16,2.38,7.81,9.59,8.17,16.1h0C360.85,1226.6,357.77,1229.94,353.62,1227.56Zm41.05,18c-4.5-2.12-8.76-7.12-9.51-11.12s2.25-5.75,6.76-4c4.63,2,9.26,7.12,10.13,11.5S399.55,1247.84,394.67,1245.59Zm1516.24-794c-35.31,25.35-1020.27,744.08-1110,810.81s-160.77,45.17-218.73,13-416.89-234-504.52-282-33.56-99.17,0-124.23,1109.61-799.45,1157-832.57,120.7-24.09,157.56-4.47c0,0,94.42,53.88,115.42,64.95s5.45,17.78-.39,22.73-20.82,25,7.48,39.93c33.75,18,103.88,54.25,144.15,78.05s65.71,6.84,78.16-1.22,20.13-6.7,35,1.07S1928.22,320,1928.22,320C2017.21,371.82,1946.21,426.22,1910.91,451.57Z" fill="#383E45" style="mix-blend-mode: overlay"/>
<path d="M1913.25,321s-123.56-68.27-138.44-76-22.57-9.13-35-1.07-46.78,22.25-87-1.55-110.4-60.08-144.15-78c-28.3-15-13.81-38.07-8-43s21.4-11.65.39-22.73-108.28-57.66-108.28-57.66c-36.87-19.62-110.2-28.66-157.56,4.47-11.48,8-82.62,59.06-184.29,132.13l123.66,800.39c309.71-225.81,699.26-509.35,721.4-525.25C1931.24,427.27,2002.24,372.88,1913.25,321Z" opacity="0.4" fill="url(#gradient_05)"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

186
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/iphone_3d_portrait_01.svg Normal file
View file

@ -0,0 +1,186 @@
<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 1370 1960" data-forced-size="true" width="1370" height="1960" data-img-aspect-ratio="9:19.5" data-img-perspective="[[4.06, 1.13], [59.56, 4.14], [99.96, 88.08], [44.62, 96.89]]">
<defs>
<linearGradient id="gradient_01" x1="247.44" y1="0.35" x2="1023.29" y2="1790.67" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4d4d4d"/>
<stop offset="0.01" stop-color="#121212"/>
<stop offset="0.04" stop-color="#3a3330"/>
<stop offset="0.07" stop-color="#575757"/>
<stop offset="0.46" 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="1"/>
</linearGradient>
<linearGradient id="light_adjust" x1="247.44" y1="0.35" x2="1023.29" y2="1790.67" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff"/>
<stop offset="0.5" stop-color="#fff" stop-opacity=".5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<radialGradient id="gradient_02" cx="381.18" cy="69.77" r="8.05" gradientTransform="translate(120.12 -216.61) rotate(37.27)" 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>
<linearGradient id="gradient_03" x1="160.68" y1="13462.25" x2="216.54" y2="13462.25" gradientTransform="matrix(1, 0, 0, -1, 0, 14165.22)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#141414"/>
<stop offset="0.35" stop-color="#343434"/>
<stop offset="0.5" stop-color="#424242"/>
<stop offset="0.65" stop-color="#343434"/>
<stop offset="1" stop-color="#141414"/>
</linearGradient>
<linearGradient id="gradient_03-2" x1="111.68" y1="13627.35" x2="167.54" y2="13627.35" xlink:href="#gradient_03"/>
<linearGradient id="gradient_03-3" x1="78.04" y1="13785.98" x2="105.4" y2="13785.98" xlink:href="#gradient_03"/>
<linearGradient id="gradient_04" x1="2936.16" y1="6803.17" x2="2946.64" y2="6776.09" gradientTransform="matrix(1.46, 0.58, 0.77, -1.93, -8513.37, 13245.96)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#333"/>
<stop offset="0.49"/>
<stop offset="0.49" stop-color="#c4c4c4"/>
<stop offset="0.67" stop-color="#c4c4c4"/>
<stop offset="0.92" stop-color="#333"/>
<stop offset="0.98" stop-color="#c4c4c4"/>
<stop offset="1" stop-color="#333"/>
</linearGradient>
<linearGradient id="gradient_05" x1="16.35" y1="13969.92" x2="79.56" y2="13986.27" gradientTransform="matrix(1, 0, 0, -1, 0, 14165.22)" gradientUnits="userSpaceOnUse">
<stop offset="0.65" stop-color="#0d0d0d"/>
<stop offset="1" stop-color="#5c5c5c"/>
</linearGradient>
<linearGradient id="gradient_06" x1="478.24" y1="12397.06" x2="538.25" y2="12418.72" gradientTransform="matrix(1, 0, 0, -1, 0, 14165.22)" gradientUnits="userSpaceOnUse">
<stop offset="0.62" stop-color="#0d0d0d"/>
<stop offset="1" stop-color="#5c5c5c"/>
</linearGradient>
<linearGradient id="gradient_07" x1="756.39" y1="12226.89" x2="756.39" y2="12265.12" gradientTransform="matrix(1, 0, 0, -1, 0, 14165.22)" gradientUnits="userSpaceOnUse">
<stop offset="0.62" stop-color="#1f1f1f"/>
<stop offset="1" stop-color="#c4c4c4"/>
</linearGradient>
<linearGradient id="gradient_08" x1="-24.47" y1="13700.71" x2="1154.09" y2="13226.66" gradientTransform="matrix(1, 0, 0, -1, 0, 14165.22)" 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="587.41 52.83 754.14 69.77 812.17 105.14 849.76 155.81 1344.78 1625.62 1351.32 1695.09 1304.46 1760.2 704.07 1893.42 598.03 1854.74 553.9 1758.25 69.23 105.96 91.69 25.7 160.35 19.32 587.41 52.83"/>
</clipPath>
<path id="filterPath" d="M0.4324,0.027,0.5541,0.0356l0.0423,0.018,0.0274,0.0259,0.3613,0.7499,0.0048,0.0354-0.0342,0.0332L0.5176,0.966l-0.0774-0.0197-0.0322-0.0492L0.0542,0.0541,0.0706,0.0131l0.0501-0.0033Z"/>
</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="M1358.7,1614.2c-9.1-27.6-458.6-1355-492.4-1450.3C835.3,76.7,761.4,50.4,697.6,45.4,563.7,34.9,198.8,4.3,148.8.4S67.4,17.3,67.4,17.3l-39,31.3C-5.4,74-2.1,126,3.6,148.9S416.9,1574.4,478.9,1790.7c62.1,216.5,202.8,165.8,230,160s547.7-132.9,554.6-134.7,19.3-3.6,71.6-51.2S1367.8,1641.8,1358.7,1614.2Zm-73.3,131.3c-65.4,15.8-510.8,117.6-540.8,123.6S613.9,1910.5,572,1766.8,93.5,153.7,86.4,123.2,71.7,25.1,158.3,31.1,301,42.2,307,42.7s13.1.7,18.2,13.4,20.7,46.7,63.6,48.5,155.9,9.5,171.4,10.4c13.6.7,33.6-9.3,27.4-36.9-3.5-15.4,7.3-13.3,15.8-12.7,8.4.4,84.7,7.2,113,8.6,40,1.9,103.7,22.3,128.8,95.1s478.4,1419,489.8,1455.5S1350.8,1729.7,1285.4,1745.5Z" fill="url(#gradient_01)"/>
<path d="M1358.7,1614.3c-9.1-27.6-458.6-1355-492.4-1450.3C835.3,76.7,761.4,50.5,697.6,45.5,563.7,34.9,198.8,4.3,148.8.5S67.4,17.4,67.4,17.4l-39,31.3C-5.4,74-2.1,126,3.6,148.9S416.8,1574.4,478.9,1790.8s202.8,165.8,230,160,547.8-132.9,554.6-134.7,19.3-3.6,71.6-51.2S1367.8,1641.8,1358.7,1614.3ZM372.65,58.56c4.48-3.42,11.93-1.16,16.65,5s4.91,14,.42,17.39-11.94,1.16-16.65-5S368.16,62,372.65,58.56Zm916.28,1689.11c-65.4,15.8-518.27,119.81-548.27,125.81s-130.7,41.4-172.6-102.31S84.25,146.51,77.15,116s-14.7-98.1,71.9-92.1S305.21,39.48,311.21,40s13.1.7,18.2,13.4S346,97.3,388.9,99.1s155.9,9.5,171.4,10.4c13.6.7,26-3.76,19.75-31.36-3.5-15.4,15.4-16.94,23.9-16.34,8.5.4,84.7,7.2,113,8.6C757,72.3,823.57,95.18,848.67,168s478.46,1422.29,489.86,1458.79S1354.33,1731.87,1288.93,1747.67Z" fill="url(#light_adjust)" opacity="0.2"/>
<path d="M1358.8,1614.3C1349.7,1586.7,900.2,259.4,866.4,164,835.4,76.6,761.5,50.5,697.7,45.5,563.7,34.9,198.9,4.3,148.8.5S67.4,17.4,67.4,17.4l-9.7,7.8c-31.6,34-16.7,96-11.4,116.3,7.6,29.8,444.6,1514.3,485.1,1651,38,127.9,130,140.4,202.5,128.6,18.9-3.1,458.9-110.6,559.2-135.4,18.1-4.5,32.1-11.9,42.1-20.7C1387.4,1717.4,1367.9,1641.9,1358.8,1614.3ZM1292,1769.4c-99.1,24.5-534.6,127.6-553.2,130.7-71.6,11.6-155-2.5-192.6-128.9C506.1,1636.1,74.4,169.3,66.8,139.9S28.1-1.1,152.8,8.7,700.6,52.8,720.2,54.2c27,1.9,112.2,22.9,143.8,113.5,33.9,97.4,467.2,1385.5,481.9,1427.4S1391,1744.8,1292,1769.4Z" fill="#fff" opacity="0.5"/>
<path d="M1296.6,1784.7s25-5.2,43.3-24.3h0l-4.9,3.5c-9.3,7.6-21.8,12.7-36.7,16.4C1190,1806.8,748,1915,729.7,1918c-42.5,6.9-82.1,1.8-112.4-14.2-39-20.4-67.4-59.8-84.3-116.9C502.4,1684.3,58.4,176.8,50.4,146.1l-.5-1.9s-9.9-43.5-9.8-61c.2-41.1,16.8-57.5,16.8-57.5S38.1,44.2,38.1,83c0,26.9,8,62.2,8,62.2l.5,1.9c8,30.7,452,1538.3,482.5,1640.9,17.3,58.3,46.4,98.5,86.2,119.3,21.8,11.4,46.9,17.2,74.8,17.2a297.42,297.42,0,0,0,42.3-3.2c19-3.1,472.4-114,564.2-136.6Z" fill="#515151"/>
<path d="M1345.9,1595.1c-14.7-41.9-448-1330-481.9-1427.4C832.4,77,747.1,56,720.2,54.1,700.6,52.7,277.5,18.5,152.8,8.7s-93.6,101.8-86,131.2S506.1,1636.1,546.2,1771.2c37.6,126.4,121,140.5,192.6,128.9,18.6-3.1,454.1-106.2,553.2-130.7S1360.6,1637,1345.9,1595.1Zm-60.5,150.4c-65.4,15.8-510.8,117.6-540.8,123.6S613.9,1910.5,572,1766.8,93.5,153.7,86.4,123.2,71.7,25.1,158.3,31.1,301,42.2,307,42.7s13.1.7,18.2,13.4,20.7,46.7,63.6,48.5,155.9,9.5,171.4,10.4c13.6.7,33.6-9.3,27.4-36.9-3.5-15.4,7.3-13.3,15.8-12.7,8.4.4,84.7,7.2,113,8.6,40,1.9,103.7,22.3,128.8,95.1s478.4,1419,489.8,1455.5S1350.8,1729.7,1285.4,1745.5Z"/>
<g id="details">
<g>
<ellipse cx="381.18" cy="69.77" rx="10.2" ry="14.1" transform="translate(35.6 245.11) rotate(-37.27)" fill="#131516"/>
<ellipse cx="381.18" cy="69.77" rx="6.7" ry="9.2" transform="translate(35.6 245.11) rotate(-37.27)" fill="url(#gradient_02)"/>
</g>
<g>
<path d="M440.9,1569.3c2.5.2,4.4,3.9,4.3,8.5s-2.4,8.1-4.9,7.9-4.4-4-4.2-8.5S438.4,1569.1,440.9,1569.3Z"/>
<path d="M440.3,1585.7c2.5.2,4.7-3.3,4.9-7.9l-6.5,7.2A3.29,3.29,0,0,0,440.3,1585.7Z" fill="#656565" fill-rule="evenodd"/>
<path d="M437,1582.8c.8,1.7,1.9,2.8,3.3,2.9l4-8.3-1.1-1.2Z" fill="#fff" fill-rule="evenodd"/>
<path d="M442.7,1572.7c1.5.1,2.7,2.4,2.6,5.2s-1.4,4.9-3,4.8-2.7-2.4-2.6-5.2S441.1,1572.6,442.7,1572.7Z" fill="#0d0d0d"/>
<path d="M450.1,1567.4c2,6.6,5,26-5.7,26.9-9.4.8-14.1-14.8-15.9-21.6-12.5-47.7-51.6-178.8-53.7-188.2s-3.5-19.2,5.6-22.1,12.7,9.8,14.9,16S436.1,1520.1,450.1,1567.4Z" fill="none" stroke="#0d0d0d" stroke-miterlimit="10" stroke-width="1"/>
<path d="M442.4,1594.3a5.5,5.5,0,0,0,5.6-1.4" fill="none" stroke="#ededed" stroke-linecap="round" stroke-width="1.63"/>
</g>
<g>
<path d="M197.8,769.2,161.2,658.7h0a19,19,0,0,1-.4-6.9,31.39,31.39,0,0,1,1.9-7.9,25.42,25.42,0,0,1,3.3-6.6c1.2-1.7.8-1.7,2-1.9,1.9-.1,4.5-.6,5.7-.4.8.1,1.5.3,2.1.4a17.73,17.73,0,0,1,4.2,1.2,6.21,6.21,0,0,1,2.7,2.1,15.81,15.81,0,0,1,1.9,4.1l31,104.6a21.38,21.38,0,0,1-5,21.2h0a7.38,7.38,0,0,1-2.5,1.8,6.09,6.09,0,0,1-2.8.6c-2,0-3.5,0-7.5-1.8" fill="url(#gradient_03)"/>
<path d="M160.7,658.1c-2.3-7.6-2.1-15.2,2.3-20.1a7.39,7.39,0,0,1,8.1-1.9,10.29,10.29,0,0,1,6.7,6.9l30.5,102.8c2.2,7.6.9,15.5-3.5,20.5a6.55,6.55,0,0,1-7.5,1.8,10.42,10.42,0,0,1-6-7.1Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.71"/>
</g>
<g>
<path d="M148.8,604.1,112.2,493.6h0a19,19,0,0,1-.4-6.9,31.39,31.39,0,0,1,1.9-7.9,25.42,25.42,0,0,1,3.3-6.6c1.2-1.7.8-1.7,2-1.9,1.9-.1,4.5-.6,5.7-.4.8.1,1.5.3,2.1.4a17.73,17.73,0,0,1,4.2,1.2,6.21,6.21,0,0,1,2.7,2.1,15.81,15.81,0,0,1,1.9,4.1l31,104.6a21.38,21.38,0,0,1-5,21.2h0a7.38,7.38,0,0,1-2.5,1.8,6.09,6.09,0,0,1-2.8.6c-2,0-3.5,0-7.5-1.8" fill="url(#gradient_03-2)"/>
<path d="M111.7,493c-2.3-7.6-2.1-15.2,2.3-20.1a7.39,7.39,0,0,1,8.1-1.9,10.29,10.29,0,0,1,6.7,6.9l30.5,102.8c2.2,7.6.9,15.5-3.5,20.5a6.55,6.55,0,0,1-7.5,1.8,10.42,10.42,0,0,1-6-7.1Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.71"/>
</g>
<g>
<path d="M96.2,411.7,78.3,357.5h0a9.16,9.16,0,0,1-.2-3.4,13.77,13.77,0,0,1,.9-3.9,12,12,0,0,1,1.6-3.2c.6-.8.4-.8,1-.9.9,0,2.2-.3,2.8-.2a3,3,0,0,1,1,.2,6.46,6.46,0,0,1,2.1.6,2.56,2.56,0,0,1,1.3,1,9.65,9.65,0,0,1,.9,2L104.9,401a10.75,10.75,0,0,1-2.4,10.4h0a4.7,4.7,0,0,1-1.2.9,2.9,2.9,0,0,1-1.4.3,7.3,7.3,0,0,1-3.7-.9" fill="url(#gradient_03-3)"/>
<path d="M78.1,357.3c-1.1-3.7-1-7.4,1.1-9.8a3.67,3.67,0,0,1,4-.9,5.1,5.1,0,0,1,3.3,3.4l14.9,50.4c1.1,3.7.4,7.6-1.7,10a3.28,3.28,0,0,1-3.7.9,5,5,0,0,1-2.9-3.5Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.35"/>
</g>
<g>
<path d="M816.6,1909c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S820.4,1908.5,816.6,1909Z" fill="#000102"/>
<path d="M810,1918.7c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9A9.85,9.85,0,0,1,810,1918.7Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M816.3,1916.2a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M814.4,1910.2c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S817.6,1909.7,814.4,1910.2Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M840.7,1903.7c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S844.5,1903.2,840.7,1903.7Z" fill="#000102"/>
<path d="M834.1,1913.4c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9A9,9,0,0,1,834.1,1913.4Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M840.5,1910.9a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M838.6,1904.9c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S841.8,1904.4,838.6,1904.9Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M864.9,1898.4c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S868.7,1897.9,864.9,1898.4Z" fill="#000102"/>
<path d="M858.3,1908.1c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9A9.85,9.85,0,0,1,858.3,1908.1Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M864.6,1905.6a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M862.7,1899.6c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S865.9,1899.1,862.7,1899.6Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M936,1879.9c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S939.8,1879.4,936,1879.9Z" fill="#000102"/>
<path d="M929.4,1889.7c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9A22.88,22.88,0,0,1,929.4,1889.7Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M935.7,1887.2a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M933.8,1881.1c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S937,1880.7,933.8,1881.1Z" fill="#3c3d3d"/>
</g>
<g>
<path d="M1084.2,1844.4c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S1088,1843.9,1084.2,1844.4Z" fill="#000102"/>
<path d="M1077.6,1854.2c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9C1079.5,1853.7,1078.5,1854,1077.6,1854.2Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1083.9,1851.7a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1082,1845.6c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S1085.2,1845.2,1082,1845.6Z" fill="#3c3d3d"/>
</g>
<g>
<path d="M1148,1829.2c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S1151.8,1828.7,1148,1829.2Z" fill="#000102"/>
<path d="M1141.4,1839c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9A22.88,22.88,0,0,1,1141.4,1839Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1147.8,1836.5a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1145.8,1830.4c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S1149,1830,1145.8,1830.4Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1170.4,1823.6c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S1174.3,1823.1,1170.4,1823.6Z" fill="#000102"/>
<path d="M1163.9,1833.2c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9A17.15,17.15,0,0,1,1163.9,1833.2Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1170.2,1830.7a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1168.3,1824.7c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S1171.5,1824.3,1168.3,1824.7Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1192,1818.5c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S1195.9,1818,1192,1818.5Z" fill="#000102"/>
<path d="M1185.5,1828.2c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9C1187.3,1827.7,1186.4,1828,1185.5,1828.2Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1191.8,1825.8a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1189.9,1819.7c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S1193.1,1819.3,1189.9,1819.7Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1213.3,1813.2c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S1217.1,1812.7,1213.3,1813.2Z" fill="#000102"/>
<path d="M1206.8,1823c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9A22.88,22.88,0,0,1,1206.8,1823Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1213.1,1820.5a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1211.2,1814.4c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S1214.3,1814,1211.2,1814.4Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1234.2,1808.2c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S1238.1,1807.7,1234.2,1808.2Z" fill="#000102"/>
<path d="M1227.7,1818c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9C1229.5,1817.5,1228.6,1817.8,1227.7,1818Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1234,1815.5a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1232.1,1809.4c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S1235.3,1809,1232.1,1809.4Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M1255.1,1803.2c-4,.5-9,3.3-10.9,6.1s.1,4.4,4.3,3.7c4-.7,8.5-3.4,10.2-6S1259,1802.7,1255.1,1803.2Z" fill="#000102"/>
<path d="M1248.6,1812.9c-4.2.8-6.2-.8-4.3-3.7l7.1,2.9A10.86,10.86,0,0,1,1248.6,1812.9Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M1254.9,1810.4a18.89,18.89,0,0,1-6.3,2.5l-2.6-4.1,2.4-1Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M1253,1804.4c-3.3.5-7.4,2.7-9,5s.1,3.6,3.6,3c3.3-.6,7.1-2.8,8.5-4.9S1256.2,1803.9,1253,1804.4Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M969.6,1874.7a48,48,0,0,1,19-9.5l50.6-11.8c6.9-1.6,11.5.6,8.8,4.5s-9.6,7.8-17,9.6l-56.4,13.3C966.8,1882.6,964.4,1879.3,969.6,1874.7Z" fill="#3d3d3d"/>
<path d="M966.8,1875.3a45.82,45.82,0,0,1,18.6-9.2l53.3-12.4c6.7-1.6,11.1.6,8.5,4.3s-9.3,7.6-16.5,9.2l-59.2,13.9C964,1883,961.7,1879.8,966.8,1875.3Z" fill="url(#gradient_04)"/>
<path d="M968.8,1875.2a41.9,41.9,0,0,1,16.6-8.3l50.2-11.9c6.1-1.4,10.1.5,7.5,3.9s-8.4,6.8-14.7,8.3l-55.2,13.2C966.4,1882,964.3,1879.2,968.8,1875.2Z" fill="#131313"/>
</g>
<polygon points="21.5 210.5 57.9 181.9 78.6 179.4 74.8 165.9 54.5 168.9 18.2 198.7 21.5 210.5" fill="url(#gradient_05)"/>
<polygon points="478.3 1787 519.4 1750.2 538.5 1743.4 534.3 1729.5 515.1 1736 474.7 1774 478.3 1787" fill="url(#gradient_06)"/>
<path d="M730.3,1945.7l34.6-31.6s8.7-9.7,0-19.7l14.5-3.2s8.7,10.1-3.1,20.3l-33.4,31.4Z" fill="url(#gradient_07)"/>
</g>
<path d="M1358.7,1614.3c-9.1-27.6-458.6-1355-492.4-1450.3C835.3,76.7,761.4,50.5,697.6,45.5,563.7,34.9,198.8,4.3,148.8.5S67.4,17.4,67.4,17.4l-39,31.3C-5.4,74-2.1,126,3.6,148.9S416.8,1574.4,478.9,1790.8s202.8,165.8,230,160,547.8-132.9,554.6-134.7,19.3-3.6,71.6-51.2S1367.8,1641.8,1358.7,1614.3ZM372.65,58.56c4.48-3.42,11.93-1.16,16.65,5s4.91,14,.42,17.39-11.94,1.16-16.65-5S368.16,62,372.65,58.56Zm916.28,1689.11c-65.4,15.8-518.27,119.81-548.27,125.81s-130.7,41.4-172.6-102.31S84.25,146.51,77.15,116s-14.7-98.1,71.9-92.1S305.21,39.48,311.21,40s13.1.7,18.2,13.4S346,97.3,388.9,99.1s155.9,9.5,171.4,10.4c13.6.7,26-3.76,19.75-31.36-3.5-15.4,15.4-16.94,23.9-16.34,8.5.4,84.7,7.2,113,8.6C757,72.3,823.57,95.18,848.67,168s478.46,1422.29,489.86,1458.79S1354.33,1731.87,1288.93,1747.67Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
<path d="M815.5,118.6c-30-32.4-70.6-43.2-99.1-44.6-28.3-1.4-104.5-8.2-113-8.6-8.5-.6-19.3-2.7-15.8,12.7,6.2,27.6-13.8,37.6-27.4,36.9-15.5-.9-128.5-8.6-171.4-10.4s-58.5-35.8-63.6-48.5S313,43.2,307,42.7s-62.3-5.6-148.8-11.6-79,61.6-71.9,92.1c5,21.3,220,746.3,363.2,1229.5Z" opacity="0.4" fill="url(#gradient_08)"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

171
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/iphone_3d_portrait_02.svg Normal file
View file

@ -0,0 +1,171 @@
<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 1370 1960" data-forced-size="true" width="1370" height="1960" data-img-aspect-ratio="9:19.5" data-img-perspective="[[40.43, 4.14], [95.93, 1.13], [55.37, 96.89], [0.02, 88.08]]">
<defs>
<linearGradient id="gradient_01" x1="384.7" y1="207.5" x2="1041.87" y2="1723.96" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4d4d4d"/>
<stop offset="0.01" stop-color="#121212"/>
<stop offset="0.04" stop-color="#3a3330"/>
<stop offset="0.07" stop-color="#575757"/>
<stop offset="0.46" 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="1"/>
</linearGradient>
<linearGradient id="light_adjust" x1="384.7" y1="207.5" x2="1041.87" y2="1723.96" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff"/>
<stop offset="0.5" stop-color="#fff" stop-opacity=".5"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<radialGradient id="gradient_02" cx="822.33" cy="82.6" r="8.05" gradientTransform="translate(390.03 -621.79) rotate(52.73)" 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>
<linearGradient id="gradient_03" x1="23526.71" y1="13575.85" x2="23604.87" y2="13575.85" gradientTransform="translate(24781.2 14165.22) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#141414"/>
<stop offset="0.35" stop-color="#343434"/>
<stop offset="0.5" stop-color="#424242"/>
<stop offset="0.65" stop-color="#343434"/>
<stop offset="1" stop-color="#141414"/>
</linearGradient>
<linearGradient id="gradient_04" x1="15898.35" y1="11343.3" x2="15908.83" y2="11316.22" gradientTransform="matrix(-1.46, 0.58, -0.77, -1.93, 32347.6, 14435.69)" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#333"/>
<stop offset="0.49"/>
<stop offset="0.49" stop-color="#c4c4c4"/>
<stop offset="0.67" stop-color="#c4c4c4"/>
<stop offset="0.92" stop-color="#333"/>
<stop offset="0.98" stop-color="#c4c4c4"/>
<stop offset="1" stop-color="#333"/>
</linearGradient>
<linearGradient id="gradient_05" x1="23427.56" y1="13969.92" x2="23490.77" y2="13986.27" gradientTransform="translate(24781.2 14165.22) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0.65" stop-color="#0d0d0d"/>
<stop offset="1" stop-color="#5c5c5c"/>
</linearGradient>
<linearGradient id="gradient_06" x1="23889.45" y1="12397.07" x2="23949.46" y2="12418.73" gradientTransform="translate(24781.2 14165.22) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0.62" stop-color="#0d0d0d"/>
<stop offset="1" stop-color="#5c5c5c"/>
</linearGradient>
<linearGradient id="gradient_07" x1="24671.82" y1="12349.53" x2="24671.82" y2="12384.88" gradientTransform="translate(24781.2 14165.22) rotate(180)" gradientUnits="userSpaceOnUse">
<stop offset="0.62" stop-color="#1f1f1f"/>
<stop offset="1" stop-color="#c4c4c4"/>
</linearGradient>
<linearGradient id="gradient_08" x1="23386.74" y1="13700.71" x2="24565.31" y2="13226.67" gradientTransform="translate(24781.2 14165.22) rotate(180)" 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="782.94 52.83 616.21 69.77 558.17 105.14 520.58 155.81 25.56 1625.62 19.02 1695.09 65.88 1760.2 666.27 1893.42 772.31 1854.74 816.45 1758.25 1301.11 105.96 1278.65 25.7 1209.99 19.32 782.94 52.83"/>
</clipPath>
<path id="filterPath" d="M0.8832,0.0099l0.0501,0.0033L0.9497,0.0541,0.5959,0.8971l-0.0322,0.0492-0.0774,0.0197L0.0481,0.8981,0.0139,0.8648l0.0048-0.0354,0.3613-0.7499,0.0274-0.0259,0.0423-0.018L0.5715,0.027Z"/>
</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="M1341.57,48.7l-39-31.3s-31.2-20.7-81.4-16.9c-50,3.8-414.8,34.4-548.8,45-63.8,5-137.7,31.2-168.7,118.5-33.8,95.3-483.3,1422.7-492.4,1450.3s-28.7,103.1,23.6,150.6,64.8,49.4,71.6,51.2,527.4,128.9,554.6,134.7,167.9,56.5,230-160,469.6-1619,475.3-1641.9S1375.37,74.1,1341.57,48.7Zm-57.8,74.5c-7.1,30.5-443.7,1499.8-485.7,1643.6s-142.6,108.3-172.6,102.3-475.4-107.8-540.8-123.6-61-84.5-49.6-120.9S499.77,241.9,524.87,169.1s88.8-93.2,128.8-95.1c28.2-1.4,104.5-8.2,113-8.6,8.5-.6,19.3-2.7,15.8,12.7-6.2,27.6,13.8,37.6,27.4,36.9,15.5-.9,128.5-8.6,171.4-10.4s58.5-35.8,63.6-48.5,12.2-12.9,18.2-13.4,62.3-5.6,148.8-11.6S1290.87,92.7,1283.77,123.2Z" fill="url(#gradient_01)"/>
<path d="M1341.57,48.6l-39-31.3s-31.3-20.7-81.4-16.9-414.8,34.5-548.8,45c-63.8,5-137.7,31.3-168.7,118.5-33.8,95.3-483.3,1422.7-492.39,1450.3s-28.71,103.1,23.59,150.6,64.7,49.4,71.6,51.2,527.5,128.9,554.6,134.7,167.9,56.5,230-160,469.6-1619,475.3-1641.9S1375.37,74,1341.57,48.6ZM814.21,76.42c4.71-6.2,12.17-8.46,16.65-5s4.3,11.21-.42,17.4-12.17,8.46-16.65,5S809.49,82.61,814.21,76.42ZM1297.13,116c-7.1,30.5-452.71,1514.84-494.71,1658.64S659.82,1883,629.82,1877s-486.75-113.22-552.15-129-61-84.5-49.6-120.9S495.56,237.68,520.66,164.88s88.8-93.2,128.8-95.1c28.3-1.4,113.34-7.85,121.84-8.25,8.5-.6,19.3-2.7,15.8,12.7-6.2,27.6,11.16,37.92,24.76,37.22,15.5-.9,128.5-8.6,171.4-10.4s50.66-37.33,55.76-50,12.2-12.9,18.2-13.4,81.51-7.7,168-13.7S1304.23,85.52,1297.13,116Z" fill="url(#light_adjust)" opacity="0.2"/>
<path d="M34.77,1765c10,8.8,24,16.2,42.1,20.7,100.3,24.8,540.4,132.3,559.2,135.4,72.5,11.8,164.5-.7,202.5-128.6,40.5-136.6,477.5-1621.2,485.1-1651,5.3-20.4,20.2-82.4-11.39-116.3l-9.7-7.8s-31.4-20.7-81.4-16.9-414.8,34.4-548.9,45c-63.8,5-137.7,31.2-168.7,118.5-33.8,95.4-483.3,1422.7-492.4,1450.3S-17.43,1717.4,34.77,1765Zm-10.7-169.9c14.7-41.9,448-1330,481.9-1427.4C537.47,77,622.77,56,649.77,54.1c19.7-1.4,442.7-35.7,567.4-45.5s93.6,101.8,86,131.2-439.3,1496.3-479.4,1631.4c-37.6,126.4-121,140.5-192.6,128.9-18.7-3.1-454.1-106.2-553.2-130.7S9.47,1637,24.07,1595.1Z" fill="#fff" opacity="0.5"/>
<path d="M73.37,1784.7c91.8,22.6,545.2,133.5,564.2,136.6a297.42,297.42,0,0,0,42.3,3.2c27.9,0,53-5.8,74.8-17.2,39.9-20.9,69-61.1,86.2-119.3,30.5-102.5,474.5-1610.2,482.5-1640.9l.5-1.9s8-35.3,8-62.2c0-38.8-18.8-57.3-18.8-57.3s16.6,16.4,16.8,57.5c.1,17.5-9.8,61-9.8,61l-.5,1.9c-8,30.7-452,1538.2-482.5,1640.8-17,57.2-45.4,96.6-84.3,116.9-30.3,16-70,21.1-112.4,14.2-18.4-3-460.3-111.2-568.6-137.7-14.9-3.7-27.4-8.8-36.7-16.4l-4.9-3.5h0c18.2,19.1,43.2,24.3,43.2,24.3Z" fill="#515151"/>
<path d="M1217.17,8.7c-124.7,9.8-547.8,44-567.3,45.4C622.87,56,537.57,77,506,167.7c-33.9,97.4-467.2,1385.5-481.9,1427.4S-21,1744.8,78,1769.4s534.5,127.6,553.2,130.7c71.6,11.6,155-2.5,192.6-128.9,40.1-135.1,471.8-1601.9,479.4-1631.3S1341.87-1.1,1217.17,8.7Zm66.6,114.5c-7.1,30.5-443.7,1499.8-485.7,1643.6s-142.6,108.3-172.6,102.3-475.4-107.8-540.8-123.6-61-84.5-49.6-120.9S499.77,241.9,524.87,169.1s88.8-93.2,128.8-95.1c28.2-1.4,104.5-8.2,113-8.6,8.5-.6,19.3-2.7,15.8,12.7-6.2,27.6,13.8,37.6,27.4,36.9,15.5-.9,128.5-8.6,171.4-10.4s58.5-35.8,63.6-48.5,12.2-12.9,18.2-13.4,62.3-5.6,148.8-11.6S1290.87,92.7,1283.77,123.2Z"/>
<g id="details">
<g>
<ellipse cx="822.32" cy="82.59" rx="14.1" ry="10.2" transform="translate(258.57 686.93) rotate(-52.73)" fill="#131516"/>
<ellipse cx="822.33" cy="82.6" rx="9.2" ry="6.7" transform="matrix(0.61, -0.8, 0.8, 0.61, 258.57, 686.94)" fill="url(#gradient_02)"/>
</g>
<g>
<path d="M1036.57,1166.2c2.2-6.2,5.8-18.9,14.9-16s7.8,12.7,5.6,22.1-41.2,140.5-53.7,188.2c-1.8,6.8-6.5,22.4-15.9,21.6-10.69-.9-7.69-20.3-5.69-26.9C995.87,1307.9,1034.47,1172.4,1036.57,1166.2Z" fill="none" stroke="#0d0d0d" stroke-miterlimit="10" stroke-width="1"/>
</g>
<g>
<path d="M1195.07,694c-4,1.8-5.5,1.8-7.5,1.8a6.09,6.09,0,0,1-2.8-.6,7.38,7.38,0,0,1-2.5-1.8h0a21.38,21.38,0,0,1-5-21.2l53.3-181.4a15.81,15.81,0,0,1,1.9-4.1,6.21,6.21,0,0,1,2.7-2.1,17.73,17.73,0,0,1,4.2-1.2c.6-.1,1.3-.3,2.1-.4,1.2-.2,3.8.3,5.7.4,1.2.2.8.2,2,1.9a25.42,25.42,0,0,1,3.3,6.6,31.39,31.39,0,0,1,1.9,7.9,19,19,0,0,1-.4,6.9h0L1195.07,694" fill="url(#gradient_03)"/>
<path d="M1201.57,685.9a10.42,10.42,0,0,1-6,7.1,6.55,6.55,0,0,1-7.5-1.8c-4.4-5-5.7-12.9-3.5-20.5l52.8-179.6a10.29,10.29,0,0,1,6.7-6.9,7.39,7.39,0,0,1,8.1,1.9c4.4,4.9,4.61,12.5,2.3,20.1Z" fill="#898989" stroke="#1c1c1c" stroke-width="0.71"/>
</g>
<g>
<path d="M574.37,1919.2c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1C574.17,1914.9,572.57,1916.6,574.37,1919.2Z" fill="#000102"/>
<path d="M581.77,1924.3l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7A9,9,0,0,1,581.77,1924.3Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M584.67,1920l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M577.07,1919.7c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.7-4.5-9-5S575.57,1917.5,577.07,1919.7Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M599,1925c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1C598.77,1920.7,597.17,1922.4,599,1925Z" fill="#000102"/>
<path d="M606.37,1930.1l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7A9,9,0,0,1,606.37,1930.1Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M609.27,1925.8l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M601.67,1925.5c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.7-4.5-9-5S600.17,1923.3,601.67,1925.5Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M622.57,1931.6c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1C622.37,1927.3,620.77,1929,622.57,1931.6Z" fill="#000102"/>
<path d="M630,1936.7l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7A9,9,0,0,1,630,1936.7Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M632.87,1932.4l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M625.27,1932.1c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.7-4.5-9-5S623.77,1929.9,625.27,1932.1Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M549.77,1912.8c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1C549.57,1908.5,548.07,1910.2,549.77,1912.8Z" fill="#000102"/>
<path d="M557.17,1917.9l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7A9.85,9.85,0,0,1,557.17,1917.9Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M560.17,1913.6l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M552.47,1913.3c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.7-4.5-9-5S551.07,1911.1,552.47,1913.3Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M524.17,1906.6c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1C524,1902.3,522.37,1904,524.17,1906.6Z" fill="#000102"/>
<path d="M531.57,1911.7l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7A9,9,0,0,1,531.57,1911.7Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M534.47,1907.4l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M526.77,1907.1c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.7-4.5-9-5S525.37,1904.9,526.77,1907.1Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M500,1900.2c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1C499.77,1895.9,498.17,1897.6,500,1900.2Z" fill="#000102"/>
<path d="M507.27,1905.3l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7A9.85,9.85,0,0,1,507.27,1905.3Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M510.27,1901l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M502.57,1900.7c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.7-4.5-9-5S501.17,1898.5,502.57,1900.7Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M430.37,1883.7c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1C430.17,1879.4,428.57,1881.1,430.37,1883.7Z" fill="#000102"/>
<path d="M437.77,1888.9l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7A22.88,22.88,0,0,1,437.77,1888.9Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M440.77,1884.6l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M433.07,1884.2c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.7-4.5-9-5S431.57,1882.1,433.07,1884.2Z" fill="#3c3d3d"/>
</g>
<g>
<path d="M282.17,1848.2c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1C282,1843.9,280.37,1845.6,282.17,1848.2Z" fill="#000102"/>
<path d="M289.57,1853.4l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7C291.47,1854,290.47,1853.7,289.57,1853.4Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M292.57,1849.1l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M284.87,1848.7c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.69-4.5-9-5S283.37,1846.6,284.87,1848.7Z" fill="#3c3d3d"/>
</g>
<g>
<path d="M218.37,1833c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1C218.17,1828.7,216.57,1830.4,218.37,1833Z" fill="#000102"/>
<path d="M225.77,1838.2l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7A22.88,22.88,0,0,1,225.77,1838.2Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M228.67,1833.9l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M221.07,1833.5c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.7-4.5-9-5S219.57,1831.4,221.07,1833.5Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M196,1827.3c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1S194.17,1824.8,196,1827.3Z" fill="#000102"/>
<path d="M203.27,1832.4l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7A17.15,17.15,0,0,1,203.27,1832.4Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M206.27,1828.1l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M198.57,1827.7c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.7-4.5-9-5C198.47,1824.3,197.17,1825.7,198.57,1827.7Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M174.47,1822.3c1.7,2.6,6.2,5.3,10.2,6,4.2.7,6.2-.9,4.3-3.7s-6.9-5.6-10.9-6.1S172.67,1819.7,174.47,1822.3Z" fill="#000102"/>
<path d="M181.77,1827.4l7.1-2.9c1.9,2.9-.1,4.5-4.3,3.7C183.67,1828,182.77,1827.7,181.77,1827.4Z" fill="#7a7a7a" fill-rule="evenodd"/>
<path d="M184.77,1823.2l2.4,1-2.6,4.1a18.89,18.89,0,0,1-6.3-2.5Z" fill="#f4f4f4" fill-rule="evenodd"/>
<path d="M177.07,1822.8c1.4,2.1,5.2,4.3,8.5,4.9,3.5.6,5.1-.7,3.6-3s-5.7-4.5-9-5S175.67,1820.7,177.07,1822.8Z" fill="#0a0e0e"/>
</g>
<g>
<path d="M395.37,1880.8,339,1867.5c-7.39-1.8-14.19-5.7-17-9.6s1.9-6.1,8.81-4.5l50.6,11.8a48,48,0,0,1,19,9.5C405.57,1879.3,403.17,1882.6,395.37,1880.8Z" fill="#3d3d3d"/>
<path d="M398.47,1881.1l-59.2-13.9c-7.2-1.6-13.8-5.4-16.5-9.2s1.8-5.9,8.5-4.3l53.3,12.4a45.82,45.82,0,0,1,18.6,9.2C408.27,1879.8,406,1883,398.47,1881.1Z" fill="url(#gradient_04)"/>
<path d="M396.77,1880.4l-55.2-13.2c-6.3-1.5-12.2-4.9-14.7-8.3s1.4-5.3,7.5-3.9l50.2,11.9a41.9,41.9,0,0,1,16.6,8.3C405.67,1879.2,403.57,1882,396.77,1880.4Z" fill="#131313"/>
</g>
<polygon points="1348.47 210.5 1312.08 181.9 1291.38 179.4 1295.28 165.9 1315.47 168.9 1351.78 198.7 1348.47 210.5" fill="url(#gradient_05)"/>
<polygon points="891.77 1787 850.67 1750.2 831.58 1743.4 835.67 1729.5 854.88 1736 895.38 1774 891.77 1787" fill="url(#gradient_06)"/>
<path d="M132.77,1822.5l-29.3-27.1s-8.7-9.8,0-19.8l-14.3-3.5s-8.8,10.4,2.9,20.7l27.8,26.6Z" fill="url(#gradient_07)"/>
</g>
<path d="M1341.57,48.6l-39-31.3s-31.3-20.7-81.4-16.9-414.8,34.5-548.8,45c-63.8,5-137.7,31.3-168.7,118.5-33.8,95.3-483.3,1422.7-492.39,1450.3s-28.71,103.1,23.59,150.6,64.7,49.4,71.6,51.2,527.5,128.9,554.6,134.7,167.9,56.5,230-160,469.6-1619,475.3-1641.9S1375.37,74,1341.57,48.6ZM814.21,76.42c4.71-6.2,12.17-8.46,16.65-5s4.3,11.21-.42,17.4-12.17,8.46-16.65,5S809.49,82.61,814.21,76.42ZM1297.13,116c-7.1,30.5-452.71,1514.84-494.71,1658.64S659.82,1883,629.82,1877s-486.75-113.22-552.15-129-61-84.5-49.6-120.9S495.56,237.68,520.66,164.88s88.8-93.2,128.8-95.1c28.3-1.4,113.34-7.85,121.84-8.25,8.5-.6,19.3-2.7,15.8,12.7-6.2,27.6,11.16,37.92,24.76,37.22,15.5-.9,128.5-8.6,171.4-10.4s50.66-37.33,55.76-50,12.2-12.9,18.2-13.4,81.51-7.7,168-13.7S1304.23,85.52,1297.13,116Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
<path d="M1211.77,31.1c-86.5,6-142.8,11.1-148.8,11.6s-13.1.7-18.2,13.4-20.7,46.7-63.6,48.5-155.9,9.5-171.4,10.4c-13.6.7-33.6-9.3-27.4-36.9,3.5-15.4-7.3-13.3-15.8-12.7-8.5.4-84.7,7.2-113,8.6-40,1.9-103.7,22.3-128.8,95.1-16.06,46.59-207.5,614.73-346.26,1027.35,335.23-318.64,844.21-760,1071.51-957.27,20.12-68.48,32.51-111,33.65-116C1290.77,92.7,1298.27,25.2,1211.77,31.1Z" opacity="0.4" fill="url(#gradient_08)"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

63
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/iphone_front_landscape.svg Normal file
View file

@ -0,0 +1,63 @@
<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>
Side by side

After

Width:  |  Height:  |  Size: 7.4 KiB

64
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/iphone_front_portrait.svg Normal file
View file

@ -0,0 +1,64 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 680 1376" width="680" height="1376" data-forced-size="true">
<style>
image {
width: calc(100% - 72px);
height: calc(100% - 65px);
}
</style>
<defs>
<linearGradient id="linear-gradient" x1="2.46" y1="327.18" x2="2.46" y2="275.94" 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="2.46" y1="479.49" x2="2.46" y2="375.55" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-3" x1="2.46" y1="610.78" x2="2.46" y2="506.84" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-4" x1="-4519.26" y1="12451.84" x2="-4519.26" y2="12287.56" gradientTransform="translate(-3841.73 12861.55) rotate(180)" xlink:href="#linear-gradient"/>
<radialGradient id="radial-gradient" cx="249.2" cy="51.93" r="7.92" 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.0547,0.0245H0.9456V0.976H0.0547Z"/>
</defs>
<path d="M570.58,10.44H109.42a94,94,0,0,0-94,94V1271.6a94,94,0,0,0,94,94H570.58a94,94,0,0,0,94-94V104.4A94,94,0,0,0,570.58,10.44Z"/>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" preserveAspectRatio="xMidYMin slice" x="36" y="33">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<g id="device">
<path d="M570.58,0H109.42A104.56,104.56,0,0,0,4.93,104.4V1271.6A104.56,104.56,0,0,0,109.42,1376H570.58a104.56,104.56,0,0,0,104.49-104.4V104.4A104.56,104.56,0,0,0,570.58,0Zm79.18,1254.82c0,39.94-2.35,97.62-91.69,97.62H120.66c-89.34,0-91.7-57.68-91.7-97.62V112.66c0-61.08,30.57-86.13,82.29-86.13H214.76c8.88,0,8.62,8.09,8.62,8.09v5.75c0,23,20.64,35.53,31.61,35.53H422.64c11,0,31.61-12.57,31.61-35.53V34.62s-.27-8.09,8.62-8.09H567.48c51.72,0,82.28,25,82.28,86.13Z" fill="#707070"/>
<path d="M570.58,2.09H109.42A102.48,102.48,0,0,0,7,104.4V1271.6a102.48,102.48,0,0,0,102.4,102.31H570.58A102.48,102.48,0,0,0,673,1271.6V104.4A102.48,102.48,0,0,0,570.58,2.09Zm79.18,1252.73c0,39.94-2.35,97.62-91.69,97.62H120.66c-89.34,0-91.7-57.68-91.7-97.62V112.66c0-61.08,30.57-86.13,82.29-86.13H214.76c8.88,0,8.62,8.09,8.62,8.09v5.75c0,23,20.64,35.53,31.61,35.53H422.64c11,0,31.61-12.57,31.61-35.53V34.62s-.27-8.09,8.62-8.09H567.48c51.72,0,82.28,25,82.28,86.13Z" fill="#969696"/>
<path d="M570.58,4.18H109.42A100.38,100.38,0,0,0,9.11,104.4V1271.6a100.38,100.38,0,0,0,100.31,100.22H570.58A100.38,100.38,0,0,0,670.89,1271.6V104.4A100.38,100.38,0,0,0,570.58,4.18Zm79.18,1250.64c0,39.94-2.35,97.62-91.69,97.62H120.66c-89.34,0-91.7-57.68-91.7-97.62V112.66c0-61.08,30.57-86.13,82.29-86.13H214.76c8.88,0,8.62,8.09,8.62,8.09v5.75c0,23,20.64,35.53,31.61,35.53H422.64c11,0,31.61-12.57,31.61-35.53V34.62s-.27-8.09,8.62-8.09H567.48c51.72,0,82.28,25,82.28,86.13Z" fill="#c1c1c1"/>
<path d="M570.58,6.26H109.42A98.29,98.29,0,0,0,11.2,104.4V1271.6a98.29,98.29,0,0,0,98.22,98.14H570.58a98.29,98.29,0,0,0,98.22-98.14V104.4A98.29,98.29,0,0,0,570.58,6.26Zm79.18,1248.56c0,39.94-2.35,97.62-91.69,97.62H120.66c-89.34,0-91.7-57.68-91.7-97.62V112.66c0-61.08,30.57-86.13,82.29-86.13H214.76c8.88,0,8.62,8.09,8.62,8.09v5.75c0,23,20.64,35.53,31.61,35.53H422.64c11,0,31.61-12.57,31.61-35.53V34.62s-.27-8.09,8.62-8.09H567.48c51.72,0,82.28,25,82.28,86.13Z" fill="#969696"/>
<path d="M570.58,8.35H109.42A96.2,96.2,0,0,0,13.29,104.4V1271.6a96.2,96.2,0,0,0,96.13,96.05H570.58a96.2,96.2,0,0,0,96.13-96.05V104.4A96.2,96.2,0,0,0,570.58,8.35Zm79.18,1246.47c0,39.94-2.35,97.62-91.69,97.62H120.66c-89.34,0-91.7-57.68-91.7-97.62V112.66c0-61.08,30.57-86.13,82.29-86.13H214.76c8.88,0,8.62,8.09,8.62,8.09v5.75c0,23,20.64,35.53,31.61,35.53H422.64c11,0,31.61-12.57,31.61-35.53V34.62s-.27-8.09,8.62-8.09H567.48c51.72,0,82.28,25,82.28,86.13Z" fill="#707070"/>
<path d="M570.58,10.44H109.42a94,94,0,0,0-94,94V1271.6a94,94,0,0,0,94,94H570.58a94,94,0,0,0,94-94V104.4A94,94,0,0,0,570.58,10.44Zm-18.72,1332.5H128.4c-89.33,0-91.69-57.68-91.69-97.62l.53-1125.43c0-61.08,30.56-86.13,82.29-86.13h85.05c8.88,0,8.62,8.09,8.62,8.09V47.6c0,23,20.64,35.53,31.61,35.53H433.9c11,0,31.61-12.57,31.61-35.53V41.85s-.26-8.09,8.62-8.09h86.61c51.72,0,82.29,25.05,82.29,86.13l.52,1125.43C643.55,1285.26,641.2,1342.94,551.86,1342.94Z"/>
<g id="details">
<path d="M4.93,275.94H2.09A2.1,2.1,0,0,0,0,278v47.06a2.1,2.1,0,0,0,2.09,2.09H4.93Z" fill="url(#linear-gradient)"/>
<path d="M4.93,375.55H2.09A2.1,2.1,0,0,0,0,377.64V477.4a2.09,2.09,0,0,0,2.09,2.09H4.93Z" fill="url(#linear-gradient-2)"/>
<path d="M4.93,506.84H2.09A2.09,2.09,0,0,0,0,508.92v99.77a2.1,2.1,0,0,0,2.09,2.09H4.93Z" fill="url(#linear-gradient-3)"/>
<path d="M675.07,574h2.84a2.09,2.09,0,0,0,2.09-2.08V411.8a2.1,2.1,0,0,0-2.09-2.09h-2.84Z" fill="url(#linear-gradient-4)"/>
<rect x="664.62" y="137.46" width="10.45" height="14.96" fill="#fff" opacity="0.3"/>
<rect x="528.09" width="14.98" height="10.44" fill="#fff" opacity="0.3"/>
<rect x="4.93" y="137.99" width="10.45" height="14.22" fill="#fff" opacity="0.3"/>
<rect x="4.93" y="1224.5" width="10.45" height="14.27" fill="#fff" opacity="0.3"/>
<rect x="137.29" y="1365.56" width="15.33" height="10.44" fill="#fff" opacity="0.3"/>
<rect x="664.62" y="1224.27" width="10.45" height="15.31" fill="#fff" opacity="0.3"/>
<path d="M260.41,51.93a11.21,11.21,0,1,1-11.21-11.2A11.2,11.2,0,0,1,260.41,51.93Z" fill="#1a1a1c"/>
<circle cx="249.2" cy="51.93" r="7.92" fill="url(#radial-gradient)"/>
</g>
<path d="M677.91,409.71h-2.83V104.4A104.57,104.57,0,0,0,570.58,0H109.42A104.56,104.56,0,0,0,4.93,104.4V275.94H2.09A2.1,2.1,0,0,0,0,278v47.06a2.1,2.1,0,0,0,2.09,2.09H4.93v48.37H2.09A2.1,2.1,0,0,0,0,377.64V477.4a2.09,2.09,0,0,0,2.09,2.09H4.93v27.35H2.09A2.09,2.09,0,0,0,0,508.92v99.77a2.1,2.1,0,0,0,2.09,2.09H4.93V1271.6A104.56,104.56,0,0,0,109.42,1376H570.58a104.57,104.57,0,0,0,104.5-104.4V574h2.83a2.08,2.08,0,0,0,2.09-2.08V411.8A2.09,2.09,0,0,0,677.91,409.71ZM249.2,40.73A11.2,11.2,0,1,1,238,51.93,11.2,11.2,0,0,1,249.2,40.73ZM649.76,1254.82c0,39.94-2.35,97.62-91.69,97.62H120.66c-89.34,0-91.7-57.68-91.7-97.62V112.66c0-61.08,30.57-86.13,82.29-86.13H214.76c8.88,0,8.62,8.09,8.62,8.09v5.75c0,23,20.64,35.53,31.61,35.53H422.64c11,0,31.61-12.57,31.61-35.53V34.62s-.27-8.09,8.62-8.09H567.48c51.72,0,82.28,25,82.28,86.13Z" fill="#383E45" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 7.4 KiB

178
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/macbook_3d_01.svg Normal file
View file

@ -0,0 +1,178 @@
<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>
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

160
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/macbook_3d_02.svg Normal file
View file

@ -0,0 +1,160 @@
<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="[[54.34, 15.04], [98.36, 4.46], [88.91, 88.4], [44.96, 89.01]]">
<defs>
<linearGradient id="gradient_01" x1="1025.31" y1="604.5" x2="1085.34" y2="604.5" gradientTransform="matrix(-1, 0, 0, 1, 1150, 0)" 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" gradientTransform="matrix(-1, 0, 0, 1, 1150, 0)" 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" gradientTransform="matrix(-1, 0, 0, 1, 1150, 0)" 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" gradientTransform="matrix(-1, 0, 0, 1, 1150, 0)" 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" gradientTransform="matrix(-1, 0, 0, 1, 1150, 0)" 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" gradientTransform="matrix(-1, 0, 0, 1, 1150, 0)" 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" gradientTransform="matrix(-1, 0, 0, 1, 1150, 0)" 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" gradientTransform="matrix(-1, 0, 0, 1, 1150, 0)" 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="501.36" y1="599.14" x2="501.36" y2="603.51" gradientTransform="matrix(-1, 0, 0, 1, 1150, 0)" 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_10" cx="298.15" cy="53.91" r="2.86" gradientTransform="matrix(-0.16, -0.99, -0.99, 0.16, 952.27, 340.48)" 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_11" x1="278.02" y1="583.03" x2="338.65" y2="583.03" gradientTransform="matrix(1, 0, 0, -1, 533.33, 1166.07)" 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-2" x1="235.93" y1="583.03" x2="258.57" y2="583.03" gradientTransform="matrix(1, 0, 0, -1, 655.5, 1166.07)" xlink:href="#gradient_11"/>
<linearGradient id="gradient_12" x1="933.54" y1="584.57" x2="967.18" y2="584.57" gradientUnits="userSpaceOnUse">
<stop offset="0"/>
<stop offset="0.31" stop-color="#030303"/>
<stop offset="0.51" stop-color="#0b0b0b"/>
<stop offset="0.67" stop-color="#1a1a1a"/>
<stop offset="0.83" stop-color="#2f2f2f"/>
<stop offset="0.96" stop-color="#4a4a4a"/>
<stop offset="1" stop-color="#525252"/>
</linearGradient>
<linearGradient id="gradient_13" x1="614.08" y1="236.13" x2="830.03" y2="346.57" 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="1134.07 24 624.93 92.1 517.09 544.79 1022.55 541.06 1134.07 24"/>
</clipPath>
<path id="filterPath" d="M0.8892,0.8841l-0.4395,0.0061L0.5434,0.1505l0.4402-0.1059Z"/>
</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="M497.85,610.6l-.25.3h0a3,3,0,0,1-2.33,1.1H445.7a3,3,0,0,1-2.32-1.1h0l-.26-.3Z"/>
<path d="M64.66,601.37s4.64,6.27,7.09,6.27h49.93c2.32,0,2.86-4.91,2.86-4.91Z" fill="url(#gradient_01)"/>
<path d="M445.7,612h49.57a3,3,0,0,0,2.33-1.1h0c1.59-2,5.15-4.9,2.62-4.9H441c-2.53,0,.76,2.94,2.36,4.9h0A3,3,0,0,0,445.7,612Z" fill="url(#gradient_01-2)"/>
<path d="M879,609h49.57a3,3,0,0,0,2.32-1.1h0c1.6-2,5.16-4.9,2.63-4.9h-59.2c-2.53,0,.75,2.94,2.35,4.9h0A3,3,0,0,0,879,609Z" fill="url(#gradient_01-3)"/>
<path d="M498.18,583.51l501.45,15c12.82,0,29.19-.81,33-21.26s114-539.59,116.5-552.13-.55-20.45-6.28-22.91S1129-.25,1123,.29,651,68.46,637.59,70.09s-17.46,12.55-19.1,18.54S498.18,583.51,498.18,583.51Zm18.91-38.72L624.93,92.1l506.25-64.79c-9.76,46.32-108.63,513.75-108.63,513.75Z"/>
<path d="M989.68,598.21l6.31-3.52,8.82-.69c8.19-.68,17.05-8.45,19.92-21.4s115-542.18,116.77-550.9,3.68-19.36-12.14-21.41l-2-.26c5.22-.15,11.11.28,15.54,2.17,5.73,2.46,8.73,10.36,6.28,22.91s-112.68,531.68-116.5,552.13-20.19,21.26-33,21.26Z" fill="url(#gradient_02)"/>
<path d="M989.68,598.21l6.31-3.52,8.82-.69c8.19-.68,17.05-8.45,19.92-21.4s115-542.18,116.77-550.9,3.68-19.36-12.14-21.41l-2-.26c5.22-.15,11.11.28,15.54,2.17,5.73,2.46,8.73,10.36,6.28,22.91s-112.68,531.68-116.5,552.13-20.19,21.26-33,21.26Z" opacity="0.5" fill="url(#gradient_03)"/>
<path d="M1004.81,594c12-1.35,19-13.39,20.77-24.34l1-4.78,8.36-38.2c32.65-154.95,73-342.52,105.17-497.39,1.1-6.39,3.37-12.8,2.36-19.35-1.36-7.33-8.61-9.32-15.19-9.91,6.42.7,13.68,2.61,15,10,.91,6.49-1.44,12.89-2.62,19.21C1106.25,183.75,1067,371.65,1034,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="M1027.46,552.7,508,555.61l-4.5,18.76,498,3.78h15.09C1021.55,578.15,1025.18,566.15,1027.46,552.7Z" fill="url(#gradient_04)"/>
<path d="M990.35,606.38c8.55,0,16.55-4.18,16.55-12.91V571.78H0v18.54c0,5.73,2.32,12.27,16.37,12.27H120.59c2.91,0,3.27,3.91,3.27,3.91l347.4,2.73,459.25-2.91Z" fill="url(#gradient_05)"/>
<path d="M990.35,606.38c8.55,0,16.55-4.18,16.55-12.91V571.78H0v18.54c0,5.73,2.32,12.27,16.37,12.27H120.59c2.91,0,3.27,3.91,3.27,3.91l347.4,2.73,459.25-2.91Z" fill-opacity="0.7" fill="url(#gradient_06)"/>
<path d="M247,571.78l-.07.14S244.72,582,239.4,582H157.28c-2.18,0-6-3.41-6-10.09v-.14Z" opacity="0.63" fill="url(#gradient_07)"/>
<path d="M247,571.78l-.07.14S244.72,582,239.4,582H157.28c-2.18,0-6-3.41-6-10.09v-.14Z" opacity="0.63" fill="url(#gradient_08)"/>
<g opacity="0.63">
<path d="M247,571.78c-1.3,3.67-3.15,9.61-7.71,9.72H158c-4.57.24-6.59-6-6.69-9.73-.27,4.17,1.63,10.65,6.69,10.73h81.29c5.13-.4,6.68-6.62,7.72-10.73Z" fill="#fff"/>
</g>
<path d="M515.09,599.05c-2.18,0-7.23,4.91-7.23,4.91H787.78a3.53,3.53,0,0,0,1.64-2.87,2,2,0,0,0-1.91-2Z" fill="url(#gradient_09)"/>
<path d="M787.78,604c1.82-1.08,2.56-4.58-.27-4.89-23.43.12-46.88.11-70.32.1-58,0-135.62.09-193.37-.06l-8.79,0c-2.85.64-5,3-7.17,4.87,2.14-1.87,4.31-4.28,7.17-4.93l8.79,0c57.65-.15,135.45,0,193.37-.07,23.44,0,46.88,0,70.32.11,2.65.3,2.33,3.76.27,4.93Z" fill="#fff"/>
<ellipse cx="851.85" cy="54.63" rx="3.41" ry="2.18" transform="translate(662.98 887.07) rotate(-80.89)" fill="url(#gradient_10)"/>
<path d="M121.68,607.64H71.75c-1,0-2.38-1.07-3.66-2.32h55.84C123.5,606.5,122.79,607.64,121.68,607.64Z"/>
<path d="M876.69,608l54.47-.44-.32.38a3,3,0,0,1-2.32,1.1H879A3,3,0,0,1,876.69,608Z"/>
<path d="M0,571.78v18.54c0,5.73,2.32,12.27,16.37,12.27H65.62a25,25,0,0,0,4.2,4.22l.27.18.23.14.3.17.21.1a1.75,1.75,0,0,0,.32.12l.16.05a1.75,1.75,0,0,0,.44.07h49.93a1.4,1.4,0,0,0,.41-.06l.13-.05.23-.1a.91.91,0,0,0,.16-.11,1,1,0,0,0,.17-.12L123,607a1.59,1.59,0,0,0,.13-.13c.06-.07.11-.15.17-.23l.09-.12c.06-.1.12-.2.17-.3a.41.41,0,0,0,0-.09l.18-.36a7,7,0,0,1,.12.7L441.7,609c.48.54,1,1.09,1.42,1.6l.26.3a2.93,2.93,0,0,0,1.36.92,2.87,2.87,0,0,0,1,.18h49.57a3,3,0,0,0,1.29-.29,2.75,2.75,0,0,0,.56-.35,3.46,3.46,0,0,0,.48-.46l.25-.3c.42-.49.93-1,1.42-1.55l376.28-2.38c.38.43.76.84,1.07,1.23l.07.06h0a2.87,2.87,0,0,0,1,.76l.06,0a3.42,3.42,0,0,0,.54.18,4.22,4.22,0,0,0,.61.07h49.61a3.12,3.12,0,0,0,2.32-1.1l.09-.11c.39-.46.86-1,1.34-1.47l58.08.06c6.75,0,13.14-2.62,15.54-8,11.41-.61,23.53-3.91,26.75-21.13,3.82-20.45,114-539.59,116.5-552.13s-.55-20.45-6.28-22.91S1129-.25,1123,.29,651,68.46,637.59,70.09s-17.46,12.55-19.1,18.54C617,94.08,519.08,497.43,501,571.78H0Zm517.09-27L624.93,92.1l506.25-64.79c-9.76,46.32-108.63,513.75-108.63,513.75Zm-398.54,57.8h2a3.43,3.43,0,0,1,.57.06Z" opacity="0.3"/>
<rect x="811.35" y="578.94" width="60.63" height="8.18" rx="4.09" transform="translate(1683.33 1166.07) rotate(180)" fill="url(#gradient_11)"/>
<rect x="891.43" y="578.94" width="22.64" height="8.18" rx="4.09" transform="translate(1805.5 1166.07) rotate(180)" fill="url(#gradient_11-2)"/>
<path d="M906,582.85v.27a.77.77,0,0,1-.76.77H891.52a4.11,4.11,0,0,1,0-1.71h13.83A.67.67,0,0,1,906,582.85Z" fill="#c1c1c1" fill-opacity="0.7"/>
<polygon points="933.54 577.86 967.18 577.86 967.18 586.44 962.35 591.28 938.85 591.28 933.71 586.13 933.54 577.86" fill="url(#gradient_12)"/>
<path d="M954,582.66H933.63l0,1.7h20.22a.76.76,0,0,0,.76-.76v-.27A.67.67,0,0,0,954,582.66Z" fill="#c1c1c1" fill-opacity="0.7"/>
<g>
<path d="M118.55,602.59l2.61.06a3.43,3.43,0,0,0-.57-.06Z" fill="none"/>
<path d="M517.09,544.79l505.46-3.73s98.87-467.43,108.63-513.75L624.93,92.1Z" fill="none"/>
<path d="M1142.86,2.2C1137.13-.25,1129-.25,1123,.29S651,68.46,637.59,70.09s-17.46,12.55-19.1,18.54C617,94.08,519.08,497.43,501,571.78H0v18.54c0,5.73,2.32,12.27,16.37,12.27H65.62a25,25,0,0,0,4.2,4.22l.27.18.23.14.3.17.21.1a1.75,1.75,0,0,0,.32.12l.16.05a1.75,1.75,0,0,0,.44.07h49.93a1.4,1.4,0,0,0,.41-.06l.13-.05.23-.1a.91.91,0,0,0,.16-.11,1,1,0,0,0,.17-.12L123,607a1.59,1.59,0,0,0,.13-.13c.06-.07.11-.15.17-.23l.09-.12c.06-.1.12-.2.17-.3a.41.41,0,0,0,0-.09l.18-.36a7,7,0,0,1,.12.7L441.7,609c.48.54,1,1.09,1.42,1.6l.26.3a2.93,2.93,0,0,0,1.36.92,2.87,2.87,0,0,0,1,.18h49.57a3,3,0,0,0,1.29-.29,2.5,2.5,0,0,0,.56-.35,3.46,3.46,0,0,0,.48-.46l.25-.3c.42-.49.93-1,1.43-1.55l376.27-2.38c.38.43.76.84,1.07,1.23l.07.06h0a2.87,2.87,0,0,0,1,.76l.06,0a3.42,3.42,0,0,0,.54.18,4.22,4.22,0,0,0,.61.07h49.61a3.12,3.12,0,0,0,2.32-1.1l.09-.11c.39-.46.86-1,1.34-1.47l58.08.06c6.75,0,13.14-2.62,15.54-8,11.41-.61,23.53-3.91,26.75-21.13,3.82-20.45,114-539.59,116.5-552.13S1148.59,4.66,1142.86,2.2ZM118.55,602.59h2a3.43,3.43,0,0,1,.57.06ZM906,583.12a.77.77,0,0,1-.76.77H891.52a4.11,4.11,0,0,1,0-1.71h13.83a.67.67,0,0,1,.67.67Zm48.63.48a.76.76,0,0,1-.76.76H933.67l0-1.7H954a.67.67,0,0,1,.67.67Zm67.9-42.54-505.46,3.73L624.93,92.1l506.25-64.79C1121.42,73.63,1022.55,541.06,1022.55,541.06Z" fill="#F6F6F6" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
<path d="M948.38,48.84,624.93,92.1,517.09,544.79l94-.69C711.87,395.54,855.48,184.42,948.38,48.84Z" opacity="0.2" fill="url(#gradient_13)"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

100
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/devices/macbook_front.svg Normal file
View file

@ -0,0 +1,100 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1370 835" width="1370" height="835" data-forced-size="true">
<style>
image {
width: calc(100% - 245px);
height: calc(100% - 129px);
}
</style>
<defs>
<linearGradient id="gradient_01" x1="69" y1="5.09" x2="142.5" y2="5.09" gradientTransform="matrix(1, 0, 0, -1, 0, 837.09)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#494949"/>
<stop offset="0.2" stop-color="#202020"/>
<stop offset="0.79" stop-color="#202020"/>
<stop offset="1" stop-color="#494949"/>
</linearGradient>
<linearGradient id="gradient_02" x1="106" y1="2.09" x2="106" y2="5.09" gradientTransform="matrix(1, 0, 0, -1, 0, 837.09)" gradientUnits="userSpaceOnUse">
<stop offset="0.46" stop-color="#555"/>
<stop offset="1" stop-color="#494949" stop-opacity="0"/>
</linearGradient>
<linearGradient id="gradient_03" x1="65" y1="6.59" x2="146" y2="6.59" gradientTransform="matrix(1, 0, 0, -1, 0, 837.09)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#8e8f93"/>
<stop offset="0.05" stop-color="#a7a7a9"/>
<stop offset="0.15" stop-color="#535459"/>
<stop offset="0.38" stop-color="#a7a7a9"/>
<stop offset="0.57" stop-color="#a7a7a9"/>
<stop offset="0.84" stop-color="#535459"/>
<stop offset="0.94" stop-color="#a7a7a9"/>
<stop offset="1" stop-color="#8e8f93"/>
</linearGradient>
<linearGradient id="gradient_01-2" x1="1227" y1="5.09" x2="1300.5" y2="5.09" xlink:href="#gradient_01"/>
<linearGradient id="gradient_02-2" x1="1264" y1="2.09" x2="1264" y2="5.09" xlink:href="#gradient_02"/>
<linearGradient id="gradient_03-2" x1="1223" y1="6.59" x2="1304" y2="6.59" xlink:href="#gradient_03"/>
<linearGradient id="gradient_04" y1="32.09" x2="1370" y2="32.09" gradientTransform="matrix(1, 0, 0, -1, 0, 837.09)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#a0a1a5"/>
<stop offset="0.02" stop-color="#d3d4d9"/>
<stop offset="0.06" stop-color="#6a6b70"/>
<stop offset="0.09" stop-color="#797a7f"/>
<stop offset="0.21" stop-color="#a8a9ae"/>
<stop offset="0.79" stop-color="#a8a9ae"/>
<stop offset="0.92" stop-color="#797a7f"/>
<stop offset="0.95" stop-color="#6a6b70"/>
<stop offset="0.98" stop-color="#d3d4d9"/>
<stop offset="1" stop-color="#a0a1a5"/>
</linearGradient>
<linearGradient id="gradient_05" x1="685" y1="56.09" x2="685" y2="8.09" gradientTransform="matrix(1, 0, 0, -1, 0, 837.09)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#858688" stop-opacity="0"/>
<stop offset="0.65" stop-color="#737479"/>
<stop offset="0.93" stop-color="#b7b8bd"/>
<stop offset="1" stop-color="#858688"/>
</linearGradient>
<linearGradient id="gradient_06" x1="580" y1="48.59" x2="790" y2="48.59" gradientTransform="matrix(1, 0, 0, -1, 0, 837.09)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#575759"/>
<stop offset="0.1" stop-color="#cbccd1"/>
<stop offset="0.5" stop-color="#d0d1d6"/>
<stop offset="0.9" stop-color="#cbccd1"/>
<stop offset="1" stop-color="#575759"/>
</linearGradient>
<linearGradient id="gradient_07" x1="685" y1="83.09" x2="685" y2="56.09" gradientTransform="matrix(1, 0, 0, -1, 0, 837.09)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#232323"/>
<stop offset="1" stop-color="#0a0a0c"/>
</linearGradient>
<radialGradient id="gradient_08" cx="265.29" cy="676.34" r="1" gradientTransform="matrix(0, 5, 5, 0, -2696.72, -1304.46)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#9797ab"/>
<stop offset="0.39" stop-color="#2c2c46"/>
<stop offset="1" stop-color="#3f3f46"/>
</radialGradient>
<path id="filterPath" d="M0.9095,0.8886H0.0899V0.0443H0.9095Z"/>
</defs>
<rect x="123.16" y="37" width="1122.84" height="705"/>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" preserveAspectRatio="xMidYMin slice" x="122" y="36">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
<g id="device">
<path d="M66,829h80l-5.41,5.41a2,2,0,0,1-1.42.59H72.83a2,2,0,0,1-1.42-.59Z" fill="url(#gradient_01)"/>
<path d="M66,829h80l-5.41,5.41a2,2,0,0,1-1.42.59H72.83a2,2,0,0,1-1.42-.59Z" fill-opacity="0.7" fill="url(#gradient_02)"/>
<path d="M65,829h82l-1.83,1.83a4,4,0,0,1-2.83,1.17H69.66a4,4,0,0,1-2.83-1.17Z" fill="url(#gradient_03)"/>
<path d="M1224,829h80l-5.41,5.41a2,2,0,0,1-1.42.59h-66.34a2,2,0,0,1-1.42-.59Z" fill="url(#gradient_01-2)"/>
<path d="M1224,829h80l-5.41,5.41a2,2,0,0,1-1.42.59h-66.34a2,2,0,0,1-1.42-.59Z" fill-opacity="0.7" fill="url(#gradient_02-2)"/>
<path d="M1223,829h82l-1.83,1.83a4,4,0,0,1-2.83,1.17h-72.68a4,4,0,0,1-2.83-1.17Z" fill="url(#gradient_03-2)"/>
<g>
<path d="M0,783a2,2,0,0,1,2-2H1368a2,2,0,0,1,2,2v21a25,25,0,0,1-25,25H25A25,25,0,0,1,0,804Z" fill="url(#gradient_04)"/>
<path d="M0,783a2,2,0,0,1,2-2H1368a2,2,0,0,1,2,2v21a25,25,0,0,1-25,25H25A25,25,0,0,1,0,804Z" fill-opacity="0.7" fill="url(#gradient_05)"/>
</g>
<path d="M580,781H790a15,15,0,0,1-15,15H595A15,15,0,0,1,580,781Z" fill="url(#gradient_06)"/>
<path d="M1234,0H136a29,29,0,0,0-29,29V781H1263V29A29,29,0,0,0,1234,0Zm12,742H123.16V37H1246Z" fill="#6d6e70"/>
<path d="M1234,2H136a27,27,0,0,0-27,27V781H1261V29A27,27,0,0,0,1234,2Zm12,740H123.16V37H1246Z" fill="#1f1f1f"/>
<path d="M1234,5H136a24,24,0,0,0-24,24V754H1258V29A24,24,0,0,0,1234,5Zm12,737H123.16V37H1246Z"/>
<rect x="112" y="754" width="1146" height="27" fill="url(#gradient_07)"/>
<path d="M1232,17H138a14,14,0,0,0-14,14v6H1246V31A14,14,0,0,0,1232,17Z" fill="#fff"/>
<path d="M124,31a14,14,0,0,1,14-14H1232a14,14,0,0,1,14,14V741a1,1,0,0,1-1,1H125a1,1,0,0,1-1-1Z" fill="none"/>
<path d="M614,17h9a3,3,0,0,1,3,3V31a6,6,0,0,0,6,6H739a5,5,0,0,0,5-5V20a3,3,0,0,1,3-3H614Z"/>
<rect x="123.16" y="16.63" width="1124.89" height="20.37"/>
<circle cx="685" cy="22" r="5" fill="url(#gradient_08)"/>
<path d="M1368,781H1263V29a29,29,0,0,0-29-29H136a29,29,0,0,0-29,29V781H2a2,2,0,0,0-2,2v21a25,25,0,0,0,25,25H65l1.83,1.83a4,4,0,0,0,2.1,1.1l2.48,2.48a2,2,0,0,0,1.42.59h66.34a2,2,0,0,0,1.42-.59l2.48-2.48a4,4,0,0,0,2.1-1.1L147,829H1223l1.83,1.83a4,4,0,0,0,2.1,1.1l2.48,2.48a2,2,0,0,0,1.42.59h66.34a2,2,0,0,0,1.42-.59l2.48-2.48a4,4,0,0,0,2.1-1.1L1305,829h40a25,25,0,0,0,25-25V783A2,2,0,0,0,1368,781Zm-107,0H109V29A27,27,0,0,1,136,2H1234a27,27,0,0,1,27,27Z" fill="#000" style="mix-blend-mode: saturation"/>
<path d="M1368,781H1263V29a29,29,0,0,0-29-29H136a29,29,0,0,0-29,29V781H2a2,2,0,0,0-2,2v21a25,25,0,0,0,25,25H65l1.83,1.83a4,4,0,0,0,2.1,1.1l2.48,2.48a2,2,0,0,0,1.42.59h66.34a2,2,0,0,0,1.42-.59l2.48-2.48a4,4,0,0,0,2.1-1.1L147,829H1223l1.83,1.83a4,4,0,0,0,2.1,1.1l2.48,2.48a2,2,0,0,0,1.42.59h66.34a2,2,0,0,0,1.42-.59l2.48-2.48a4,4,0,0,0,2.1-1.1L1305,829h40a25,25,0,0,0,25-25V783A2,2,0,0,0,1368,781Zm-107,0H109V29A27,27,0,0,1,136,2H1234a27,27,0,0,1,27,27Z" fill="#000" opacity="0.25"/>
<path d="M1368,781H1263V29a29,29,0,0,0-29-29H136a29,29,0,0,0-29,29V781H2a2,2,0,0,0-2,2v21a25,25,0,0,0,25,25H65l1.83,1.83a4,4,0,0,0,2.1,1.1l2.48,2.48a2,2,0,0,0,1.42.59h66.34a2,2,0,0,0,1.42-.59l2.48-2.48a4,4,0,0,0,2.1-1.1L147,829H1223l1.83,1.83a4,4,0,0,0,2.1,1.1l2.48,2.48a2,2,0,0,0,1.42.59h66.34a2,2,0,0,0,1.42-.59l2.48-2.48a4,4,0,0,0,2.1-1.1L1305,829h40a25,25,0,0,0,25-25V783A2,2,0,0,0,1368,781Zm-107,0H109V29A27,27,0,0,1,136,2H1234a27,27,0,0,1,27,27Z" fill="#F6F6F6" style="mix-blend-mode: overlay" opacity="0.75"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 8 KiB

106
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/float/flt_planets_1.svg Normal file
View file

@ -0,0 +1,106 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.7306.2009c.0859.0167.2194.0167.2194.0586c0 .0418-.1336.1339-.1908.2259c-.0572.0921-.0318.1883-.0508.2301c-.0191.0418-.0827.0251-.1717.0753c-.089.0502-.2067.1632-.3053.159c-.0986-.0042-.1814-.1297-.1814-.2595c0-.1297.0827-.2677.1399-.3808c.0604-.1172.0954-.2134.1526-.2469c.0572-.0335.1399.0041.2003.046c.0636.0336.1018.0754.1876.0922z">
<animate dur="100s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.7306.2009c.0859.0167.2194.0167.2194.0586c0 .0418-.1336.1339-.1908.2259c-.0572.0921-.0318.1883-.0508.2301c-.0191.0418-.0827.0251-.1717.0753c-.089.0502-.2067.1632-.3053.159c-.0986-.0042-.1814-.1297-.1814-.2595c0-.1297.0827-.2677.1399-.3808c.0604-.1172.0954-.2134.1526-.2469c.0572-.0335.1399.0041.2003.046c.0636.0336.1018.0754.1876.0922z;
M.6328.2501c.0698.0667.1807.0627.2441.1255c.0634.0588.0856.1842.0666.3019c-.019.1176-.0761.2313-.1585.2627c-.0824.0314-.1839-.0157-.2505-.0824c-.0666-.0667-.0919-.1489-.1489-.1921c-.0539-.0431-.1363-.0471-.2124-.1058c-.0761-.0588-.1489-.1764-.1141-.2274c.038-.0548.1806-.0431.2726-.1019c.0887-.0588.1268-.1842.1616-.1804c.0349.004.0666.1333.1395.2z;
M.7259.05c.0824 0 .1427.113.1808.242c.0381.1291.0571.2743.0318.4034c-.0285.1291-.1015.2461-.1935.2542c-.092.0081-.1999-.0887-.2824-.1412c-.0825-.0525-.13-.0564-.2157-.0645c-.0825-.0121-.1999-.0323-.1967-.0847c.0032-.0525.13-.1412.203-.1936c.073-.0525.0952-.0726.1174-.0968c.0222-.0242.0445-.0525.1047-.125c.0635-.0767.1682-.1937.2507-.1937z;
M.763.0904c.0256.0646-.0319.2242.0032.3458c.0351.1254.1661.2128.1821.2888c.0159.076-.0831.1406-.1725.1824c-.0895.0418-.1725.057-.2332.0266c-.0639-.0304-.1086-.1102-.1693-.1596c-.0639-.0494-.147-.076-.2172-.1482c-.0703-.0722-.1309-.1938-.0959-.266c.0351-.0722.1661-.0912.2587-.1292c.0926-.038.1501-.095.2332-.1368c.0768-.0418.1854-.0722.2109-.0038z;
M.7948.0851c.0763.0459.124.1569.1463.2678c.0191.111.0095.2257-.0477.2831c-.0572.0574-.1654.0574-.2385.111c-.0699.0536-.1049.153-.159.1875c-.0541.0345-.1336.0077-.2131-.0421c-.0827-.0459-.1686-.111-.2067-.2066c-.0382-.0957-.0318-.2181.0032-.329c.0318-.1071.0922-.2027.1686-.2487c.0763-.0459.1717-.0459.2704-.0498c.0985-.0076.2003-.0229.2767.0268z;
M.7306.2009c.0859.0167.2194.0167.2194.0586c0 .0418-.1336.1339-.1908.2259c-.0572.0921-.0318.1883-.0508.2301c-.0191.0418-.0827.0251-.1717.0753c-.089.0502-.2067.1632-.3053.159c-.0986-.0042-.1814-.1297-.1814-.2595c0-.1297.0827-.2677.1399-.3808c.0604-.1172.0954-.2134.1526-.2469c.0572-.0335.1399.0041.2003.046c.0636.0336.1018.0754.1876.0922z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#group_1" attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 0;0 30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#group_2" attributeName="transform" attributeType="XML" type="translate" dur="30s" begin="2s" values="0 0;0 30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#group_3" attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 0;10 30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#group_3" attributeName="transform" attributeType="XML" type="rotate" dur="30s" values="0;5;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
<animateTransform xlink:href="#group_4" attributeName="transform" attributeType="XML" type="translate" dur="30s" begin="3s" values="0 0;10 30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#group_4" attributeName="transform" attributeType="XML" type="rotate" dur="30s" begin="3s" values="0;-5;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
<animateTransform xlink:href="#group_5" attributeName="transform" attributeType="XML" type="translate" dur="30s" begin="2s" values="0 0;20 30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#group_5" attributeName="transform" attributeType="XML" type="rotate" dur="30s" begin="2s" values="0;5;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
<animateTransform xlink:href="#group_6" attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 0;-10 -30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#group_6" attributeName="transform" attributeType="XML" type="rotate" dur="30s" values="0;-5;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
</g>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg class="background" viewBox="0 0 1134.56 934.14" preserveAspectRatio="xMidYMid meet">
<g id="group_1">
<path d="M710.39,2.56a97,97,0,0,1,21.9,41.7,1.5,1.5,0,0,0,2.9-.8,100.31,100.31,0,0,0-22.6-43c-1.3-1.4-3.5.7-2.2,2.1Z" fill="#383E45" opacity=".1"/>
<path d="M736.09,15.36a126.56,126.56,0,0,1,10.7,41.4c.2,1.9,3.2,1.9,3,0a127.66,127.66,0,0,0-11.1-42.9c-.8-1.8-3.4-.3-2.6,1.5Z" fill="#383E45" opacity=".1"/>
</g>
<g id="group_2">
<path d="M49.79,417.86c-3.5,10-7.2,20-14,28.3-1.2,1.5.9,3.6,2.1,2.1,7.1-8.7,11.1-19.1,14.8-29.6.6-1.8-2.3-2.6-2.9-.8Z" fill="#383E45" opacity=".1"/>
<path d="M49.79,418.66c2.2,4.9,2.9,10.6,4.6,15.7a117.9,117.9,0,0,0,5.7,13.8c.8,1.7,3.4.2,2.6-1.5a115.28,115.28,0,0,1-6.5-16.5c-1.3-4.3-2-8.9-3.8-13-.8-1.8-3.3-.2-2.6,1.5Z" fill="#383E45" opacity=".1"/>
<path d="M36.49,448.16c2.9,1.2,4.9,6.9,6.1,9.6a63.87,63.87,0,0,1,4.1,12.1,1.5,1.5,0,0,0,2.9-.8,78,78,0,0,0-5.4-14.9c-1.6-3.3-3.3-7.4-6.9-8.9-1.8-.8-2.5,2.1-.8,2.9Z" fill="#383E45" opacity=".1"/>
<path d="M49.69,470.46a170.94,170.94,0,0,1,12.2-22.2c1.1-1.6-1.5-3.1-2.6-1.5A170.94,170.94,0,0,0,47.09,469c-.8,1.8,1.8,3.3,2.6,1.5Z" fill="#383E45" opacity=".1"/>
<path d="M2,535.76c-4.6,4.4-.5,11.2,5.1,11.8,3.8.4,12.8-4,12.8,2.3,0,3.1-.8,6.3.9,9.1a7.16,7.16,0,0,0,6.6,3.3c4-.1,7.7-4,10,.8,1.3,2.8,1.5,5.3,4.7,6.7a5.21,5.21,0,0,0,7-2c2.2-3.2-3-6.2-5.2-3,.7-1-1.7-6.5-2.5-7.5a7.11,7.11,0,0,0-4.6-2.9,12,12,0,0,0-5.9.8c-3,.9-5.4,1.6-5.3-2.4s.6-8.6-3.4-11.2a10,10,0,0,0-6.1-1.3,22,22,0,0,0-3.7.6c-.9.2-8.3,1.1-6.2-.9,2.8-2.6-1.4-6.8-4.2-4.2Z" fill="#3AADAA"/>
<path d="M33.09,532.46c.6,3.4,1.3,6.9,1.9,10.3a3,3,0,0,0,2.9,2.2c3.8-.1,5.9-2,9.1-3.6,5.3-2.7,3.7,2.2,4.5,5.7a7,7,0,0,0,4.5,5.3c4.7,1.6,8.7,1.5,12.8,4.9,3,2.4,7.2-1.8,4.2-4.2a24.91,24.91,0,0,0-11.1-5.6,11.09,11.09,0,0,1-3.5-.8c-1.6-.9-1.2-1.4-1.2-3.3a15.94,15.94,0,0,0-.7-4.8,6.85,6.85,0,0,0-7-4c-4.4.3-7.3,4.6-11.6,4.6,1,.7,1.9,1.5,2.9,2.2-.6-3.4-1.3-6.9-1.9-10.3-.7-4-6.5-2.4-5.8,1.4Z" fill="#3AADAA"/>
</g>
<g id="group_3" transform-origin="center">
<polygon points="1015.78 359.26 1005.49 355.26 996.38 361.36 996.99 350.36 988.28 343.56 998.99 340.76 1002.78 330.36 1008.78 339.76 1019.78 340.16 1012.78 348.66 1015.78 359.26" fill="none" stroke="#383E45" stroke-miterlimit="10" stroke-width="3" opacity=".1"/>
<path d="M998.19,324.56a316.39,316.39,0,0,1,55.6-69.6c1.4-1.3-.7-3.4-2.1-2.1a317.27,317.27,0,0,0-56.1,70.2,1.5,1.5,0,0,0,2.6,1.5Z" fill="#383E45" opacity=".1"/>
<path d="M1019.79,319.56a372.21,372.21,0,0,1,90.6-94.2c1.5-1.1.1-3.7-1.5-2.6a375.54,375.54,0,0,0-91.6,95.3c-1.2,1.6,1.4,3.1,2.5,1.5Z" fill="#383E45" opacity=".1"/>
<path d="M1025.19,348.36c11.8-14.5,24.4-28.5,37.5-41.8,1.4-1.4-.8-3.5-2.1-2.1-13.2,13.3-25.7,27.3-37.5,41.8-1.2,1.4.9,3.6,2.1,2.1Z" fill="#383E45" opacity=".1"/>
<ellipse cx="1016.99" cy="94.36" rx="53" ry="52.1" fill="#7C6576"/>
<ellipse cx="992.79" cy="258.56" rx="28.7" ry="29.4" fill="#3AADAA"/>
<path d="M882.09,129.76c7.7,0,7.7-12,0-12s-7.7,12,0,12Z" fill="#3AADAA"/>
<path d="M1089.49,212.66c-4.2-4.1-2.5-12.6,3.2-14.6,7.1-2.4,12.9,7,9.6,12.9a1.5,1.5,0,0,0,2.6,1.5c4.5-7.9-2.8-19.7-12.3-17.5-8.4,2-11.3,14-5.3,19.8,1.4,1.3,3.5-.8,2.2-2.1Z" fill="#7C6576"/>
</g>
<g id="group_4">
<path d="M389.89,749.46a49.52,49.52,0,0,1-13.4,27.8c-1.3,1.4.8,3.5,2.1,2.1a52.18,52.18,0,0,0,14.1-29.2c.3-1.8-2.6-2.6-2.8-.7Z" fill="#383E45" opacity=".1"/>
<path d="M390.29,751.16a92.08,92.08,0,0,0,15,23.5c1.3,1.5,3.4-.7,2.1-2.1a84.57,84.57,0,0,1-14.5-22.9c-.7-1.8-3.3-.3-2.6,1.5Z" fill="#383E45" opacity=".1"/>
<path d="M379.39,778.76c-.1-.2-.3-.5-.4-.7l-2.4,1.8a63,63,0,0,1,15.5,20c.8,1.7,3.4.2,2.6-1.5a65.55,65.55,0,0,0-15.9-20.7,1.52,1.52,0,0,0-2.4,1.8c.1.2.3.5.4.7.9,1.8,3.5.3,2.6-1.4Z" fill="#383E45" opacity=".1"/>
<path d="M395,799a135.48,135.48,0,0,1,12.1-23.3c1-1.6-1.5-3.1-2.6-1.5a140.6,140.6,0,0,0-12.4,24.1c-.7,1.7,2.2,2.5,2.9.7Z" fill="#383E45" opacity=".1"/>
<path d="M282.69,713.56c1.9,3,5.1,1.9,6.5-1,3.2-6.5,3-14.2,10.2-18.3,7.5-4.3,12.3,2.8,19.4,3.6,5.5.6,10.9-2.3,14.6-6.1,4.5-4.7,6.9-10.9,10-16.6,1.8-3.3,4.2-5,7.6-2.3,1.1.9,2,2,3,2.9a16.4,16.4,0,0,0,4.7,3,19.23,19.23,0,0,0,23.8-7.8,1.5,1.5,0,0,0-2.6-1.5,15.78,15.78,0,0,1-13.8,7.8c-6.6,0-9.2-3.9-14.1-7.4-9.2-6.6-13.2,8.4-16.6,14.2-3.9,6.5-10.7,13-18.9,10.2-4.6-1.6-8.1-5-13.3-4.3a15.66,15.66,0,0,0-10.5,6.6,30.07,30.07,0,0,0-3.3,6.1c-.6,1.5-1.1,3-1.6,4.6-.2.5-1.9,5.5-2.4,4.8-1.2-1.6-3.8-.1-2.7,1.5Z" fill="#383E45" opacity=".1"/>
<path d="M346.69,701.66c1.4-11.3,17.6-3.2,23.6-2.6,5.6.6,10.4-1.3,13.1-6.4,1.8-3.5,2.4-7.8,6.8-9.3,3.6-1.2,7.9-.4,11.6-.9a43.81,43.81,0,0,0,19-7.6c1.6-1.1.1-3.7-1.5-2.6a42.34,42.34,0,0,1-13,6.3c-4.6,1.2-9,1.1-13.7,1.5-7.4.7-8.6,5.4-11.7,11.2-5.7,10.5-17.7,1.2-26.3,1.5-5.4.2-10.1,3.5-10.8,9-.4,1.8,2.6,1.8,2.9-.1Z" fill="#383E45" opacity=".1"/>
<path d="M306.59,811.46c-6-6.9-2.5-19,7.7-18.6,8.9.4,11.9,12.4,3.9,16.6-1.7.9-.2,3.5,1.5,2.6,10.2-5.4,6.8-21-4.6-22.1-13.3-1.3-18.6,14.4-10.7,23.6,1.3,1.5,3.4-.6,2.2-2.1Z" fill="#7C6576"/>
<path d="M293.39,672.56c-3.4-2.7-10.4-9.8-1.2-11.9,1.8-.4,3.5.4,5.3-.3,3.6-1.4,4.8-5.3,4.7-8.9a41.32,41.32,0,0,0-1.4-7c-.6-2.7-1.8-5.8,2-5.9.7,0,1.4.3,2.2.3,3.5,0,6-2.4,7.2-5.5.7-1.8-2.2-2.6-2.9-.8-2.4,6.6-10.3-1.2-11.8,6.4-1.1,5.9,6.6,18.1-3.7,18.7-4.1.2-7.7.1-8.8,5-1.1,5.1,2.8,8.9,6.4,11.8,1.3,1.4,3.5-.7,2-1.9Z" fill="#7C6576"/>
<path d="M315.59,658.56c-1.5-2.5-4-6.9-2.9-10,1.2-3.3,6.8-3,9.4-5.2a11.21,11.21,0,0,0,3.6-11.8,1.5,1.5,0,0,0-2.9.8,8,8,0,0,1-1.6,7.7c-1.9,2.1-4,2-6.4,2.9a7.73,7.73,0,0,0-4.5,3.4c-2.2,4.4.4,9.9,2.7,13.7,1,1.6,3.6.1,2.6-1.5Z" fill="#7C6576"/>
</g>
<g id="group_5">
<path d="M174.29,247.46a56.67,56.67,0,0,1-11.7,21.9c-1.3,1.5.9,3.6,2.1,2.1a59.57,59.57,0,0,0,12.5-23.2c.5-1.8-2.4-2.6-2.9-.8Z" fill="#383E45" opacity=".1"/>
<path d="M174.09,249c1.8,7.5,3.6,16.3,8.6,22.4,1.2,1.5,3.3-.6,2.1-2.1-4.6-5.5-6.2-14.2-7.8-21-.4-2-3.3-1.2-2.9.7Z" fill="#383E45" opacity=".1"/>
<path d="M161.89,272.26c2.7,1.5,4.9,7.5,6.2,10.3a71.47,71.47,0,0,1,4.3,11.7,1.5,1.5,0,0,0,2.9-.8,86.5,86.5,0,0,0-5.3-13.9c-1.5-3.1-3.4-8.2-6.6-10-1.7-.8-3.2,1.7-1.5,2.7Z" fill="#383E45" opacity=".1"/>
<path d="M175.49,293.56a146.53,146.53,0,0,1,9.3-22c.9-1.7-1.7-3.2-2.6-1.5a156,156,0,0,0-9.6,22.7c-.6,1.8,2.3,2.6,2.9.8Z" fill="#383E45" opacity=".1"/>
<path d="M339.49,59.26c-1.9-13.1,14.5-16.9,23.4-21.1a106,106,0,0,0,12.9-7.9c2.1-1.4,4.2-2.8,6.4-4,2.6-1.4,5.8-3.6,8-.8,1.6,2,.9,2.5-.1,4.7-.5,1-1,2.1-1.6,3.1a35,35,0,0,1-5,7.1c-4.1,4.3-10,4.9-15.3,7a72.22,72.22,0,0,0-11.8,5.9c-4.7,3-10.6,9.7-16.6,6.3a1.5,1.5,0,0,0-1.5,2.6c5.3,3,10.3.3,14.8-2.9a75.65,75.65,0,0,1,22.4-11.1c6.5-2,10.6-5.3,14.3-11.1,2.1-3.3,6.9-10.1,3.8-14.1-2.8-3.5-8.2-1.6-11.5,0-7,3.6-13,8.8-20.1,12.3-10.7,5.2-27.7,9.4-25.5,24.9.4,1.8,3.3,1,3-.9Z" fill="#383E45" opacity=".1"/>
<path d="M174.79,327.66c-3.1,5-1.6,11.6,3,15.3,6.8,5.4,14.1-.4,19.9-4.3,4.8-3.3,11.7-5.5,15,.9,1.5,3,2,6.5,3.4,9.6a9.28,9.28,0,0,0,4.8,5.3c4.6,2,9.1-1.5,13.8-.8,1.9.3,2.7-2.6.8-2.9-3.4-.5-6.1.7-9.4,1.2-5.6.7-7.1-3-8.5-7.4s-2.7-9.5-7.3-11.5c-5.9-2.6-11.9,1.6-16.6,4.8-3.8,2.7-8.8,6.1-13.5,3.2a8.81,8.81,0,0,1-2.8-11.8,1.53,1.53,0,0,0-2.6-1.6Z" fill="#383E45" opacity=".1"/>
<path d="M232.39,321.76c-2,5.3,1.8,9.7,6.6,11.5,4.2,1.6,26.2,2.7,25,9.5-.3,1.9,2.5,2.7,2.9.8,2.9-15.5-37.1-6.5-31.6-21,.7-1.8-2.2-2.6-2.9-.8Z" fill="#383E45" opacity=".1"/>
<path d="M127.49,310.76a1.5,1.5,0,0,0,0-3,1.5,1.5,0,0,0,0,3Z" fill="#3AADAA"/>
<path d="M126.19,315.26c7.7,0,7.7-12,0-12s-7.7,12,0,12Z" fill="#3AADAA"/>
<path d="M253.49,181.16c-6-3.9-11.1-9.4-12.8-16.6-1.6-6.7.7-14.6,6.6-18.6s13.9-2.3,20.7-2.8a48.33,48.33,0,0,0,15.9-4c22.7-9.7,36.6-31.3,53.7-47.9,8.7-8.4,19.1-16.6,31.2-19.3,11.2-2.5,26.1.2,28.9,13.3,3.3,15.3-10.9,26.6-22,34.1-12.7,8.5-25.4,16.9-38.1,25.4-13.8,9.2-27.4,18.9-41.6,27.5-13.2,8.1-29.9,14.5-44.5,5.9a1.5,1.5,0,0,0-1.5,2.6c12,7.1,26.3,5,38.4-.8,15.6-7.4,29.9-18.7,44.2-28.2,14.9-9.9,29.8-19.7,44.7-29.7,10.9-7.3,22.4-16.4,23.7-30.5,1.1-11.8-6.9-20.8-18.3-22.8-12.3-2.2-24.4,2.9-34.3,9.8-24.3,17-38.5,47.4-67,58.6a47.83,47.83,0,0,1-13.3,3.2c-4.4.3-8.8-.2-13.2.3-6.6.7-12,3.9-15.1,9.8-6.7,12.8,1.3,26.3,12.3,33.4,1.5.9,3-1.6,1.4-2.7Z" fill="#383E45" opacity=".1"/>
<path d="M258.59,163.06c-3.1-.5-2.7-3.2-2-5,.9-2.2,2.8-3,5-3.7a48,48,0,0,1,7.6-1.1,74.83,74.83,0,0,0,16.2-4.5,113.6,113.6,0,0,0,27.5-16.7c9.5-7.6,18.1-16.1,27-24.4,8.7-8.2,18.4-18.5,31.3-18.1l-1.5-1.5c1.1,11.7-9.7,19.5-18.2,25.5-10.2,7.2-20.3,14.5-30.5,21.7-9.4,6.7-18.7,13.7-28.3,20a79.16,79.16,0,0,1-15.2,8.1c-5.2,1.9-13.3,4.8-17.6-.1-1.3-1.4-3.4.7-2.1,2.1,6.8,7.7,20.5,1.4,27.8-2.4,12.6-6.5,23.9-15.8,35.5-24,12-8.6,24.3-16.9,36.2-25.8,8.1-6.1,16.6-14.2,15.6-25.2a1.54,1.54,0,0,0-1.5-1.5c-13.5-.4-23.7,9.8-32.8,18.4-11.5,10.8-22.6,22.1-35.6,31a99.22,99.22,0,0,1-19.8,10.6c-6.8,2.6-13.6,3.4-20.7,4.8-4.1.8-8.3,2.7-9.1,7.2-.6,3.4,1,7,4.7,7.6,1.6.2,2.5-2.7.5-3Z" fill="#383E45" opacity=".1"/>
<path d="M374.29,122.16c1.8-2.4,3.8-2.8,6-1a7.68,7.68,0,0,1,1.8,5c.1,1.8-.7,3.5-.8,5.3-.1,1.6.1,3.1,1.4,4.1,2.8,2.1,6.6-.5,8.3-2.8.8-1.1,1.5-3.2,2.6-3.9,4.4-2.9,4.1,1.3,4.9,3.1a5.75,5.75,0,0,0,2.8,3.3c4.9,2.4,8.9-2.4,11.2-6.1,1-1.6-1.6-3.1-2.6-1.5-1.5,2.3-5.3,8.5-8.8,2.9-.6-1-.5-2.5-1.1-3.6a4.9,4.9,0,0,0-3.6-2.8c-2-.2-3.7,1.1-5,2.5-1.8,1.9-6.6,10.9-6.9,3.2-.1-4.6,1-10-4.3-12.3a6.55,6.55,0,0,0-9,3.7c-.4,1.9,2.5,2.7,3.1.9Z" fill="#7C6576"/>
<path d="M375.59,109.36a7.35,7.35,0,0,1,10.8,1.4c1.4,2.2.4,5.1,1.9,7.2a3.18,3.18,0,0,0,3.6,1.4,7.72,7.72,0,0,0,2.4-1.2c3.2-2,6-2.8,9,.4,1.3,1.4,3.4-.7,2.1-2.1a9.12,9.12,0,0,0-9.3-2.8c-1.8.6-4.5,3.3-5.5,1.3-.7-1.3-.3-3.3-.9-4.7-2.8-6-11.3-7.4-16-3-1.7,1.3.5,3.4,1.9,2.1Z" fill="#7C6576"/>
<ellipse cx="126.69" cy="158.06" rx="62.1" ry="60.9" fill="#3AADAA"/>
<path d="M72.89,218.36c-2.8,1.9-7.9,5.9-11.6,3.3-4.1-2.8.5-10.2,2-13.1a104.36,104.36,0,0,1,12.3-18.5c9.5-11.6,20.8-21.6,32.2-31.3,2.9-2.5-1.3-6.7-4.2-4.2-15.7,13.4-31.4,27.5-42.3,45.4-3.7,6.1-10.6,16.3-6.4,23.6,4.8,8.3,14.9,4.2,20.9.1,3.3-2.3.3-7.5-2.9-5.3Z" fill="#383E45"/>
<path d="M130.09,139.46l27-21.9c3-2.4-1.3-6.7-4.2-4.2l-27,21.9c-3.1,2.4,1.2,6.6,4.2,4.2Z" fill="#383E45"/>
<path d="M181.39,105.66c4.6-2.4,21.3-12.2,24.3-4.3,2.6,6.8-3.8,16.7-7.9,21.7-2.4,3,1.8,7.2,4.2,4.2,6-7.3,14-20.8,8.2-30.4-6.6-10.8-24.1-.5-31.9,3.6-3.4,1.8-.3,7,3.1,5.2Z" fill="#383E45"/>
<path d="M97.29,189.76a290.88,290.88,0,0,1,45.4-41.9c3.1-2.3.1-7.5-3-5.2a295.85,295.85,0,0,0-46.6,42.9c-2.6,2.8,1.6,7.1,4.2,4.2Z" fill="#383E45"/>
</g>
<g id="group_6">
<path d="M984.59,762.66a47.4,47.4,0,0,1-9.2,16c-1.3,1.5.9,3.6,2.1,2.1a50.88,50.88,0,0,0,10-17.3c.6-1.8-2.3-2.6-2.9-.8Z" fill="#383E45" opacity=".1"/>
<path d="M984.39,765.16c1.4,2.6,1.7,5.7,2.9,8.5a35.43,35.43,0,0,0,4.2,7.3c1.1,1.5,3.7,0,2.6-1.5a31.14,31.14,0,0,1-4.5-8.2c-.9-2.5-1.3-5.2-2.6-7.6-.9-1.7-3.5-.2-2.6,1.5Z" fill="#383E45" opacity=".1"/>
<path d="M975.49,780a45.32,45.32,0,0,1,5.7,12.2,1.48,1.48,0,0,0,2.7.4,27.39,27.39,0,0,1,8.9-10.5c1.6-1.1.1-3.7-1.5-2.6a31.94,31.94,0,0,0-10,11.6,25.12,25.12,0,0,1,2.7.4,50.56,50.56,0,0,0-6-12.9c-1-1.7-3.6-.2-2.5,1.4Z" fill="#383E45" opacity=".1"/>
<path d="M794.49,670.16c-.8,6.2,4.4,10.8,10.4,11.3,10.5.7,16.8-10.7,26.6-12.5,7.3-1.3,10,4.5,13.9,9.3A17.9,17.9,0,0,0,854,684a19.15,19.15,0,0,0,19.5-5.2c1.3-1.4-.8-3.5-2.1-2.1a16,16,0,0,1-20.2,2.7c-5.7-3.6-7.2-11.4-14.1-13.3-6.2-1.7-12.4,1.8-17.2,5.3-3.1,2.3-6.2,4.8-9.9,6.1-4.6,1.6-13.4.3-12.4-6.6,0-1.8-2.8-2.6-3.1-.7Z" fill="#383E45" opacity=".1"/>
<path d="M830.09,700.36a27.56,27.56,0,0,1,23.3-1c5.5,2.4,9.6,6.7,16,6.4,5.7-.2,10.8-3.3,15.7-6,6.1-3.3,17.9-7.6,21.1,1.9.6,1.8,3.5,1,2.9-.8-1.8-5.1-6.6-7.9-11.9-8.1-8.2-.2-14.7,5.9-22,8.6-5.6,2.1-10,1.3-15.1-1.7a35.59,35.59,0,0,0-10.3-4.7,31.38,31.38,0,0,0-21.3,2.7c-1.6,1-.1,3.5,1.6,2.7Z" fill="#383E45" opacity=".1"/>
<path d="M713.09,875.86a31.73,31.73,0,0,1-8.9,24.1l2.4,1.8a49.25,49.25,0,0,0,6.2-12.6c.6-1.8-2.3-2.6-2.9-.8a44.08,44.08,0,0,1-5.9,11.9c-1,1.4,1.2,3,2.4,1.8a35,35,0,0,0,9.7-26.2c-.1-1.9-3.1-1.9-3,0Z" fill="#383E45" opacity=".1"/>
<path d="M713.19,876.26a44.56,44.56,0,0,0,11.6,21.8c1.3,1.4,3.5-.7,2.1-2.1a42.48,42.48,0,0,1-10.8-20.5c-.4-1.9-3.3-1.1-2.9.8Z" fill="#383E45" opacity=".1"/>
<path d="M703.79,904.46a73,73,0,0,1,12.9,19.1c.8,1.8,3.4.2,2.6-1.5a71.56,71.56,0,0,0-13.4-19.7c-1.3-1.5-3.4.7-2.1,2.1Z" fill="#383E45" opacity=".1"/>
<path d="M719,923.56c3.2-7.6,6.5-15.1,9.7-22.7.8-1.8-1.8-3.3-2.6-1.5-3.2,7.6-6.5,15.1-9.7,22.7-.7,1.8,1.9,3.3,2.6,1.5Z" fill="#383E45" opacity=".1"/>
<ellipse cx="858.59" cy="756.06" rx="58.6" ry="57.7" fill="#7C6576"/>
<path d="M822.69,706.46c1.5-11.2,16.7-6.4,22.9-3.5a107.67,107.67,0,0,1,17.6,10.5,123.44,123.44,0,0,1,30.5,33.1,164.7,164.7,0,0,1,19.4,44.2c2,7.1,14.4,49.7-3.3,45.1-3.7-1-5.3,4.8-1.6,5.8,5.8,1.5,11.4-1.2,14.6-6.2,3.8-6,2.8-13.6,1.7-20.2a202.48,202.48,0,0,0-13.3-47.7c-11.8-28.1-31.7-53.6-59.1-67.9-7-3.6-15.2-7.6-23.3-5.9a14.74,14.74,0,0,0-12.2,12.8c-.4,3.8,5.6,3.7,6.1-.1Z" fill="#383E45"/>
<path d="M890.79,762.86a91.19,91.19,0,0,1,14.8,53c-.1,3.9,5.9,3.9,6,0a95.66,95.66,0,0,0-15.6-56c-2.1-3.3-7.3-.3-5.2,3Z" fill="#383E45"/>
<path d="M835,685.66a45.57,45.57,0,0,1,27,13.2c2.7,2.7,7-1.5,4.2-4.2a51.66,51.66,0,0,0-31.2-15c-3.8-.4-3.8,5.6,0,6Z" fill="#383E45"/>
</g>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 19 KiB

106
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/float/flt_planets_2.svg Normal file
View file

@ -0,0 +1,106 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
<style>
@keyframes scale_1 {
0%, 100% {transform: scale(1);}
50% {transform: scale(.3);}
}
@keyframes scale_2 {
0%, 100% {transform: scale(.3);}
50% {transform: scale(1.5);}
}
.circle_scale {
transform-box: fill-box;
transform-origin: center;
}
#element_1_2 {animation: scale_1 5s linear infinite;}
#element_1_3 {animation: scale_2 5s linear infinite;}
#element_1_4 {animation: scale_2 5s linear infinite;}
#element_1_6 {animation: scale_2 5s linear infinite;}
#element_1_7 {animation: scale_1 5s linear infinite;}
#element_1_8 {animation: scale_1 5s linear infinite;}
#element_1_9 {animation: scale_2 5s linear infinite;}
</style>
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.8777.3843c.0549.1858.0061.4094-.1174.507c-.1242.0977-.323.0679-.4655-.0477c-.1417-.1152-.2278-.3163-.1829-.4867C.1568.1864.3322.0469.499.0501C.6651.0537.8235.1994.8777.3843z">
<animate dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.8777.3843c.0549.1858.0061.4094-.1174.507c-.1242.0977-.323.0679-.4655-.0477c-.1417-.1152-.2278-.3163-.1829-.4867C.1568.1864.3322.0469.499.0501C.6651.0537.8235.1994.8777.3843z;
M.878.2951c.0628.1874-.0152.4925-.1548.6035c-.1396.111-.3412.0279-.4684-.11C.1276.6507.0735.4592.1123.3121c.0384-.1455.1692-.2452.336-.2602C.6151.0369.8164.1067.878.2951z;
M.8841.4163c.0439.1606-.001.2795-.1563.3829c-.1553.1034-.4207.1921-.5427.1305c-.122-.0617-.1006-.275-.0118-.4796C.2621.2449.4184.0469.5629.05C.7074.0532.8402.2556.8841.4163z;
M.8767.3493c.0618.1835-.0037.4234-.1495.5308c-.1458.1085-.3738.0842-.5012-.027C.0996.7428.0729.5454.1254.3753c.0526-.1709.1846-.3163.3442-.3248C.6294.0411.8158.1666.8767.3493z;
M.8777.3843c.0549.1858.0061.4094-.1174.507c-.1242.0977-.323.0679-.4655-.0477c-.1417-.1152-.2278-.3163-.1829-.4867C.1568.1864.3322.0469.499.0501C.6651.0537.8235.1994.8777.3843z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#group_1_1" attributeName="transform" attributeType="XML" type="translate" dur="10s" values="0 0;20 -20;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#group_1_2" attributeName="transform" attributeType="XML" type="translate" dur="10s" values="0 0;0 20;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#group_2_1" attributeName="transform" attributeType="XML" type="translate" dur="5s" values="0 0;-10 10;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#group_2_1" attributeName="transform" attributeType="XML" type="rotate" dur="5s" values="0;-10;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
<animateTransform xlink:href="#group_2_2" attributeName="transform" attributeType="XML" type="translate" dur="10s" values="5 -5;15 -15;5 -5" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#element_1_1" attributeName="transform" attributeType="XML" type="translate" dur="5s" values="0 0;-10 -10;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateMotion xlink:href="#element_1_5" dur="10s" repeatCount="indefinite" path="M0-0.5l26.6,24z" calcMode="spline" keyTimes="0;1" keySplines=".56 .37 .43 .58"/>
<animateTransform xlink:href="#element_2_1" attributeName="transform" attributeType="XML" type="scale" dur="5s" values=".75;1;.75" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#element_2_1" attributeName="transform" attributeType="XML" type="rotate" dur="5s" values="0;15;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
<animateTransform xlink:href="#element_2_2" attributeName="transform" attributeType="XML" type="scale" dur="5s" values="1;1.25;1" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#element_2_2" attributeName="transform" attributeType="XML" type="rotate" dur="5s" values="0;-15;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
<animateMotion xlink:href="#element_2_3" dur="6s" repeatCount="indefinite" path="M0,23.31,31.76,0z" calcMode="spline" keyTimes="0;1" keySplines=".56 .37 .43 .58"/>
<animateMotion xlink:href="#element_2_4" dur="10s" repeatCount="indefinite" path="M41.36,0,0,30.35z" calcMode="spline" keyTimes="0;1" keySplines=".56 .37 .43 .58"/>
</g>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg viewBox="0 0 429.59 217.18" width="50%" preserveAspectRatio="xMidYMin meet">
<path id="element_1_1" d="M384.7,31.56c-2.91,2.77-2.63,6.93-.13,10,3.62,4.49,9.74,3.69,14.76,5,3.45,1,4.9,3.08,6.53,5.9.85,1.45.08,1.56,1.35,2.84A4.79,4.79,0,0,0,411,56.65c4.11.07,6.62-.62,9.83,2.69,2.84,3,4.46,7,5.85,10.68.66,1.8,3.51.88,2.86-.93-1.56-4.24-3.42-8.75-6.7-12s-5.82-3.24-10-3.74a2.33,2.33,0,0,1-2.45-.87,2.13,2.13,0,0,1-2-2.21s0-.11,0-.17c-.53-.75-.72-1.59-1.32-2.41a11.62,11.62,0,0,0-5.21-3.63,27.18,27.18,0,0,0-6.73-1.36,18.26,18.26,0,0,1-5.87-1.4c-2.69-1.35-5.42-4.9-2.31-7.89C388.35,32.3,386.12,30.29,384.7,31.56Z" fill="#3AADAA"/>
<g id="group_1_1">
<circle id="element_1_2" cx="114.58" cy="209.58" r="7.6" fill="#3AADAA" class="circle_scale"/>
<path d="M.49,113.59l29.75,26.89a1.5,1.5,0,1,0,2-2.22L2.51,111.37a1.5,1.5,0,1,0-2,2.22Z" fill="#383E45"/>
<circle id="element_1_3" cx="44.74" cy="147.12" r="7" fill="#3AADAA" class="circle_scale"/>
<path d="M59.25,165.36l27,24.41a1.5,1.5,0,1,0,2-2.23l-27-24.41a1.5,1.5,0,0,0-2,2.23Z" fill="#383E45"/>
<circle id="element_1_4" cx="93.49" cy="195.63" r="3.8" fill="#7C6576" class="circle_scale"/>
</g>
<g>
<path d="M212,64.2l24.34,22a1.5,1.5,0,0,0,2-2.22L214.05,62a1.5,1.5,0,0,0-2,2.23Z" fill="#383E45"/>
<circle id="element_1_5" cx="211.93" cy="61.55" r="15.9" fill="#7C6576"/>
</g>
<g>
<path d="M147.8,4.92,194.39,47a1.5,1.5,0,1,0,2-2.22L149.81,2.69a1.5,1.5,0,0,0-2,2.23Z" fill="#383E45"/>
<circle id="element_1_6" cx="162.83" cy="16.48" r="7" fill="#7C6576" class="circle_scale"/>
<circle id="element_1_7" cx="185.37" cy="36.73" r="5.4" fill="#3AADAA" class="circle_scale"/>
</g>
<g id="group_1_2">
<path d="M294.67,2.61,321,26.42a1.5,1.5,0,0,0,2-2.23L296.68.39a1.5,1.5,0,1,0-2,2.22Z" fill="#383E45"/>
<circle id="element_1_8" cx="329.88" cy="31.21" r="5.4" fill="#3AADAA" class="circle_scale"/>
<path d="M339.85,42.25l20.92,18.91a1.5,1.5,0,0,0,2-2.23h0L341.87,40a1.5,1.5,0,0,0-2,2.23Z" fill="#383E45"/>
<circle id="element_1_9" cx="380.2" cy="74.41" r="7.6" fill="#7C6576" class="circle_scale"/>
</g>
</svg>
<svg viewBox="0 0 327.27 193.34" width="40%" height="100%" x="60%" preserveAspectRatio="xMidYMax meet">
<path id="element_2_1" d="M199,104.05c-6.79-2.33-13.27,1.19-15.44,7.86-1.84,5.94-7.07,2.71-10.2,6.38-1.14,1.33-1.12,3-1.85,4.58-1.8,3.8-6.31,4.25-10.09,4.68a1.5,1.5,0,1,0,.33,3h0c3.56-.38,7.65-.9,10.45-3.33a10.94,10.94,0,0,0,2.58-3.76,13.39,13.39,0,0,1,1-2.57c1.24-1.52,2-1.2,4-1.54,2.78-.43,4.77-1.27,6-3.93,1.16-2.47,1.05-5,3.35-6.93a9.19,9.19,0,0,1,8.84-1.65C199.6,107.44,200.81,104.69,199,104.05Z" fill="#3AADAA" style="transform-box: fill-box" transform-origin="center"/>
<path id="element_2_2" d="M53.84,33.07a11.7,11.7,0,0,0-7.75,1.6c-2.7,1.73-3.82,5.78-7,6.37-2.29.43-3.58,0-5.56,1.72s-5.36,9.76-9.08,7.41c-1.63-1-3.49,1.32-1.86,2.36,4.49,2.9,8.17-1,10.65-4.59,1.93-2.78,3.75-3,7-3.65a7.19,7.19,0,0,0,2.14-.46c1.41-.78,1.6-2,2.29-3.3a8.33,8.33,0,0,1,8.65-4.61C55.29,36.22,55.76,33.15,53.84,33.07Z" fill="#3AADAA" style="transform-box: fill-box" transform-origin="center"/>
<g id="group_2_1" style="transform-box: fill-box" transform-origin="center">
<path d="M170.32.29,140.25,22.36A1.5,1.5,0,1,0,142,24.78L172.1,2.71A1.5,1.5,0,0,0,170.32.29Z" fill="#383E45"/>
<path d="M121,37.64,85.73,63.5a1.5,1.5,0,0,0,1.77,2.42l35.23-25.86A1.5,1.5,0,0,0,121,37.64Z" fill="#383E45"/>
<circle cx="130.49" cy="32.38" r="16.6" fill="#3AADAA"/>
</g>
<g id="group_2_2" style="transform-box: fill-box" transform-origin="center">
<path d="M118.08,103l-44,32.3a1.5,1.5,0,1,0,1.77,2.42l44-32.3a1.5,1.5,0,1,0-1.78-2.42Z" fill="#383E45"/>
<path d="M37.77,159.73,16.49,175.35a1.5,1.5,0,0,0,1.77,2.42l21.29-15.62a1.5,1.5,0,0,0-1.78-2.42Z" fill="#383E45"/>
<circle cx="11.4" cy="181.94" r="11.4" fill="#3AADAA"/>
<circle cx="50.87" cy="151.73" r="7.8" fill="#7C6576"/>
</g>
<g>
<circle cx="222.42" cy="156.44" r="5.4" fill="#3AADAA"/>
<path d="M262.92,123.23l-29.34,21.54a1.5,1.5,0,1,0,1.77,2.42l29.35-21.54a1.5,1.5,0,1,0-1.78-2.42Z" fill="#383E45"/>
<circle id="element_2_3" cx="232.96" cy="146.87" r="7.7" fill="#7C6576" transform="translate(0 -22)"/>
<path d="M315.72,84.48l-38.93,28.58a1.5,1.5,0,1,0,1.77,2.41L317.5,86.89a1.5,1.5,0,1,0-1.78-2.41Z" fill="#383E45"/>
<circle id="element_2_4" cx="276.17" cy="115.24" r="7.7" fill="#7C6576" transform="translate(0 -29)"/>
</g>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

49
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/float/flt_primary_1.svg Normal file
View file

@ -0,0 +1,49 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
<style>
@keyframes rotate {
from {transform: rotate(45deg) scale(.7);}
to {transform: rotate(405deg) scale(.7);}
}
#diamond {
transform: rotate(45deg) scale(.7);
transform-box: fill-box;
transform-origin: center;
animation: rotate 80s linear infinite;
}
</style>
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" preserveAspectRatio="none" d="M.826.2725c.0765.1205.1182.2347.0904.333c-.0278.0951-.1286.1713-.2468.2347c-.1182.0603-.2572.1078-.3824.073c-.1252-.0349-.2364-.149-.2572-.2728c-.0243-.1237.0452-.257.1426-.3806c.0974-.1237.2225-.2379.3442-.2347C.6313.0282.746.1519.826.2725z">
<animate dur="20s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.826.2725c.0765.1205.1182.2347.0904.333c-.0278.0951-.1286.1713-.2468.2347c-.1182.0603-.2572.1078-.3824.073c-.1252-.0349-.2364-.149-.2572-.2728c-.0243-.1237.0452-.257.1426-.3806c.0974-.1237.2225-.2379.3442-.2347C.6313.0282.746.1519.826.2725z;
M.8352.1556c.0762.0943.1112.2467.0762.3627c-.0349.1197-.1366.2031-.2574.283c-.1208.0798-.2574.1524-.3781.1124c-.1239-.0363-.2319-.185-.2479-.341c-.0191-.1524.054-.3119.1493-.4099c.0953-.0979.2161-.1342.3368-.1379C.6349.0286.7557.0649.8352.1556z;
M.8837.2442c.0634.1251.0444.2662.0063.3848c-.0411.1219-.1013.2213-.1931.2662c-.0918.0449-.2058.0353-.3452-.0032c-.1362-.0385-.2977-.1058-.323-.2084C.0034.5809.1142.443.2218.3082c.1076-.1347.2121-.2694.3357-.2822C.681.0132.8203.119.8837.2442z;
M.826.2725c.0765.1205.1182.2347.0904.333c-.0278.0951-.1286.1713-.2468.2347c-.1182.0603-.2572.1078-.3824.073c-.1252-.0349-.2364-.149-.2572-.2728c-.0243-.1237.0452-.257.1426-.3806c.0974-.1237.2225-.2379.3442-.2347C.6313.0282.746.1519.826.2725z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#points" attributeName="transform" attributeType="XML" type="rotate" dur="15s" values="0;100;0" repeatCount="indefinite" additive="sum"/>
<animateTransform xlink:href="#points" attributeName="transform" attributeType="XML" type="translate" dur="15s" values="0 0;-10 -10;0 0;" repeatCount="indefinite" additive="sum"/>
<animateTransform xlink:href="#triangle" attributeName="transform" attributeType="XML" type="rotate" dur="20s" values="0;-20;0" repeatCount="indefinite" additive="sum"/>
<animateTransform xlink:href="#triangle" attributeName="transform" attributeType="XML" type="translate" dur="20s" values="0 0;-1.5 1;0 0;" repeatCount="indefinite" additive="sum"/>
</g>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg class="points" viewBox="0 0 66.3 66.3" width="25%" height="25%" x="0%" y="10%">
<path id="points" fill="#383E45" transform="scale(.6)" transform-origin="center" d="M3.9 2c0 1.1-.9 2-2 2S0 3 0 2s.9-2 2-2S3.9.9 3.9 2zM22.8 0c-1.1 0-2 .9-2 2s.9 2 2 2c1.1 0 2-.9 2-2S23.8 0 22.8 0zM43.6 0c-1.1 0-2 .9-2 2s.9 2 2 2c1.1 0 2-.9 2-2S44.6 0 43.6 0zM64.4 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2S65.4 0 64.4 0zM2 20.8c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2s2-.9 2-2C3.9 21.7 3 20.8 2 20.8zM22.8 20.8c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2c1.1 0 2-.9 2-2C24.7 21.7 23.8 20.8 22.8 20.8zM43.6 20.8c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2c1.1 0 2-.9 2-2C45.5 21.7 44.6 20.8 43.6 20.8zM64.4 20.8c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2s2-.9 2-2C66.3 21.7 65.4 20.8 64.4 20.8zM2 41.6c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2s2-.9 2-2C3.9 42.5 3 41.6 2 41.6zM22.8 41.6c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2c1.1 0 2-.9 2-2C24.7 42.5 23.8 41.6 22.8 41.6zM43.6 41.6c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2c1.1 0 2-.9 2-2C45.5 42.5 44.6 41.6 43.6 41.6zM64.4 41.6c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2s2-.9 2-2C66.3 42.5 65.4 41.6 64.4 41.6zM2 62.4c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2S3 62.4 2 62.4zM22.8 62.4c-1.1 0-2 .9-2 2s.9 2 2 2c1.1 0 2-.9 2-2S23.8 62.4 22.8 62.4zM43.6 62.4c-1.1 0-2 .9-2 2s.9 2 2 2c1.1 0 2-.9 2-2S44.6 62.4 43.6 62.4zM64.4 62.4c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2S65.4 62.4 64.4 62.4z"/>
</svg>
<svg viewBox="0 0 10 10" class="diamond" width="30%" height="30%" x="66%" y="65%">
<rect id="diamond" x="0.5" y="0.5" width="9" height="9" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="1" opacity=".8"/>
</svg>
<svg class="triangle" viewBox="0 0 10 10" width="40%" height="40%" x="5%" y="55%">
<polygon id="triangle" points="10 10 0 10 0 0 10 10" fill="#3AADAA" transform="scale(.6)" transform-origin="center" opacity=".66"/>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5 KiB

63
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/float/flt_primary_2.svg Normal file
View file

@ -0,0 +1,63 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
<style>
@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@keyframes rotate_lines {
from {transform: rotate(0deg) translate(0, 0) scale(.75);}
to {transform: rotate(360deg) translate(-10%, 10%) scale(.75);}
}
#lines {
transform-box: fill-box;
transform-origin: center;
animation: rotate_lines 65s linear infinite;
}
#circle_1 {animation: rotate 120s linear infinite;}
#circle_2 {animation: rotate 90s linear infinite;}
#circle_3 {animation: rotate 60s linear infinite;}
</style>
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" preserveAspectRatio="none" d="M.8845.2598c.0824.1416.0888.3504.0095.4884c-.0793.1381-.2442.2018-.4091.2018C.3199.95.1549.8863.0883.7553C.0186.6279.0503.4332.1328.2917c.0825-.1416.2156-.2336.3615-.2407C.6434.0404.802.1182.8845.2598z">
<animate dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.8845.2598c.0824.1416.0888.3504.0095.4884c-.0793.1381-.2442.2018-.4091.2018C.3199.95.1549.8863.0883.7553C.0186.6279.0503.4332.1328.2917c.0825-.1416.2156-.2336.3615-.2407C.6434.0404.802.1182.8845.2598z;
M.8356.2785c.0889.135.1492.3268.0921.4618c-.0603.135-.2381.2131-.4127.2096c-.1746-.0035-.3397-.0888-.4159-.2345c-.0761-.1456-.0603-.3516.0254-.4866C.2101.1009.3593.0406.4959.0512C.6324.0618.7467.1436.8356.2785z;
M.8825.3393c.0833.1495.0908.3021.0151.4166c-.0757.1176-.2385.1972-.3974.194C.3412.9468.1898.864.1141.7464c-.0795-.1176-.087-.2671-.0113-.4134C.1784.1868.3375.05.4926.05C.6478.05.7993.1931.8825.3393z;
M.8845.2598c.0824.1416.0888.3504.0095.4884c-.0793.1381-.2442.2018-.4091.2018C.3199.95.1549.8863.0883.7553C.0186.6279.0503.4332.1328.2917c.0825-.1416.2156-.2336.3615-.2407C.6434.0404.802.1182.8845.2598z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</g>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg class="lines" viewBox="0 0 57.65 57.65" width="35%" height="35%" x="70%" y="15%" opacity=".5">
<path id="lines" d="M16.44,22.68,11.22,6.6M21.73,17,26,.61M29.27,15,41.72,3.58m-5,13.86,16.65-2.88M41.57,23.49l15.58,6.58M52,45.18,42.43,31.23m-3.46,7,.49,16.89m-15.9,1.58L32.29,42.2M9.34,49.42,24.5,42m-6.41-4.42L1.3,35.61m13.79-5.26L2,19.65" fill="none" stroke="#383E45" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" transform-origin="center" transform="scale(.75)"/>
</svg>
<svg class="donut" viewBox="0 0 39.7 39.7" width="30%" height="30%" x="60%" y="70%" opacity=".5">
<path id="donut" d="M19.8,0C8.9,0,0,8.9,0,19.8c0,11,8.9,19.8,19.8,19.8c11,0,19.8-8.9,19.8-19.8C39.7,8.9,30.8,0,19.8,0z M19.8,36.5 c-9.2,0-16.7-7.5-16.7-16.7c0-9.2,7.5-16.7,16.7-16.7c9.2,0,16.7,7.5,16.7,16.7C36.6,29,29.1,36.5,19.8,36.5z" fill="#3AADAA" transform="scale(.75)" transform-origin="center">
<animate xlink:href="#donut" dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M19.8,0C8.9,0,0,8.9,0,19.8c0,11,8.9,19.8,19.8,19.8c11,0,19.8-8.9,19.8-19.8C39.7,8.9,30.8,0,19.8,0z M19.8,36.5 c-9.2,0-16.7-7.5-16.7-16.7c0-9.2,7.5-16.7,16.7-16.7c9.2,0,16.7,7.5,16.7,16.7C36.6,29,29.1,36.5,19.8,36.5z;
M19.8,0C8.9,0,0,8.9,0,19.8c0,11,8.9,19.8,19.8,19.8c11,0,19.8-8.9,19.8-19.8C39.7,8.9,30.8,0,19.8,0z M19.8,29.7 c-5.4,0-9.9-4.4-9.9-9.9c0-5.4,4.4-9.9,9.9-9.9c5.4,0,9.9,4.4,9.9,9.9C29.7,25.3,25.3,29.7,19.8,29.7z;
M19.8,0C8.9,0,0,8.9,0,19.8c0,11,8.9,19.8,19.8,19.8c11,0,19.8-8.9,19.8-19.8C39.7,8.9,30.8,0,19.8,0z M19.8,36.5 c-9.2,0-16.7-7.5-16.7-16.7c0-9.2,7.5-16.7,16.7-16.7c9.2,0,16.7,7.5,16.7,16.7C36.6,29,29.1,36.5,19.8,36.5z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform attributeName="transform" attributeType="XML" type="scale" dur="30s" values="1;.75;1" repeatCount="indefinite" additive="sum"/>
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 0;15 0;0 0" repeatCount="indefinite" additive="sum"/>
</path>
</svg>
<svg class="circles" viewBox="0 0 28.68 28.68" width="45%" height="45%" y="50%" opacity=".75">
<path id="circle_1" d="M13.53,28.18A13.86,13.86,0,1,1,28.18,13.53" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" transform-origin="center"/>
<path id="circle_2" d="M21.72,22.9A11.28,11.28,0,0,1,3.07,14.36,11.27,11.27,0,0,1,21.72,5.82" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" transform-origin="center"/>
<path id="circle_3" d="M23,15.19a8.71,8.71,0,1,1-9.5-9.5" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" transform-origin="center"/>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.4 KiB

40
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/float/flt_primary_3.svg Normal file
View file

@ -0,0 +1,40 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.7.8H.2V0H.7Z">
<animate class="animation" dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.7.8H.2V0H.7Z;
M.8 1H.2V.3H.8Z;
M.7.8H.2V0H.7Z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<g id="animation">
<animateTransform xlink:href="#pill" attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 0;0 -400;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#pill" attributeName="transform" attributeType="XML" type="rotate" dur="30s" values="0;-45;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
<animateTransform xlink:href="#circles" attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 0;0 -70;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateMotion xlink:href="#little_circle" dur="30s" repeatCount="indefinite" path="M389,194.52C389,302,302,389,194.52,389S0,302,0,194.52,87.09,0,194.52,0,389,87.09,389,194.52Z"/>
<animateTransform xlink:href="#triangle" attributeName="transform" attributeType="XML" type="rotate" dur="30s" values="0;-30;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<animateTransform xlink:href="#triangle" attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 -35;-220 -200;0 -35" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
</g>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg class="pill" viewBox="0 0 572.73 850.39" preserveAspectRatio="xMinYMid meet">
<path id="pill" d="M411.81,839.82,79.49,653.56A83.51,83.51,0,0,1,47.56,540.2h0a83.51,83.51,0,0,1,113.36-31.93L493.24,694.53a83.51,83.51,0,0,1,31.93,113.36h0A83.51,83.51,0,0,1,411.81,839.82Z" fill="#3AADAA" opacity=".2" transform-origin="center" style="transform-box: fill-box"/>
</svg>
<svg viewBox="0 0 666.32 671.29" preserveAspectRatio="xMidYMin meet" width="70%" x="34%">
<g id="circles">
<circle cx="344.84" cy="354.58" r="194.52" fill="#7C6576" opacity=".2"/>
<circle id="little_circle" cx="217.45" cy="212.68" r="90.5" fill="#3AADAA" opacity=".2" transform="translate(-70 -70)"/>
</g>
</svg>
<svg viewBox="0 0 666.32 671.29">
<polygon id="triangle" points="379.36 384.33 545.03 218.66 605.67 444.97 666.32 671.29 440 610.65 213.68 550 379.36 384.33" fill="none" stroke="#F6F6F6" stroke-width="50" transform-origin="center" style="transform-box: fill-box" opacity=".2"/>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

61
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/float/flt_square_1.svg Normal file
View file

@ -0,0 +1,61 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.8925.85 0 .85 0 0 .8925.1844Z">
<animate dur="6s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.8925.85 0 .85 0 0 .8925.1844Z;
M.8925.85 0 .85 0 .05.8925.1644Z;
M.8925.85 0 .85 0 0 .8925.1844Z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 .02;0 0;0 .02" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#dots_grp_1" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 -5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#dots_grp_2" attributeName="transform" attributeType="XML" type="translate" dur="6s" begin="0.3s" values="0 0;0 -5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#dots_grp_3" attributeName="transform" attributeType="XML" type="translate" dur="6s" begin="0.6s" values="0 0;0 -5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#dots_grp_4" attributeName="transform" attributeType="XML" type="translate" dur="6s" begin="0.9s" values="0 0;0 -5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</g>
</defs>
<svg id="background" viewBox="0 0 28.35 28.35" preserveAspectRatio="none" width="90%" height="65%" x="7%" y="30%">
<rect width="28.35" height="28.35" fill="#7C6576"/>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg id="dots" viewBox="0 0 27.4 46.88" width="15%" height="30%" x="65%">
<g id="dots_grp_1">
<rect y="5.62" width="1.62" height="1.62" fill="#3AADAA"/>
<rect y="15.53" width="1.62" height="1.62" fill="#3AADAA"/>
<rect y="25.44" width="1.62" height="1.62" fill="#3AADAA"/>
<rect y="35.35" width="1.62" height="1.62" fill="#3AADAA"/>
<rect y="45.26" width="1.62" height="1.62" fill="#3AADAA"/>
</g>
<g id="dots_grp_2">
<rect x="8.59" y="5.62" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="8.59" y="15.53" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="8.59" y="25.44" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="8.59" y="35.35" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="8.59" y="45.26" width="1.62" height="1.62" fill="#3AADAA"/>
</g>
<g id="dots_grp_3">
<rect x="17.18" y="5.62" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="17.18" y="15.53" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="17.18" y="25.44" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="17.18" y="35.35" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="17.18" y="45.26" width="1.62" height="1.62" fill="#3AADAA"/>
</g>
<g id="dots_grp_4">
<rect x="25.78" y="5.62" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="25.78" y="15.53" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="25.78" y="25.44" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="25.78" y="35.35" width="1.62" height="1.62" fill="#3AADAA"/>
<rect x="25.78" y="45.26" width="1.62" height="1.62" fill="#3AADAA"/>
</g>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB

50
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/float/flt_square_2.svg Normal file
View file

@ -0,0 +1,50 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M1 .7642.0749.95.0749.095 1 .095Z">
<animate dur="6s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M1 .7642.0749.95.0749.095 1 .095Z;
M1 .7842.0749.935.0749.095 1 .095Z;
M1 .7642.0749.95.0749.095 1 .095Z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 -.02;0 0;0 -.02" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#dots_grp_1" attributeName="transform" attributeType="XML" type="scale" dur="6s" values="1;.9;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#dots_grp_2" attributeName="transform" attributeType="XML" type="scale" dur="6s" begin="0.3s" values="1;.9;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#dots_grp_3" attributeName="transform" attributeType="XML" type="scale" dur="6s" begin="0.6s" values="1;.9;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</g>
</defs>
<svg id="background" viewBox="0 0 28.35 28.35" preserveAspectRatio="none" width="90%" height="65%">
<rect width="28.35" height="28.35" fill="#383E45"/>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg id="dots" viewBox="0 0 31.35 18.81" width="15%" height="30%" x="70%" y="70%">
<g id="dots_grp_1" transform="scale(.5)">
<rect x="29.73" width="1.62" height="1.62" transform="translate(31.35 -29.73) rotate(90)" fill="#7C6576"/>
<rect x="19.82" width="1.62" height="1.62" transform="translate(21.44 -19.82) rotate(90)" fill="#7C6576"/>
<rect x="9.91" width="1.62" height="1.62" transform="translate(11.53 -9.91) rotate(90)" fill="#7C6576"/>
<rect width="1.62" height="1.62" transform="translate(1.62 0) rotate(90)" fill="#7C6576"/>
</g>
<g id="dots_grp_2">
<rect x="29.73" y="8.59" width="1.62" height="1.62" transform="translate(39.94 -21.14) rotate(90)" fill="#7C6576"/>
<rect x="19.82" y="8.59" width="1.62" height="1.62" transform="translate(30.03 -11.23) rotate(90)" fill="#7C6576"/>
<rect x="9.91" y="8.59" width="1.62" height="1.62" transform="translate(20.12 -1.32) rotate(90)" fill="#7C6576"/>
<rect y="8.59" width="1.62" height="1.62" transform="translate(10.21 8.59) rotate(90)" fill="#7C6576"/>
</g>
<g id="dots_grp_3">
<rect x="29.73" y="17.18" width="1.62" height="1.62" transform="translate(48.54 -12.55) rotate(90)" fill="#7C6576"/>
<rect x="19.82" y="17.18" width="1.62" height="1.62" transform="translate(38.63 -2.64) rotate(90)" fill="#7C6576"/>
<rect x="9.91" y="17.18" width="1.62" height="1.62" transform="translate(28.72 7.27) rotate(90)" fill="#7C6576"/>
<rect y="17.18" width="1.62" height="1.62" transform="translate(18.81 17.18) rotate(90)" fill="#7C6576"/>
</g>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.9 KiB

57
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/float/flt_square_3.svg Normal file
View file

@ -0,0 +1,57 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
<style>
@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(-360deg);}
}
#triangles polygon {
transform-box: fill-box;
transform-origin: center;
}
</style>
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0 .0975.95.0975.95.9525 0 .7667Z">
<animate dur="6s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M0 .0975.95.0975.95.9525 0 .7667Z;
M0 .0975.95.0975.95.9325 0 .7867Z;
M0 .0975.95.0975.95.9525 0 .7667Z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 -.02;0 0;0 -.02" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animate xlink:href="#background" dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M0,0H28.35V28.35Z;
M0 0H28.35V25.515Z;
M0,0H28.35V28.35Z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</g>
</defs>
<svg class="background" viewBox="0 0 28.35 28.35" preserveAspectRatio="none" width="90%" height="75%" x="10%">
<path id="background" d="M0,0H28.35V28.35Z" fill="#3AADAA"/>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg viewBox="0 0 22.02 18.6" width="15%" heigth="15%" x="5%" y="30%">
<g id="triangles">
<polygon points="1.93 0.96 2.73 0.96 2.33 1.65 1.93 2.34 1.53 1.65 1.13 0.96 1.93 0.96" fill="#383E45" style="animation: rotate 6s linear infinite"/>
<polygon points="11.01 0.96 11.81 0.96 11.41 1.65 11.01 2.34 10.61 1.65 10.21 0.96 11.01 0.96" fill="#383E45" style="animation: rotate 6s .5s linear infinite"/>
<polygon points="20.09 0.96 20.89 0.96 20.49 1.65 20.09 2.34 19.69 1.65 19.29 0.96 20.09 0.96" fill="#383E45" style="animation: rotate 6s 1s linear infinite"/>
<polygon points="1.93 8.61 2.73 8.61 2.33 9.3 1.93 9.99 1.53 9.3 1.13 8.61 1.93 8.61" fill="#383E45" style="animation: rotate 6s 1.5s linear infinite"/>
<polygon points="11.01 8.61 11.81 8.61 11.41 9.3 11.01 9.99 10.61 9.3 10.21 8.61 11.01 8.61" fill="#383E45" style="animation: rotate 6s 2s linear infinite"/>
<polygon points="20.09 8.61 20.89 8.61 20.49 9.3 20.09 9.99 19.69 9.3 19.29 8.61 20.09 8.61" fill="#383E45" style="animation: rotate 6s 2.5s linear infinite"/>
<polygon points="1.93 16.26 2.73 16.26 2.33 16.95 1.93 17.65 1.53 16.95 1.13 16.26 1.93 16.26" fill="#383E45" style="animation: rotate 6s 3s linear infinite"/>
<polygon points="11.01 16.26 11.81 16.26 11.41 16.95 11.01 17.65 10.61 16.95 10.21 16.26 11.01 16.26" fill="#383E45" style="animation: rotate 6s 3.5s linear infinite"/>
<polygon points="20.09 16.26 20.89 16.26 20.49 16.95 20.09 17.65 19.69 16.95 19.29 16.26 20.09 16.26" fill="#383E45" style="animation: rotate 6s 4s linear infinite"/>
</g>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

69
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/float/flt_square_4.svg Normal file
View file

@ -0,0 +1,69 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.0025.2235.8425.05.8425.85.0025.85Z">
<animate dur="6s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.0025.2235.8425.05.8425.85.0025.85Z;
M.0025.2035.8425.075.8425.85.0025.85Z;
M.0025.2235.8425.05.8425.85.0025.85Z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform xlink:href="#filterPath" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 -.02;0 0;0 -.02" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</g>
</defs>
<svg class="triangle" viewBox="0 0 28.35 28.35" width="95%" height="90%">
<path id="triangle" d="M28.35,28.35H0V0Z" fill="#7C6576"/>
</svg>
<svg id="dots" viewBox="0 0 71.53 49.13" width="45%" height="45%" x="53%" y="53%">
<rect x="5.39" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
<rect x="13.83" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
<rect x="22.28" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
<rect x="30.73" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
<rect x="39.18" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
<rect x="47.63" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
<rect x="56.08" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
<rect x="64.53" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
<rect x="5.39" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
<rect x="13.83" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
<rect x="22.28" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
<rect x="30.73" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
<rect x="39.18" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
<rect x="47.63" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
<rect x="56.08" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
<rect x="64.53" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
<rect x="5.39" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
<rect x="13.83" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
<rect x="22.28" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
<rect x="30.73" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
<rect x="39.18" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
<rect x="47.63" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
<rect x="56.08" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
<rect x="64.53" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
<rect x="5.39" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
<rect x="13.83" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
<rect x="22.28" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
<rect x="30.73" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
<rect x="39.18" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
<rect x="47.63" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
<rect x="56.08" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
<rect x="64.53" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
<rect x="5.39" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
<rect x="13.83" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
<rect x="22.28" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
<rect x="30.73" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
<rect x="39.18" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
<rect x="47.63" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
<rect x="56.08" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
<rect x="64.53" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.7 KiB

32
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/line/line_square_1.svg Normal file
View file

@ -0,0 +1,32 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="60" id="shape">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0.947,0.9468L0.0495,1L0,0l1,0.1065L0.947,0.9468z">
<animateTransform attributeName="transform" attributeType="XML" type="scale" dur="12s" values="1;.95;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="12s" values="0; -6;0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
</path>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</g>
</defs>
<svg viewBox="0 0 28.3 28.3" preserveAspectRatio="none">
<path id="background_1" d="M0.3,0.3l27.8,2.8l-1.5,21.6L1.7,26L0.3,0.3 M0,0l1.4,26.3l25.3-1.4l1.6-22.1L0,0L0,0z" fill="#7C6576">
<animateTransform attributeName="transform" attributeType="XML" begin="1.5s" type="scale" dur="12s" values="1;.95;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform attributeName="transform" attributeType="XML" begin="1.5s" type="rotate" dur="12s" values="0; -6;0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
</path>
<path id="background_2" d="M0.3,0.3l27.8,2.8l-1.5,21.6L1.7,26L0.3,0.3 M0,0l1.4,26.3l25.3-1.4l1.6-22.1L0,0L0,0z" fill="#7C6576" opacity=".75">
<animateTransform attributeName="transform" attributeType="XML" begin="2.5s" type="scale" dur="12s" values="1;.95;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform attributeName="transform" attributeType="XML" begin="2.5s" type="rotate" dur="12s" values="0; -6;0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
</path>
<path id="background_3" d="M0.3,0.3l27.8,2.8l-1.5,21.6L1.7,26L0.3,0.3 M0,0l1.4,26.3l25.3-1.4l1.6-22.1L0,0L0,0z" fill="#7C6576" opacity=".5">
<animateTransform attributeName="transform" attributeType="XML" begin="3.5s" type="scale" dur="12s" values="1;.95;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
<animateTransform attributeName="transform" attributeType="XML" begin="3.5s" type="rotate" dur="12s" values="0; -6;0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
</path>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

45
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/line/line_star.svg Normal file
View file

@ -0,0 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<style>
@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
#lines path {
transform-box: fill-box;
transform-origin: center;
}
#line_1 {animation: rotate 52s cubic-bezier(.56, .37, .43, .58) infinite;}
#line_2 {animation: rotate 54s cubic-bezier(.56, .37, .43, .58) infinite;}
#line_3 {animation: rotate 56s cubic-bezier(.56, .37, .43, .58) infinite;}
#line_4 {animation: rotate 58s cubic-bezier(.56, .37, .43, .58) infinite;}
#line_5 {animation: rotate 60s cubic-bezier(.56, .37, .43, .58) infinite;}
</style>
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z">
<animate dur="60s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z;
M.8462.216c.0583.047.0185.2117-.0344.3265c-.0557.1177-.1272.1853-.2067.2236c-.0795.0382-.1696.047-.2491.0118c-.0795-.0323-.1537-.1088-.1961-.2206c-.0425-.1118-.053-.253.008-.3029c.0557-.0441.1855.0059.3259-.0029c.1405-.0118.2942-.0824.3525-.0353z;
M.7205.3445c.0955.0828.1825.1804.1459.2377c-.0365.0594-.1937.0806-.3285.1231c-.1348.0446-.2471.1103-.3144.0913c-.0702-.0191-.0955-.121-.0983-.208c-.0028-.0849.0112-.155.0618-.2293c.0505-.0743.1404-.1528.2358-.1592c.0983-.0043.2021.0616.2976.1444z;
M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 28.35 28.35" preserveAspectRatio="none">
<g id="lines" style="transform-box: fill-box">
<path id="line_1" d="M23.69,14.17c0,1.45-3.35,2-4,3.17s.47,4.38-.74,5.08-3.31-1.9-4.76-1.9-3.59,2.57-4.76,1.9,0-3.87-.73-5.08-4-1.72-4-3.17,3.35-2,4-3.17-.47-4.37.73-5.07,3.32,1.9,4.76,1.9,3.6-2.58,4.76-1.9,0,3.87.74,5.07S23.69,12.73,23.69,14.17Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="0.25"/>
<path id="line_2" d="M24.8,14.17c0,1.62-3.73,2.24-4.49,3.55s.53,4.88-.82,5.66-3.7-2.12-5.32-2.12-4,2.87-5.31,2.12,0-4.32-.83-5.66-4.49-1.93-4.49-3.55S7.28,11.93,8,10.63,7.51,5.74,8.86,5s3.7,2.12,5.31,2.12,4-2.88,5.32-2.12,0,4.32.82,5.66S24.8,12.56,24.8,14.17Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="0.25" opacity=".8"/>
<path id="line_3" d="M25.92,14.17c0,1.79-4.13,2.48-5,3.92s.58,5.39-.9,6.25S16,22,14.17,22,9.74,25.18,8.3,24.34s-.05-4.77-.91-6.25-5-2.13-5-3.92,4.13-2.47,5-3.91S6.81,4.86,8.3,4s4.09,2.35,5.87,2.35S18.61,3.17,20.05,4s0,4.78.9,6.26S25.92,12.39,25.92,14.17Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="0.25" opacity=".6"/>
<path id="line_4" d="M27,14.17c0,2-4.52,2.71-5.43,4.29s.63,5.91-1,6.85-4.48-2.57-6.43-2.57-4.85,3.48-6.43,2.57,0-5.23-1-6.85-5.43-2.34-5.43-4.29,4.52-2.7,5.43-4.28S6.12,4,7.74,3s4.48,2.57,6.43,2.57S19,2.13,20.6,3s.06,5.22,1,6.85S27,12.22,27,14.17Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="0.25" opacity=".4"/>
<path id="line_5" d="M28.14,14.17c0,2.12-4.91,2.94-5.9,4.66s.69,6.42-1.08,7.44-4.87-2.79-7-2.79-5.27,3.78-7,2.79-.06-5.68-1.08-7.44S.21,16.29.21,14.17s4.91-2.94,5.9-4.65S5.42,3.1,7.19,2.08s4.86,2.78,7,2.78,5.28-3.77,7-2.78.06,5.67,1.08,7.44S28.14,12.05,28.14,14.17Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="0.25" opacity=".2"/>
</g>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.5 KiB

69
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/line/line_sun.svg Normal file
View file

@ -0,0 +1,69 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<style>
@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(-360deg);}
}
#lines {
transform-box: fill-box;
transform-origin: center;
animation: rotate 60s cubic-bezier(.56, .37, .43, .58) infinite;
}
</style>
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.8406.2509c.0364.0999-.0392.2908-.1137.4054c-.0738.1156-.1466.1554-.2468.1789c-.1001.0235-.2279.0309-.2881-.0722c-.0602-.1031-.0542-.3175.0098-.441C.2654.1991.3858.1662.5209.1541C.6558.1422.8042.151.8406.2509z">
<animate xlink:href="#filterPath" dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.8406.2509c.0364.0999-.0392.2908-.1137.4054c-.0738.1156-.1466.1554-.2468.1789c-.1001.0235-.2279.0309-.2881-.0722c-.0602-.1031-.0542-.3175.0098-.441C.2654.1991.3858.1662.5209.1541C.6558.1422.8042.151.8406.2509z;
M.7978.3155c.0658.1114.0707.2723.007.3781c-.0637.1065-.196.1586-.3251.1564C.3499.8485.2236.7925.1746.6958C.1256.5991.155.4602.2176.3504C.281.2405.379.1606.4912.1508C.6043.1419.7313.2041.7978.3155z;
M.8269.2535c.0535.0914.0073.2558-.0697.384c-.077.1282-.1848.2207-.2782.212c-.0941-.0087-.1736-.1191-.2391-.2402C.1749.4882.1245.3569.164.2744C.2039.1918.3345.1598.4766.1515C.6186.1442.7733.1621.8269.2535z;
M.8406.2509c.0364.0999-.0392.2908-.1137.4054c-.0738.1156-.1466.1554-.2468.1789c-.1001.0235-.2279.0309-.2881-.0722c-.0602-.1031-.0542-.3175.0098-.441C.2654.1991.3858.1662.5209.1541C.6558.1422.8042.151.8406.2509z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 28.35 28.35" width="100%" height="105%" y="-2.5%">
<g id="lines">
<animate dur="20s" repeatCount="indefinite" attributeName="stroke-dasharray" attributeType="XML"
values="
0.25 0.25 0.25 0.25;
0.5 0.5 0.5 0.5;
0.25 0.25 0.25 0.25"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
<line x1="6.67" y1="9.61" x2="1.8" y2="9.52" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="7.98" y1="7.94" x2="3.28" y2="6.69" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="9.65" y1="6.64" x2="5.38" y2="4.3" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="11.59" y1="5.78" x2="8" y2="2.48" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="13.67" y1="5.4" x2="10.98" y2="1.35" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="15.78" y1="5.54" x2="14.14" y2="0.95" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="17.8" y1="6.17" x2="17.3" y2="1.33" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="19.61" y1="7.28" x2="20.29" y2="2.45" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="21.11" y1="8.78" x2="22.91" y2="4.26" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="22.2" y1="10.59" x2="25.03" y2="6.64" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="22.82" y1="12.62" x2="26.52" y2="9.46" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="22.94" y1="14.73" x2="27.29" y2="12.55" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="22.55" y1="16.81" x2="27.3" y2="15.73" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="21.68" y1="18.74" x2="26.54" y2="18.83" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="20.36" y1="20.4" x2="25.07" y2="21.66" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="18.69" y1="21.71" x2="22.96" y2="24.05" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="16.76" y1="22.57" x2="20.34" y2="25.86" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="14.68" y1="22.94" x2="17.37" y2="27" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="12.56" y1="22.81" x2="14.21" y2="27.39" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="10.54" y1="22.17" x2="11.04" y2="27.02" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="8.73" y1="21.07" x2="8.06" y2="25.89" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="7.24" y1="19.57" x2="5.43" y2="24.09" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="6.15" y1="17.75" x2="3.31" y2="21.71" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="5.53" y1="15.73" x2="1.83" y2="18.89" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="5.41" y1="13.61" x2="1.05" y2="15.8" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
<line x1="5.79" y1="11.53" x2="1.05" y2="12.61" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="1"/>
</g>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.9 KiB

58
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/line/line_triangle.svg Normal file
View file

@ -0,0 +1,58 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<style>
@keyframes rotate {
0%, 100% {transform: rotate(45deg) scale(.8);}
50% {transform: rotate(225deg) scale(.8);}
}
#triangles path {
transform-box: fill-box;
transform-origin: center;
transform: rotate(45deg) scale(.8);
}
#line_1 {animation: rotate 15s cubic-bezier(.45, .05, .55, .95) infinite;}
#line_2 {animation: rotate 15s .1s cubic-bezier(.45, .05, .55, .95) infinite;}
#line_3 {animation: rotate 15s .2s cubic-bezier(.45, .05, .55, .95) infinite;}
#line_4 {animation: rotate 15s .3s cubic-bezier(.45, .05, .55, .95) infinite;}
#line_5 {animation: rotate 15s .4s cubic-bezier(.45, .05, .55, .95) infinite;}
#line_6 {animation: rotate 15s .5s cubic-bezier(.45, .05, .55, .95) infinite;}
#line_7 {animation: rotate 15s .6s cubic-bezier(.45, .05, .55, .95) infinite;}
#line_8 {animation: rotate 15s .7s cubic-bezier(.45, .05, .55, .95) infinite;}
#line_9 {animation: rotate 15s .8s cubic-bezier(.45, .05, .55, .95) infinite;}
#line_10 {animation: rotate 15s .9s cubic-bezier(.45, .05, .55, .95) infinite;}
#line_11 {animation: rotate 15s 1s cubic-bezier(.45, .05, .55, .95) infinite;}
</style>
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z">
<animate dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z;
M.8462.216c.0583.047.0185.2117-.0344.3265c-.0557.1177-.1272.1853-.2067.2236c-.0795.0382-.1696.047-.2491.0118c-.0795-.0323-.1537-.1088-.1961-.2206c-.0425-.1118-.053-.253.008-.3029c.0557-.0441.1855.0059.3259-.0029c.1405-.0118.2942-.0824.3525-.0353z;
M.7205.3445c.0955.0828.1825.1804.1459.2377c-.0365.0594-.1937.0806-.3285.1231c-.1348.0446-.2471.1103-.3144.0913c-.0702-.0191-.0955-.121-.0983-.208c-.0028-.0849.0112-.155.0618-.2293c.0505-.0743.1404-.1528.2358-.1592c.0983-.0043.2021.0616.2976.1444z;
M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z;
M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z"
calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 28.35 28.35" preserveAspectRatio="none">
<g id="triangles">
<path id="line_1" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
<path id="line_2" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
<path id="line_3" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
<path id="line_4" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
<path id="line_5" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
<path id="line_6" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
<path id="line_7" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
<path id="line_8" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
<path id="line_9" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
<path id="line_10" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
<path id="line_11" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
</g>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.3 KiB

31
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/line/little_lines_1.svg Normal file
View file

@ -0,0 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.7618.393c.0772.1327.1644.2791.1308.3725c-.0336.0938-.1876.1346-.3409.1346c-.1536 0-.3069-.0421-.3873-.1666c-.08-.1245-.0876-.3313-.0112-.4644C.2297.1359.3901.0773.5038.108C.6182.1395.685.2594.7618.393z">
<animate dur="18s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.7618.393c.0772.1327.1644.2791.1308.3725c-.0336.0938-.1876.1346-.3409.1346c-.1536 0-.3069-.0421-.3873-.1666c-.08-.1245-.0876-.3313-.0112-.4644C.2297.1359.3901.0773.5038.108C.6182.1395.685.2594.7618.393z;
M.8344.2313c.0943.1136.0847.3092-.0142.4568c-.0989.148-.2874.2468-.3849.2004c-.0966-.0464-.1016-.238-.1622-.366c-.061-.1284-.1763-.192-.1731-.2592c.0022-.068.1234-.1384.2824-.158C.5424.0861.7401.1173.8344.2313z;
M.7618.393c.0772.1327.1644.2791.1308.3725c-.0336.0938-.1876.1346-.3409.1346c-.1536 0-.3069-.0421-.3873-.1666c-.08-.1245-.0876-.3313-.0112-.4644C.2297.1359.3901.0773.5038.108C.6182.1395.685.2594.7618.393z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg viewBox="0 0 28.35 28.35" preserveAspectRatio="none">
<path id="line_1" d="M3,7.37A9.92,9.92,0,0,1,9.29,2.72M2,7A9.65,9.65,0,0,1,7,2.34" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.5">
<animate dur="18s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M3,7.37A9.92,9.92,0,0,1,9.29,2.72M2,7A9.65,9.65,0,0,1,7,2.34;
M2,6.87a9.9,9.9,0,0,1,6-5.09M1,6.58a9.71,9.71,0,0,1,4.61-5;
M3,7.37A9.92,9.92,0,0,1,9.29,2.72M2,7A9.65,9.65,0,0,1,7,2.34"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

40
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/line/little_lines_2.svg Normal file
View file

@ -0,0 +1,40 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.526.4606c.0608.0582.1787.0394.2643.1009c.0856.0629.1371.2064.0944.2754c-.044.0699-.1835.0642-.2879.0619c-.1055-.0018-.1759-.001-.2043-.0506c-.0284-.0497-.0148-.1487-.0596-.2186C.2881.5597.1846.5198.1346.4273C.0846.3348.0878.1904.151.1322C.2134.073.3345.0989.3973.181C.4601.263.4644.4015.526.4606z">
<animate dur="32s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.526.4606c.0608.0582.1787.0394.2643.1009c.0856.0629.1371.2064.0944.2754c-.044.0699-.1835.0642-.2879.0619c-.1055-.0018-.1759-.001-.2043-.0506c-.0284-.0497-.0148-.1487-.0596-.2186C.2881.5597.1846.5198.1346.4273C.0846.3348.0878.1904.151.1322C.2134.073.3345.0989.3973.181C.4601.263.4644.4015.526.4606z;
M.5883.3111c.0946.0524.2461.0628.2936.12c.0479.0576-.008.162-.0706.2592c-.0631.0972-.1334.1872-.2213.2056c-.087.0192-.1922-.0336-.2839-.0812c-.0922-.048-.1716-.0916-.1965-.1544c-.0249-.0628.0054-.1452.0122-.2404c.0059-.0952-.0101-.2028.0354-.264C.203.0959.3119.0827.3847.1235C.4575.1643.4941.2587.5883.3111z;
M.526.4606c.0608.0582.1787.0394.2643.1009c.0856.0629.1371.2064.0944.2754c-.044.0699-.1835.0642-.2879.0619c-.1055-.0018-.1759-.001-.2043-.0506c-.0284-.0497-.0148-.1487-.0596-.2186C.2881.5597.1846.5198.1346.4273C.0846.3348.0878.1904.151.1322C.2134.073.3345.0989.3973.181C.4601.263.4644.4015.526.4606z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg viewBox="0 0 28.35 28.35" preserveAspectRatio="none">
<path id="line_1" d="M4.87 16.53s3.84 2.34 3.81 5.25m.37-2.27c-.17-.7667-.54-1.5333-1.71-2.3" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.5">
<animate dur="32s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M4.87 16.53s3.84 2.34 3.81 5.25m.37-2.27c-.17-.7667-.54-1.5333-1.71-2.3;
M1.39,19.51s-.7,3.55,4.78,5.79M5.41,24c-2.58-1.71-2.67-2.46-2.93-3.25;
M4.87 16.53s3.84 2.34 3.81 5.25m.37-2.27c-.17-.7667-.54-1.5333-1.71-2.3"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
<path id="line_2" d="M22.2,14.2c-2.2-2.2-3.4-1.6-4.7-2.6 M17.5,12.9c0.9,0.5,2,0.2,3,1.2" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.5">
<animate dur="32s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M22.2,14.2c-2.2-2.2-3.4-1.6-4.7-2.6 M17.5,12.9c0.9,0.5,2,0.2,3,1.2;
M26.1,10.6c-1.3-2.1-3.2-2.6-4.6-2.9 M21.4,8.7c1.1,0.3,2.2,0.5,3,1.6;
M22.2,14.2c-2.2-2.2-3.4-1.6-4.7-2.6 M17.5,12.9c0.9,0.5,2,0.2,3,1.2"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

38
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/line/little_lines_3.svg Normal file
View file

@ -0,0 +1,38 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.2524.6569c-.0028-.1018.1575-.1272.2785-.2374c.1182-.1074.1744-.277.2532-.2374c.0788.0396.1434.2544.1041.424c-.0422.1696-.1913.294-.3432.294C.3902.9028.2552.7586.2524.6569zM.3452.1028c.0872.017.166.1159.1631.1866c-.0028.0706-.1491.113-.225.1668c-.0759.0537-.0844.1215-.1322.082C.1033.5014.0808.3572.1202.2526C.1596.148.258.0858.3452.1028z">
<animate dur="9s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.2524.6569c-.0028-.1018.1575-.1272.2785-.2374c.1182-.1074.1744-.277.2532-.2374c.0788.0396.1434.2544.1041.424c-.0422.1696-.1913.294-.3432.294C.3902.9028.2552.7586.2524.6569zM.3452.1028c.0872.017.166.1159.1631.1866c-.0028.0706-.1491.113-.225.1668c-.0759.0537-.0844.1215-.1322.082C.1033.5014.0808.3572.1202.2526C.1596.148.258.0858.3452.1028z;
M.2384.6578c-.0264-.1009.2085-.1009.2994-.2391C.6406.266.7286.1162.7933.1766c.0587.0547.138.2622.0939.4322c-.044.1729-.1732.291-.3318.291C.3969.9056.2648.7558.2384.6578zM.347.1046C.438.1219.532.2083.532.2804c-.003.072-.0352.0835-.141.1124c-.0939.0288-.2055.1873-.2554.147C.0857.5022.0945.3582.1238.24C.1532.1306.256.0845.347.1046z;
M.2524.6569c-.0028-.1018.1575-.1272.2785-.2374c.1182-.1074.1744-.277.2532-.2374c.0788.0396.1434.2544.1041.424c-.0422.1696-.1913.294-.3432.294C.3902.9028.2552.7586.2524.6569zM.3452.1028c.0872.017.166.1159.1631.1866c-.0028.0706-.1491.113-.225.1668c-.0759.0537-.0844.1215-.1322.082C.1033.5014.0808.3572.1202.2526C.1596.148.258.0858.3452.1028z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
<g id="animation">
<animateTransform xlink:href="#lines_grp_1" attributeName="transform" attributeType="XML" type="translate" dur="9s" values="0 0;-.5 -.5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
<animateTransform xlink:href="#lines_grp_2" attributeName="transform" attributeType="XML" type="translate" dur="9s" values="0 0;0 1.5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
</g>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg viewBox="0 0 28.35 28.35" preserveAspectRatio="none">
<g id="lines_grp_1" style="transform-box: fill-box">
<path d="M3.14,5.57A4.37,4.37,0,0,1,6.36,2.91" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.35"/>
<path d="M3,4.74a4.1,4.1,0,0,1,2.5-2.07" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.27"/>
</g>
<g id="lines_grp_2" style="transform-box: fill-box" transform-origin="right bottom">
<path d="M26.31,18.63s-1.43,4.26-4,5.23" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.47"/>
<path d="M26.31,20.05s-1.14,3-3.07,4.07" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.37"/>
</g>
<g id="lines_grp_3" style="transform-box: fill-box" transform-origin="center">
<path d="M7.19,16.26a3.34,3.34,0,0,0-.89,3.56" fill="none" stroke="#383E45" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.33"/>
<path d="M6.19,16.59a3.52,3.52,0,0,0,.32,4.34" fill="none" stroke="#383E45" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.25"/>
</g>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

19
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/line/organic_1_line.svg Normal file
View file

@ -0,0 +1,19 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<path id="filterPath"
d="M0.2142,0.096c-0.413,1.8378,1.2192,0.3258,0.6396,0.1988C0.6879,0.2584,0.2791-0.1927,0.2142,0.096Z"></path>
</defs><svg viewBox="75.05909729003906 83.49757385253906 154.99501037597656 130.04640197753906"
preserveAspectRatio="none">
<path class="background"
d="M223.45,129.45c-47.29,21.63-17.59,56.7-41.95,81.07-8,8-81.08-7.91-98.62-44.28-20.21-41.91,8.66-85.46,32.38-81.49C152.05,90.91,253.9,115.53,223.45,129.45Z"
fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"></path>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

20
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/line/oval_2_line.svg Normal file
View file

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<path id="filterPath"
d="M0.0814,0.6292l0.0883-0.4105a0.3491,0.2598,0,0,1,0.2461-0.2081h0A0.349,0.2597,0,0,1,0.8597,0.2225l0.087,0.4468a0.3491,0.2597,0,0,1-0.2018,0.2739L0.6442,0.977a0.3489,0.2596,0,0,1-0.4175-0.0757L0.1521,0.8312A0.3492,0.2599,0,0,1,0.0814,0.6292Z">
</path>
</defs><svg viewBox="68.3936538696289 35.054168701171875 176.3720703125 211.69915771484375"
preserveAspectRatio="none">
<path class="background"
d="M183.21,72.46C294.62,227.17,225,264.54,146.75,232.89c-31.16-12.62-32.39-28-56.92-68.26C33,71.32,124.18-9.51,183.21,72.46Z"
fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="7"></path>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

53
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/line/oval_3_pattern_line.svg Normal file
View file

@ -0,0 +1,53 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<pattern id="_10_lpi_80_2" data-name="10 lpi 80% 2" width="72" height="72" stroke="#3AADAA"
patternTransform="translate(0 432)" patternUnits="userSpaceOnUse" viewBox="0 0 72 72">
<line x1="71.75" y1="68.4" x2="144.25" y2="68.4" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="54" x2="144.25" y2="54" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="39.6" x2="144.25" y2="39.6" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="25.2" x2="144.25" y2="25.2" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="10.8" x2="144.25" y2="10.8" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="61.2" x2="144.25" y2="61.2" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="46.8" x2="144.25" y2="46.8" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="32.4" x2="144.25" y2="32.4" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="18" x2="144.25" y2="18" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="3.6" x2="144.25" y2="3.6" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="68.4" x2="72.25" y2="68.4" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="54" x2="72.25" y2="54" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="39.6" x2="72.25" y2="39.6" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="25.2" x2="72.25" y2="25.2" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="10.8" x2="72.25" y2="10.8" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="61.2" x2="72.25" y2="61.2" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="46.8" x2="72.25" y2="46.8" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="32.4" x2="72.25" y2="32.4" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="18" x2="72.25" y2="18" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="3.6" x2="72.25" y2="3.6" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="68.4" x2="0.25" y2="68.4" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="54" x2="0.25" y2="54" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="39.6" x2="0.25" y2="39.6" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="25.2" x2="0.25" y2="25.2" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="10.8" x2="0.25" y2="10.8" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="61.2" x2="0.25" y2="61.2" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="46.8" x2="0.25" y2="46.8" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="32.4" x2="0.25" y2="32.4" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="18" x2="0.25" y2="18" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="3.6" x2="0.25" y2="3.6" fill="none" stroke-width="5.76"></line>
</pattern>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<path id="filterPath"
d="M0.5445,0.9688c-0.2063,0.0394-0.4415-0.1849-0.4528-0.5113-0.0071-0.2074,0.0673-0.3879,0.2684-0.4499C0.5331-0.0457,0.7045,0.1957,0.8386,0.3123,1.0825,0.5244,0.8744,0.9058,0.5445,0.9688Z">
</path>
</defs><svg viewBox="58.99126052856445 134.33645629882812 199.1487579345703 77.86276245117188"
preserveAspectRatio="none">
<path class="background"
d="M230.8,189.77c81.18-52.47-33.17-41.18-150.22-55.2-24.59-2.94-32.31,22.14-1,60.38C104.48,225.45,199.15,210.23,230.8,189.77Z"
fill="url(#_10_lpi_80_2)"></path>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4 KiB

662
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/pattern/organic_2_pattern_dot.svg Normal file
View file

@ -0,0 +1,662 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<pattern id="USGS_22_Gravel_Beach" data-name="USGS 22 Gravel Beach" width="72" height="72"
patternTransform="translate(0 792.01)" patternUnits="userSpaceOnUse" fill="#3AADAA" viewBox="0 0 72 72">
<g>
<path d="M21,3.1a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.36.36,0,0,1,.6.25.39.39,0,0,1-.1.25A.39.39,0,0,1,21,3.1Z">
</path>
<path
d="M20,8.35A.34.34,0,0,1,19.65,8a.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.39.39,0,0,1-.1.25A.37.37,0,0,1,20,8.35Z">
</path>
<path d="M20.25,10.6A.35.35,0,0,1,20,10a.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M15.25,10.6a.34.34,0,0,1-.35-.35A.37.37,0,0,1,15,10a.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M22.75,20.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M15.25,23.1a.34.34,0,0,1-.35-.35A.33.33,0,0,1,15,22.5a.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M14,24.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.39.39,0,0,1-.1.25A.37.37,0,0,1,14,24.1Z"></path>
<path
d="M24,27.1a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.39.39,0,0,1,.1.25.35.35,0,0,1-.1.24A.36.36,0,0,1,24,27.1Z">
</path>
<path d="M30.75,25.85a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M31.25,23.35A.34.34,0,0,1,30.9,23a.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.39.39,0,0,1-.1.25A.37.37,0,0,1,31.25,23.35Z">
</path>
<path d="M29.25,18.35a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M34,19.85a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M31.5,14.85a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M31.75,11.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M32.25,7.1A.35.35,0,0,1,32,6.5a.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M32,3.1a.39.39,0,0,1-.25-.1.39.39,0,0,1-.1-.25.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.39.39,0,0,1-.1.25A.39.39,0,0,1,32,3.1Z">
</path>
<path
d="M34,1.35a.36.36,0,0,1-.25-.11.33.33,0,0,1-.1-.24.33.33,0,0,1,.11-.25.36.36,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.11.25A.35.35,0,0,1,34,1.35Z">
</path>
<path
d="M41.5,7.1a.39.39,0,0,1-.25-.1.35.35,0,0,1-.1-.25.39.39,0,0,1,.1-.25.35.35,0,0,1,.49,0,.36.36,0,0,1,.11.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M45.5,6.85a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M42.5,13.6a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M47,14.35a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.36.36,0,0,1,.49,0,.39.39,0,0,1,.1.25.33.33,0,0,1-.1.24A.36.36,0,0,1,47,14.35Z">
</path>
<path
d="M47,16.35a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.36.36,0,0,1,.49,0,.39.39,0,0,1,.1.25.37.37,0,0,1-.1.24A.36.36,0,0,1,47,16.35Z">
</path>
<path d="M39,20.85a.35.35,0,0,1-.25-.6.36.36,0,0,1,.49,0,.34.34,0,0,1,.11.25.34.34,0,0,1-.35.35Z"></path>
<path d="M50.25,13.6a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M52.25,12.1A.36.36,0,0,1,52,12a.35.35,0,0,1-.1-.24A.33.33,0,0,1,52,11.5a.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M54.75,11.1A.36.36,0,0,1,54.5,11a.35.35,0,0,1-.1-.24.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M56.5.85a.39.39,0,0,1-.25-.1.39.39,0,0,1-.1-.25.39.39,0,0,1,.1-.25.36.36,0,0,1,.5,0,.35.35,0,0,1,.1.24.39.39,0,0,1-.1.25A.39.39,0,0,1,56.5.85Z">
</path>
<path
d="M68,3.1a.39.39,0,0,1-.25-.1.39.39,0,0,1-.1-.25.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.39.39,0,0,1-.1.25A.37.37,0,0,1,68,3.1Z">
</path>
<path
d="M68,10.35a.36.36,0,0,1-.25-.11.35.35,0,0,1-.1-.24.39.39,0,0,1,.1-.25.37.37,0,0,1,.5,0,.39.39,0,0,1,.1.25.34.34,0,0,1-.11.25A.35.35,0,0,1,68,10.35Z">
</path>
<path d="M64.25,12.35a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M65.25,15.85a.34.34,0,0,1-.35-.35.37.37,0,0,1,.1-.25.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M64,19.85a.36.36,0,0,1-.25-.11.35.35,0,0,1-.1-.24.39.39,0,0,1,.1-.25.37.37,0,0,1,.5,0,.39.39,0,0,1,.1.25.34.34,0,0,1-.11.25A.35.35,0,0,1,64,19.85Z">
</path>
<path
d="M66.25,19.85a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M68,21.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M7,52.35a.35.35,0,0,1-.25-.6.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M7.25,54.6A.35.35,0,0,1,7,54a.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M2.25,54.6A.39.39,0,0,1,2,54.5.36.36,0,0,1,2,54a.38.38,0,0,1,.5,0,.36.36,0,0,1,0,.5A.39.39,0,0,1,2.25,54.6Z">
</path>
<path d="M9.75,64.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M1,68.1A.39.39,0,0,1,.75,68a.36.36,0,0,1,0-.5.38.38,0,0,1,.5,0,.36.36,0,0,1,0,.5A.39.39,0,0,1,1,68.1Z">
</path>
<path d="M11,71.1a.35.35,0,0,1-.25-.6.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M18.25,67.35A.34.34,0,0,1,17.9,67a.37.37,0,0,1,.1-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.11.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M16.25,62.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M19.5,57.85a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M18.75,55.85a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M16.25,54.85a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M19.25,51.1a.34.34,0,0,1-.35-.35A.33.33,0,0,1,19,50.5a.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M19,47.1a.35.35,0,0,1-.25-.6.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M16.25,47.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M32.5,50.85a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.34.34,0,0,1-.35.35Z"></path>
<path d="M27.25,54.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M32,55.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M32,57.6a.35.35,0,0,1-.24-.1.35.35,0,0,1,0-.5.37.37,0,0,1,.5,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M34,58.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M26,64.85a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M36,56.35a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M39.25,56.1A.35.35,0,0,1,39,56a.36.36,0,0,1-.11-.25.39.39,0,0,1,.1-.25.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z">
</path>
<path d="M41.75,50.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M43.5,44.85a.36.36,0,0,1-.25-.11.35.35,0,0,1-.1-.24.39.39,0,0,1,.1-.25.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z">
</path>
<path
d="M51,50.6a.39.39,0,0,1-.25-.1.36.36,0,0,1-.1-.25.39.39,0,0,1,.1-.25.36.36,0,0,1,.5,0,.35.35,0,0,1-.25.6Z">
</path>
<path
d="M52,46.6a.36.36,0,0,1-.25-.11.35.35,0,0,1-.1-.24.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M55,47.1a.33.33,0,0,1-.25-.11.35.35,0,0,1-.1-.24.37.37,0,0,1,.1-.25.36.36,0,0,1,.49,0,.34.34,0,0,1,.11.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M55,54.35a.33.33,0,0,1-.25-.11.35.35,0,0,1-.1-.24.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M51.25,56.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1,.1.25.39.39,0,0,1-.1.25A.37.37,0,0,1,51.25,56.35Z">
</path>
<path
d="M51,63.85a.34.34,0,0,1-.35-.35.31.31,0,0,1,.1-.24.34.34,0,0,1,.49,0,.36.36,0,0,1,.11.25.39.39,0,0,1-.1.25A.37.37,0,0,1,51,63.85Z">
</path>
<path
d="M53.25,63.85a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.36.36,0,0,1,.49,0,.31.31,0,0,1,.1.24.34.34,0,0,1-.35.35Z">
</path>
<path d="M56,63.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M58.25,61.6a.36.36,0,0,1-.25-.11.35.35,0,0,1-.1-.24A.39.39,0,0,1,58,61a.37.37,0,0,1,.5,0,.37.37,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M21,27.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M22.75,24.1a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M39,24.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M46.25,29.1A.39.39,0,0,1,46,29a.35.35,0,0,1,0-.49.34.34,0,0,1,.49,0,.36.36,0,0,1,.11.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M55.25,28.1a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M51.25,25.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1,.1.25.34.34,0,0,1-.35.35Z"></path>
<path d="M52,29.6a.37.37,0,0,1-.25-.1.36.36,0,0,1,0-.5.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M62.5,35.6a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.36.36,0,0,1,.49,0,.31.31,0,0,1,.1.24.34.34,0,0,1-.35.35Z">
</path>
<path d="M56.75,39.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M48.25,37.35a.35.35,0,0,1-.24-.1A.36.36,0,0,1,47.9,37a.39.39,0,0,1,.1-.25.36.36,0,0,1,.5,0,.33.33,0,0,1,.1.24.34.34,0,0,1-.35.35Z">
</path>
<path
d="M48,41.35a.33.33,0,0,1-.25-.11.35.35,0,0,1-.1-.24.39.39,0,0,1,.1-.25.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z">
</path>
<path
d="M53.5,45.1a.34.34,0,0,1-.25-.11.31.31,0,0,1-.1-.24.34.34,0,0,1,.11-.25.37.37,0,0,1,.49,0,.35.35,0,0,1-.25.6Z">
</path>
<path
d="M62.25,48.1a.34.34,0,0,1-.35-.35A.33.33,0,0,1,62,47.5a.36.36,0,0,1,.49,0,.31.31,0,0,1,.1.24.34.34,0,0,1-.35.35Z">
</path>
<path
d="M65,51.85a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M69.5,45.1a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M60,39.1a.33.33,0,0,1-.25-.11.35.35,0,0,1-.1-.24.34.34,0,0,1,.11-.25.36.36,0,0,1,.49,0,.36.36,0,0,1,0,.5A.37.37,0,0,1,60,39.1Z">
</path>
<path d="M32.5,47.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M26.25,37.85a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M29.75,35.6a.35.35,0,0,1-.24-.1.36.36,0,0,1-.11-.25.33.33,0,0,1,.11-.25A.37.37,0,0,1,30,35a.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M10.5,29.6a.35.35,0,0,1-.25-.6.37.37,0,0,1,.49,0,.33.33,0,0,1,.11.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M6,31.6a.35.35,0,0,1-.25-.6.36.36,0,0,1,.49,0,.33.33,0,0,1,.11.25.37.37,0,0,1-.1.25A.39.39,0,0,1,6,31.6Z">
</path>
<path
d="M2.5,35.35a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.37.37,0,0,1,.5,0,.35.35,0,0,1,.1.25.33.33,0,0,1-.1.24A.36.36,0,0,1,2.5,35.35Z">
</path>
<path
d="M17,42.1a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.39.39,0,0,1-.1.25A.37.37,0,0,1,17,42.1Z">
</path>
<path
d="M12.75,36.1a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25A.39.39,0,0,1,13,36,.37.37,0,0,1,12.75,36.1Z">
</path>
<path d="M26.5,30.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M39.25,30.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.36.36,0,0,1,0,.5A.37.37,0,0,1,39.25,30.85Z"></path>
<path d="M38.25,32.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M28,42.1a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M6.5,20.6a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M9.75,18.85a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M11.75,23.6a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25A.37.37,0,0,1,12,23a.36.36,0,0,1,.1.25.39.39,0,0,1-.1.25A.37.37,0,0,1,11.75,23.6Z">
</path>
<path
d="M3,25.85a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.38.38,0,0,1,.5,0,.36.36,0,0,1,0,.5A.39.39,0,0,1,3,25.85Z">
</path>
<path
d="M64.25,29.6a.35.35,0,0,1-.24-.1.36.36,0,0,1-.11-.25A.39.39,0,0,1,64,29a.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M69.5,29.85a.34.34,0,0,1-.35-.35.34.34,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.39.39,0,0,1-.1.25A.37.37,0,0,1,69.5,29.85Z">
</path>
<path
d="M1.5,9.1A.39.39,0,0,1,1.25,9a.36.36,0,0,1,0-.5.38.38,0,0,1,.5,0,.36.36,0,0,1,0,.5A.39.39,0,0,1,1.5,9.1Z">
</path>
<path d="M16.5,6.1a.34.34,0,0,1-.35-.35.37.37,0,0,1,.1-.25.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M3.75,6.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M12.75,14.35a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M18.5,19.35a.34.34,0,0,1-.35-.35.37.37,0,0,1,.1-.25.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M21.25,37.1a.34.34,0,0,1-.35-.35.37.37,0,0,1,.1-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.11.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M.75,44.35a.39.39,0,0,1-.25-.1A.39.39,0,0,1,.4,44a.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.39.39,0,0,1-.1.25A.39.39,0,0,1,.75,44.35Z">
</path>
<path
d="M68,66.1a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M59.75,69.85a.39.39,0,0,1-.25-.1.35.35,0,0,1-.1-.25.39.39,0,0,1,.1-.25.37.37,0,0,1,.5,0,.36.36,0,0,1,.1.25.37.37,0,0,1-.1.25A.39.39,0,0,1,59.75,69.85Z">
</path>
<path d="M40.5,68.1a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.36.36,0,0,1,0,.5A.37.37,0,0,1,40.5,68.1Z"></path>
<path d="M4.5,60.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M26.5,59.6a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M37.25,48.6a.34.34,0,0,1-.35-.35A.37.37,0,0,1,37,48a.37.37,0,0,1,.5,0,.36.36,0,0,1,0,.5A.37.37,0,0,1,37.25,48.6Z">
</path>
<path d="M8.75,40.35a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M52.25,38.1A.36.36,0,0,1,52,38a.35.35,0,0,1-.1-.24A.33.33,0,0,1,52,37.5a.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M60.75,46.1a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M51.25,66.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.39.39,0,0,1,.1.25.35.35,0,0,1-.1.25A.39.39,0,0,1,51.25,66.35Z">
</path>
<path d="M40,37.85a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M27.5,13.6a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M19.75,26.6a.34.34,0,0,1-.35-.35.37.37,0,0,1,.1-.25A.37.37,0,0,1,20,26a.36.36,0,0,1,.11.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M11.75,1.85a.39.39,0,0,1-.25-.1.39.39,0,0,1-.1-.25.39.39,0,0,1,.1-.25.38.38,0,0,1,.5,0,.39.39,0,0,1,.1.25.39.39,0,0,1-.1.25A.39.39,0,0,1,11.75,1.85Z">
</path>
<path
d="M55.25,3.85a.34.34,0,0,1-.35-.35A.33.33,0,0,1,55,3.25a.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M47.25,69.85a.39.39,0,0,1-.25-.1.37.37,0,0,1-.1-.25.39.39,0,0,1,.1-.25.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M4.75,40.35A.34.34,0,0,1,4.4,40a.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M68.75,13.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.36.36,0,0,1,0,.5A.39.39,0,0,1,68.75,13.35Z"></path>
<path d="M23.25,14.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M20.5,17.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M14.75,17.35A.34.34,0,0,1,14.4,17a.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M6,11.85a.35.35,0,0,1-.25-.6.36.36,0,0,1,.49,0,.33.33,0,0,1,.11.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M7,2.85a.37.37,0,0,1-.24-.1.36.36,0,0,1-.11-.25.39.39,0,0,1,.1-.25.36.36,0,0,1,.6.25.39.39,0,0,1-.1.25A.39.39,0,0,1,7,2.85Z">
</path>
<path d="M10,8.35a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M14.25,8.35A.34.34,0,0,1,13.9,8,.33.33,0,0,1,14,7.75a.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M25.75,7.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M37,7.6a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M37.5,4.35A.34.34,0,0,1,37.15,4a.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M43.25,2.35a.39.39,0,0,1-.25-.1A.39.39,0,0,1,42.9,2a.39.39,0,0,1,.1-.25.37.37,0,0,1,.5,0,.39.39,0,0,1,.1.25.39.39,0,0,1-.1.25A.42.42,0,0,1,43.25,2.35Z">
</path>
<path d="M49.5,8.35a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M46,9.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.36.36,0,0,1,0,.5A.37.37,0,0,1,46,9.35Z"></path>
<path d="M35.75,11.1a.34.34,0,0,1-.35-.35.37.37,0,0,1,.1-.25.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M39.25,15.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M24.75,18.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M8.25,27.35a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path d="M16,31.85a.35.35,0,0,1-.25-.6.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M10.5,33.6a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.37.37,0,0,1-.1.25A.39.39,0,0,1,10.5,33.6Z">
</path>
<path d="M5.25,37.1A.35.35,0,0,1,5,36.5a.38.38,0,0,1,.5,0,.37.37,0,0,1,.1.25.34.34,0,0,1-.35.35Z"></path>
<path d="M3.25,20.6A.35.35,0,0,1,3,20a.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M20.5,30.85a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.34.34,0,0,1-.35.35Z"></path>
<path d="M17.5,35.6a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M16,39.1a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.39.39,0,0,1-.1.25A.37.37,0,0,1,16,39.1Z">
</path>
<path
d="M12.75,41.35A.34.34,0,0,1,12.4,41a.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M12.75,46.6a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25A.37.37,0,0,1,13,46a.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M5.75,48.6A.35.35,0,0,1,5.5,48,.38.38,0,0,1,6,48a.35.35,0,0,1-.25.6Z"></path>
<path d="M11,54.6a.35.35,0,0,1-.25-.6.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M15.5,58.6a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M6,63.6a.35.35,0,0,1-.25-.6.38.38,0,0,1,.5,0,.36.36,0,0,1,.1.25A.34.34,0,0,1,6,63.6Z"></path>
<path
d="M2.25,62.1A.39.39,0,0,1,2,62a.36.36,0,0,1,0-.5.37.37,0,0,1,.49,0,.34.34,0,0,1,.11.25.39.39,0,0,1-.1.25A.39.39,0,0,1,2.25,62.1Z">
</path>
<path d="M9,68.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.6.25.39.39,0,0,1-.1.25A.37.37,0,0,1,9,68.1Z"></path>
<path d="M13.5,69.6a.35.35,0,0,1-.25-.6.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M21.5,68.6a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.34.34,0,0,1-.35.35Z"></path>
<path d="M23,65.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.36.36,0,0,1,0,.5A.37.37,0,0,1,23,65.85Z"></path>
<path d="M22.25,60.1a.35.35,0,0,1-.25-.6.38.38,0,0,1,.5,0,.36.36,0,0,1,0,.5A.37.37,0,0,1,22.25,60.1Z"></path>
<path
d="M24.25,57.6a.34.34,0,0,1-.35-.35A.37.37,0,0,1,24,57a.38.38,0,0,1,.5,0,.37.37,0,0,1,.1.25.39.39,0,0,1-.1.25A.37.37,0,0,1,24.25,57.6Z">
</path>
<path d="M26.25,47.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M25.75,43.6a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M32.25,31.1a.34.34,0,0,1-.35-.35A.33.33,0,0,1,32,30.5a.35.35,0,0,1,.59.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M34.25,27.85a.34.34,0,0,1-.35-.35.35.35,0,0,1,.1-.25.37.37,0,0,1,.5,0,.36.36,0,0,1,0,.5A.37.37,0,0,1,34.25,27.85Z">
</path>
<path d="M41.75,25.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M43,20.85a.36.36,0,0,1-.25-.11.33.33,0,0,1-.1-.24.39.39,0,0,1,.1-.25.37.37,0,0,1,.5,0,.39.39,0,0,1,.1.25.34.34,0,0,1-.11.25A.35.35,0,0,1,43,20.85Z">
</path>
<path
d="M36.5,19.35a.39.39,0,0,1-.25-.1.36.36,0,0,1-.1-.25.31.31,0,0,1,.1-.24.35.35,0,0,1,.5,0,.35.35,0,0,1-.25.6Z">
</path>
<path d="M27.75,22.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M52,22.1a.33.33,0,0,1-.25-.11.35.35,0,0,1-.1-.24.39.39,0,0,1,.1-.25.36.36,0,0,1,.6.25.39.39,0,0,1-.1.25A.37.37,0,0,1,52,22.1Z">
</path>
<path d="M43.25,17.85a.37.37,0,0,1-.25-.1.36.36,0,0,1,0-.5.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M50.5,18.1a.37.37,0,0,1-.25-.1.36.36,0,0,1,0-.5.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M59.5,17.35a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M58.25,14.1A.37.37,0,0,1,58,14a.36.36,0,0,1,0-.5.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M61.5,11.1a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.36.36,0,0,1,.49,0,.31.31,0,0,1,.1.24.34.34,0,0,1-.35.35Z">
</path>
<path
d="M58.75,7.6a.39.39,0,0,1-.25-.1.35.35,0,0,1-.1-.25A.31.31,0,0,1,58.5,7a.35.35,0,0,1,.6.24.34.34,0,0,1-.35.35Z">
</path>
<path
d="M60,4.85a.34.34,0,0,1-.25-.11.35.35,0,0,1-.1-.24.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M67.5,6.1a.39.39,0,0,1-.25-.1.36.36,0,0,1-.1-.25.37.37,0,0,1,.1-.25.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z">
</path>
<path
d="M70.75,8.6a.39.39,0,0,1-.25-.1.36.36,0,0,1-.1-.25A.37.37,0,0,1,70.5,8,.37.37,0,0,1,71,8a.36.36,0,0,1,.11.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M65.75,9.85a.34.34,0,0,1-.35-.35.37.37,0,0,1,.1-.25.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M60.25,23.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M55.5,23.85a.35.35,0,0,1-.25-.6.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M55.5,18.85a.34.34,0,0,1-.25-.11.35.35,0,0,1-.1-.24.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M65,25.85a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M57.75,30.85a.33.33,0,0,1-.25-.11.35.35,0,0,1-.1-.24.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M52.75,32.85a.36.36,0,0,1-.25-.11.35.35,0,0,1-.1-.24.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M47.5,33.85a.36.36,0,0,1-.25-.11.35.35,0,0,1-.1-.24.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M44.25,39.35a.36.36,0,0,1-.25-.11.35.35,0,0,1-.1-.24.39.39,0,0,1,.1-.25.37.37,0,0,1,.5,0,.37.37,0,0,1,.1.25.33.33,0,0,1-.11.25A.35.35,0,0,1,44.25,39.35Z">
</path>
<path d="M34,41.6a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path d="M40.75,48.1a.35.35,0,0,1-.25-.6.36.36,0,0,1,.49,0,.34.34,0,0,1,.11.25.34.34,0,0,1-.35.35Z"></path>
<path d="M45.75,52.35A.34.34,0,0,1,45.4,52a.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.34.34,0,0,1-.35.35Z"></path>
<path d="M46.5,56.85a.35.35,0,0,1-.25-.6.35.35,0,0,1,.49,0,.36.36,0,0,1,.11.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M42,59.6a.35.35,0,0,1-.24-.1.36.36,0,0,1-.11-.25.39.39,0,0,1,.1-.25.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z">
</path>
<path d="M40,62.85a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.36.36,0,0,1,0,.5A.37.37,0,0,1,40,62.85Z"></path>
<path d="M36,62.85a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.34.34,0,0,1-.35.35Z"></path>
<path
d="M36.5,52.85a.39.39,0,0,1-.25-.1.35.35,0,0,1-.1-.25.39.39,0,0,1,.1-.25.36.36,0,0,1,.5,0,.31.31,0,0,1,.1.24.34.34,0,0,1-.35.35Z">
</path>
<path
d="M30,63.6a.35.35,0,0,1-.24-.1.36.36,0,0,1-.11-.25.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M31.5,68.6a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M37,71.1a.39.39,0,0,1-.25-.1.37.37,0,0,1-.1-.25.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.37.37,0,0,1-.1.25A.39.39,0,0,1,37,71.1Z">
</path>
<path
d="M63,57.1a.34.34,0,0,1-.35-.35.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M60,50.85a.33.33,0,0,1-.25-.11.35.35,0,0,1-.1-.24.35.35,0,0,1,.59-.25.36.36,0,0,1,.11.25.39.39,0,0,1-.1.25A.37.37,0,0,1,60,50.85Z">
</path>
<path
d="M54.5,50.6a.39.39,0,0,1-.25-.1.37.37,0,0,1-.1-.25.35.35,0,0,1,.7,0,.35.35,0,0,1-.1.24A.34.34,0,0,1,54.5,50.6Z">
</path>
<path
d="M54.75,41.85a.36.36,0,0,1-.25-.11.33.33,0,0,1-.1-.24.39.39,0,0,1,.1-.25.37.37,0,0,1,.5,0,.39.39,0,0,1,.1.25.34.34,0,0,1-.11.25A.35.35,0,0,1,54.75,41.85Z">
</path>
<path d="M62.5,42.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M67,47.6a.35.35,0,0,1-.24-.1.36.36,0,0,1-.11-.25.39.39,0,0,1,.1-.25.36.36,0,0,1,.49,0,.32.32,0,0,1,.11.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M69.5,54.35a.35.35,0,0,1-.24-.1.36.36,0,0,1-.11-.25.39.39,0,0,1,.1-.25.36.36,0,0,1,.6.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M63.5,61.85a.35.35,0,0,1-.24-.1.36.36,0,0,1-.11-.25.39.39,0,0,1,.1-.25.36.36,0,0,1,.49,0,.32.32,0,0,1,.11.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M70.25,61.1a.34.34,0,0,1-.35-.35A.33.33,0,0,1,70,60.5a.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M64.75,65.6a.35.35,0,0,1-.25-.6.36.36,0,0,1,.5,0,.35.35,0,0,1,.1.24.34.34,0,0,1-.35.35Z"></path>
<path d="M65.75,68.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M62.5,70.35a.34.34,0,0,1-.35-.35.34.34,0,0,1,.11-.25.36.36,0,0,1,.49,0,.31.31,0,0,1,.1.24.34.34,0,0,1-.35.35Z">
</path>
<path
d="M52.75,69.85a.36.36,0,0,1-.25-.1.36.36,0,0,1,0-.5.36.36,0,0,1,.6.25.39.39,0,0,1-.1.25A.37.37,0,0,1,52.75,69.85Z">
</path>
<path
d="M44.75,66.6a.34.34,0,0,1-.25-.11.35.35,0,0,1-.1-.24.33.33,0,0,1,.11-.25A.37.37,0,0,1,45,66a.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M28.5,71.35a.39.39,0,0,1-.25-.1.36.36,0,0,1-.1-.25.33.33,0,0,1,.11-.25.35.35,0,0,1,.59.25.33.33,0,0,1-.11.25A.35.35,0,0,1,28.5,71.35Z">
</path>
<path d="M3,29.6a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.38.38,0,0,1,.5,0,.36.36,0,0,1,0,.5A.39.39,0,0,1,3,29.6Z">
</path>
<path
d="M13.25,5.1A.36.36,0,0,1,13,5a.31.31,0,0,1-.1-.24A.37.37,0,0,1,13,4.5a.36.36,0,0,1,.6.25.33.33,0,0,1-.11.25A.35.35,0,0,1,13.25,5.1Z">
</path>
<path
d="M70.25,34.6a.34.34,0,0,1-.35-.35A.33.33,0,0,1,70,34a.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path d="M71.25,41.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M1,51.85a.39.39,0,0,1-.25-.1.39.39,0,0,1-.1-.25.33.33,0,0,1,.11-.25.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.39.39,0,0,1-.1.25A.39.39,0,0,1,1,51.85Z">
</path>
<path d="M72,23.6a.35.35,0,0,1-.25-.6.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M69,26.6a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.39.39,0,0,1,.1.25.35.35,0,0,1-.1.25A.39.39,0,0,1,69,26.6Z">
</path>
<path d="M68.5,60.35a.34.34,0,0,1-.35-.35.37.37,0,0,1,.1-.25.38.38,0,0,1,.5,0,.35.35,0,0,1-.25.6Z"></path>
<path
d="M71.5,68.35a.35.35,0,0,1-.25-.6.37.37,0,0,1,.5,0,.39.39,0,0,1,.1.25.35.35,0,0,1-.1.25A.39.39,0,0,1,71.5,68.35Z">
</path>
<path
d="M.5,57.85a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.38.38,0,0,1,.5,0,.36.36,0,0,1,0,.5A.39.39,0,0,1,.5,57.85Z">
</path>
<path
d="M2.75,71.35a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.36.36,0,0,1,.6.25.39.39,0,0,1-.1.25A.39.39,0,0,1,2.75,71.35Z">
</path>
<path
d="M70.25,24.1a.34.34,0,0,1-.35-.35A.33.33,0,0,1,70,23.5a.37.37,0,0,1,.49,0,.36.36,0,0,1,.1.25.34.34,0,0,1-.35.35Z">
</path>
<path
d="M1.25,16.85a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.38.38,0,0,1,.5,0,.36.36,0,0,1,0,.5A.39.39,0,0,1,1.25,16.85Z">
</path>
<path d="M18,13.15a.65.65,0,0,1-.65-.65.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0A.65.65,0,0,1,18,13.15Z"></path>
<path
d="M29.25,11.15a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.67.67,0,0,1,.92,0,.66.66,0,0,1,.19.46.65.65,0,0,1-.65.65Z">
</path>
<path
d="M29.25,3.65A.65.65,0,0,1,28.6,3a.64.64,0,0,1,.19-.46.68.68,0,0,1,.92,0,.65.65,0,0,1,0,.92A.68.68,0,0,1,29.25,3.65Z">
</path>
<path
d="M40.25,10.65A.65.65,0,0,1,39.6,10a.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.63.63,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,40.25,10.65Z">
</path>
<path
d="M45,12.15a.61.61,0,0,1-.46-.2.64.64,0,0,1-.19-.45.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.63.63,0,0,1,.19.46.61.61,0,0,1-.2.46A.6.6,0,0,1,45,12.15Z">
</path>
<path d="M47.25,23.15A.65.65,0,0,1,46.79,22a.68.68,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path
d="M54.75,7.15A.64.64,0,0,1,54.29,7a.65.65,0,0,1,0-.92.68.68,0,0,1,.92,0,.64.64,0,0,1,.19.46.66.66,0,0,1-.19.46A.64.64,0,0,1,54.75,7.15Z">
</path>
<path d="M64,6.9a.65.65,0,0,1-.46-1.11.68.68,0,0,1,.92,0A.65.65,0,0,1,64,6.9Z"></path>
<path
d="M65,2.9a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.68.68,0,0,1,.19.46.63.63,0,0,1-.18.45A.67.67,0,0,1,65,2.9Z">
</path>
<path d="M69.5,18.4A.65.65,0,0,1,69,17.29a.67.67,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path
d="M8,47.4a.64.64,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.64.64,0,0,1,8,47.4Z">
</path>
<path
d="M5,57.15A.64.64,0,0,1,4.54,57a.65.65,0,0,1,0-.92.67.67,0,0,1,.92,0,.65.65,0,0,1,0,.92A.64.64,0,0,1,5,57.15Z">
</path>
<path
d="M2.25,67.4a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,2.25,67.4Z">
</path>
<path
d="M17.75,70.15a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,17.75,70.15Z">
</path>
<path
d="M19.25,62.65A.65.65,0,0,1,18.6,62a.64.64,0,0,1,.19-.46.67.67,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,19.25,62.65Z">
</path>
<path
d="M21,45.65a.65.65,0,0,1-.65-.65.64.64,0,0,1,.19-.46.67.67,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.64.64,0,0,1,21,45.65Z">
</path>
<path
d="M28.5,51.4A.65.65,0,0,1,28,50.29a.67.67,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.64.64,0,0,1,28.5,51.4Z">
</path>
<path
d="M34,60.65a.65.65,0,0,1-.65-.65.64.64,0,0,1,.19-.46.68.68,0,0,1,.92,0,.63.63,0,0,1,.19.46.64.64,0,0,1-.19.46A.66.66,0,0,1,34,60.65Z">
</path>
<path
d="M34.25,67.15a.64.64,0,0,1-.46-.19.65.65,0,0,1,0-.92.67.67,0,0,1,.92,0,.65.65,0,0,1,0,.92A.66.66,0,0,1,34.25,67.15Z">
</path>
<path d="M41.75,55.4a.65.65,0,0,1-.46-1.11.68.68,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path d="M52.25,60.15A.65.65,0,0,1,51.79,59a.68.68,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path
d="M55,65.65a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.64.64,0,0,1,.19-.46.68.68,0,0,1,.92,0,.64.64,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,55,65.65Z">
</path>
<path
d="M25.25,24.9a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,25.25,24.9Z">
</path>
<path d="M35.25,23.65a.64.64,0,0,1-.46-.19.65.65,0,0,1,0-.92.68.68,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path
d="M45,29.9a.65.65,0,0,1-.46-1.11.68.68,0,0,1,.92,0,.63.63,0,0,1,.19.46.61.61,0,0,1-.2.46A.62.62,0,0,1,45,29.9Z">
</path>
<path d="M52,43.4a.65.65,0,0,1-.46-1.11.67.67,0,0,1,.92,0,.64.64,0,0,1,.19.46.65.65,0,0,1-.65.65Z"></path>
<path d="M67,52.15a.65.65,0,0,1-.65-.65.61.61,0,0,1,.2-.46.68.68,0,0,1,.91,0A.65.65,0,0,1,67,52.15Z"></path>
<path d="M47.25,48.15A.65.65,0,0,1,46.79,47a.68.68,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path
d="M37,44.9a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,37,44.9Z">
</path>
<path d="M17,28.9a.65.65,0,0,1-.46-1.11.68.68,0,0,1,.92,0,.65.65,0,0,1,0,.92A.64.64,0,0,1,17,28.9Z"></path>
<path d="M11.25,37.15a.65.65,0,0,1-.65-.65.64.64,0,0,1,.19-.46.67.67,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path
d="M67.5,31.15A.66.66,0,0,1,67,31a.68.68,0,0,1-.19-.46A.66.66,0,0,1,67,30,.68.68,0,0,1,68,30a.64.64,0,0,1,.19.46.65.65,0,0,1-.65.65Z">
</path>
<path
d="M7.25,16.15a.61.61,0,0,1-.46-.2.62.62,0,0,1-.19-.45A.66.66,0,0,1,6.79,15a.67.67,0,0,1,.92,0,.65.65,0,0,1,0,.92A.64.64,0,0,1,7.25,16.15Z">
</path>
<path
d="M8.5,5.65A.68.68,0,0,1,8,5.46.66.66,0,0,1,7.85,5,.64.64,0,0,1,8,4.54a.67.67,0,0,1,.92,0A.64.64,0,0,1,9.15,5a.65.65,0,0,1-.65.65Z">
</path>
<path
d="M3.5,2.9A.66.66,0,0,1,3,2.71a.68.68,0,0,1-.19-.46A.66.66,0,0,1,3,1.79a.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46A.68.68,0,0,1,4,2.71.66.66,0,0,1,3.5,2.9Z">
</path>
<path
d="M66.5,37.65A.65.65,0,0,1,66,36.54a.68.68,0,0,1,.92,0,.64.64,0,0,1,.19.46.66.66,0,0,1-.19.46A.64.64,0,0,1,66.5,37.65Z">
</path>
<path
d="M44,63.4a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.67.67,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,44,63.4Z">
</path>
<path
d="M25.75,70.4a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.67.67,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,25.75,70.4Z">
</path>
<path d="M22,42.15a.66.66,0,0,1-.46-.19.65.65,0,0,1,0-.92.68.68,0,0,1,.92,0A.65.65,0,0,1,22,42.15Z"></path>
<path
d="M24,29.4a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.67.67,0,0,1,.92,0,.64.64,0,0,1,.19.46.65.65,0,0,1-.65.65Z">
</path>
<path
d="M41.5,34.9A.65.65,0,0,1,41,33.79a.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,41.5,34.9Z">
</path>
<path
d="M67.5,44.15A.66.66,0,0,1,67,44a.68.68,0,0,1-.19-.46A.66.66,0,0,1,67,43,.68.68,0,0,1,68,43a.64.64,0,0,1,.19.46.65.65,0,0,1-.65.65Z">
</path>
<path
d="M53.25,15.4a.65.65,0,0,1-.46-1.11.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,53.25,15.4Z">
</path>
<path
d="M34,16.4a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.64.64,0,0,1,.19-.46.68.68,0,0,1,.92,0,.64.64,0,0,1,.19.46.65.65,0,0,1-.65.65Z">
</path>
<path d="M12.75,19.65a.65.65,0,0,1-.46-1.11.67.67,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path d="M49.5,4.9A.65.65,0,0,1,49,3.79a.68.68,0,0,1,.92,0A.65.65,0,0,1,49.5,4.9Z"></path>
<path d="M59,21.15A.65.65,0,0,1,58.54,20a.68.68,0,0,1,.92,0,.64.64,0,0,1,.19.46.65.65,0,0,1-.65.65Z"></path>
<path
d="M67.5,57.65a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.64.64,0,0,1,.19.46.65.65,0,0,1-.65.65Z">
</path>
<path
d="M5.25,70.15A.64.64,0,0,1,4.79,70a.65.65,0,0,1,0-.92.67.67,0,0,1,.92,0,.65.65,0,0,1,0,.92A.64.64,0,0,1,5.25,70.15Z">
</path>
<path
d="M2.75,13.65a.61.61,0,0,1-.46-.2A.62.62,0,0,1,2.1,13a.66.66,0,0,1,.19-.46.67.67,0,0,1,.92,0,.65.65,0,0,1,0,.92A.64.64,0,0,1,2.75,13.65Z">
</path>
<path d="M16.5,3.65A.65.65,0,0,1,16,2.54a.68.68,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path d="M40.5,4.9A.65.65,0,0,1,40,3.79a.68.68,0,0,1,.92,0,.64.64,0,0,1,.19.46.65.65,0,0,1-.65.65Z"></path>
<path d="M2.75,32.4a.64.64,0,0,1-.46-.19.65.65,0,0,1,0-.92.68.68,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path
d="M7.5,25.4A.64.64,0,0,1,7,25.21a.65.65,0,0,1,0-.92.68.68,0,0,1,.92,0,.64.64,0,0,1,.19.46.66.66,0,0,1-.19.46A.64.64,0,0,1,7.5,25.4Z">
</path>
<path
d="M4,47.15A.66.66,0,0,1,3.54,47a.68.68,0,0,1-.19-.46A.66.66,0,0,1,3.54,46a.67.67,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.64.64,0,0,1,4,47.15Z">
</path>
<path
d="M11,50.9a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.64.64,0,0,1,.19-.46.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,11,50.9Z">
</path>
<path
d="M10,60.15A.64.64,0,0,1,9.54,60a.65.65,0,0,1,0-.92.68.68,0,0,1,.92,0,.65.65,0,0,1,0,.92A.64.64,0,0,1,10,60.15Z">
</path>
<path
d="M13.5,66.15A.66.66,0,0,1,13,66a.68.68,0,0,1-.19-.46A.64.64,0,0,1,13,65,.67.67,0,0,1,14,65a.66.66,0,0,1,.19.46A.68.68,0,0,1,14,66,.66.66,0,0,1,13.5,66.15Z">
</path>
<path
d="M22,53.65a.66.66,0,0,1-.46-.19.64.64,0,0,1-.19-.46.6.6,0,0,1,.2-.46.65.65,0,0,1,1.1.46.68.68,0,0,1-.19.46A.66.66,0,0,1,22,53.65Z">
</path>
<path
d="M31.25,37.9a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,31.25,37.9Z">
</path>
<path d="M26,34.4a.65.65,0,0,1-.46-1.11.67.67,0,0,1,.92,0A.65.65,0,0,1,26,34.4Z"></path>
<path
d="M37.25,28.9a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,37.25,28.9Z">
</path>
<path
d="M61.75,16.9a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.64.64,0,0,1,.19.46.65.65,0,0,1-.65.65Z">
</path>
<path
d="M61.25,27.4a.64.64,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.65.65,0,0,1,0,.92A.64.64,0,0,1,61.25,27.4Z">
</path>
<path
d="M58.75,57.4a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,58.75,57.4Z">
</path>
<path
d="M59.25,44.65a.64.64,0,0,1-.46-.19.65.65,0,0,1,0-.92.68.68,0,0,1,.92,0,.65.65,0,0,1,0,.92A.64.64,0,0,1,59.25,44.65Z">
</path>
<path
d="M55.75,35.9a.66.66,0,0,1-.46-.19.68.68,0,0,1-.19-.46.66.66,0,0,1,.19-.46.68.68,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.66.66,0,0,1,55.75,35.9Z">
</path>
<path d="M69.25,70.9a.68.68,0,0,1-.46-.19.65.65,0,0,1,0-.92.69.69,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path d="M60.75,66.15A.65.65,0,0,1,60.29,65a.67.67,0,0,1,.92,0,.64.64,0,0,1,.19.46.65.65,0,0,1-.65.65Z"></path>
<path d="M44.5,71.65A.65.65,0,0,1,44,70.54a.68.68,0,0,1,.92,0,.65.65,0,0,1-.46,1.11Z"></path>
<path
d="M24.5,1.4a.65.65,0,0,1-.65-.65A.64.64,0,0,1,24,.29a.67.67,0,0,1,.92,0,.66.66,0,0,1,.19.46.68.68,0,0,1-.19.46A.64.64,0,0,1,24.5,1.4Z">
</path>
</g>
<path
d="M0,23.6a.39.39,0,0,1-.25-.1.36.36,0,0,1,0-.5.38.38,0,0,1,.5,0,.39.39,0,0,1,.1.25.39.39,0,0,1-.1.25A.39.39,0,0,1,0,23.6Z">
</path>
</pattern>
<path id="filterPath"
d="M0.2175,0.5483C-0.0375,0.6766-0.1162,0.9232,0.2487,0.9915c0.2025,0.0383,0.405-0.0716,0.4812-0.2616c0.1825-0.4515,0-1.058-0.2087-0.5165C0.465,0.3584,0.3575,0.4784,0.2175,0.5483z">
<animate class="animation" dur="40s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M0.2175,0.5483C-0.0375,0.6766-0.1162,0.9232,0.2487,0.9915c0.2025,0.0383,0.405-0.0716,0.4812-0.2616c0.1825-0.4515,0-1.058-0.2087-0.5165C0.465,0.3584,0.3575,0.4784,0.2175,0.5483z;
M.1593.4119c-.2149.0505-.2258.2767.0495.4236c.1534.0809.3236.0343.4064-.112c.1965-.346.1905-.8072-.1001-.4951C.4364.3127.2759.3843.1593.4119z;
M.3607.3185c-.1484.1398-.1828.3254.1205.4183c.1688.051.3595-.052.4345-.2034c.1784-.3584.0659-.6985-.265-.4462C.565.1529.4632.2223.3607.3185z;
M0.2175,0.5483C-0.0375,0.6766-0.1162,0.9232,0.2487,0.9915c0.2025,0.0383,0.405-0.0716,0.4812-0.2616c0.1825-0.4515,0-1.058-0.2087-0.5165C0.465,0.3584,0.3575,0.4784,0.2175,0.5483z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
</defs><svg viewBox="80.50484466552734 103.7755126953125 152.5823974609375 116.601318359375"
preserveAspectRatio="none">
<path class="background"
d="M225.22,170.35c-41.14,44.84-136.64,65.54-140.56,36.78-3.16-23.09-11.4-5.54,10.61-54.88C138.44,55.48,265.78,126.14,225.22,170.35Z"
fill="url(#USGS_22_Gravel_Beach)"></path>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"></image>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 44 KiB

87
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/pattern/organic_3_pattern_cross.svg Normal file
View file

@ -0,0 +1,87 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<pattern id="Crosses_5" data-name="Crosses 5" stroke="#7C6576" width="57.6" height="57.6"
patternTransform="translate(0 691.2)" patternUnits="userSpaceOnUse" viewBox="0 0 57.6 57.6">
<line x1="52.5" y1="3.6" x2="55.5" y2="3.6" fill="none" stroke-width="0.3"></line>
<line x1="38.1" y1="3.6" x2="41.1" y2="3.6" fill="none" stroke-width="0.3"></line>
<line x1="23.7" y1="3.6" x2="26.7" y2="3.6" fill="none" stroke-width="0.3"></line>
<line x1="9.3" y1="3.6" x2="12.3" y2="3.6" fill="none" stroke-width="0.3"></line>
<line x1="45.3" y1="10.8" x2="48.3" y2="10.8" fill="none" stroke-width="0.3"></line>
<line x1="30.9" y1="10.8" x2="33.9" y2="10.8" fill="none" stroke-width="0.3"></line>
<line x1="16.5" y1="10.8" x2="19.5" y2="10.8" fill="none" stroke-width="0.3"></line>
<line x1="2.1" y1="10.8" x2="5.1" y2="10.8" fill="none" stroke-width="0.3"></line>
<line x1="52.5" y1="18" x2="55.5" y2="18" fill="none" stroke-width="0.3"></line>
<line x1="38.1" y1="18" x2="41.1" y2="18" fill="none" stroke-width="0.3"></line>
<line x1="23.7" y1="18" x2="26.7" y2="18" fill="none" stroke-width="0.3"></line>
<line x1="9.3" y1="18" x2="12.3" y2="18" fill="none" stroke-width="0.3"></line>
<line x1="45.3" y1="25.2" x2="48.3" y2="25.2" fill="none" stroke-width="0.3"></line>
<line x1="30.9" y1="25.2" x2="33.9" y2="25.2" fill="none" stroke-width="0.3"></line>
<line x1="16.5" y1="25.2" x2="19.5" y2="25.2" fill="none" stroke-width="0.3"></line>
<line x1="2.1" y1="25.2" x2="5.1" y2="25.2" fill="none" stroke-width="0.3"></line>
<line x1="52.5" y1="32.4" x2="55.5" y2="32.4" fill="none" stroke-width="0.3"></line>
<line x1="38.1" y1="32.4" x2="41.1" y2="32.4" fill="none" stroke-width="0.3"></line>
<line x1="23.7" y1="32.4" x2="26.7" y2="32.4" fill="none" stroke-width="0.3"></line>
<line x1="9.3" y1="32.4" x2="12.3" y2="32.4" fill="none" stroke-width="0.3"></line>
<line x1="45.3" y1="39.6" x2="48.3" y2="39.6" fill="none" stroke-width="0.3"></line>
<line x1="30.9" y1="39.6" x2="33.9" y2="39.6" fill="none" stroke-width="0.3"></line>
<line x1="16.5" y1="39.6" x2="19.5" y2="39.6" fill="none" stroke-width="0.3"></line>
<line x1="2.1" y1="39.6" x2="5.1" y2="39.6" fill="none" stroke-width="0.3"></line>
<line x1="52.5" y1="46.8" x2="55.5" y2="46.8" fill="none" stroke-width="0.3"></line>
<line x1="38.1" y1="46.8" x2="41.1" y2="46.8" fill="none" stroke-width="0.3"></line>
<line x1="23.7" y1="46.8" x2="26.7" y2="46.8" fill="none" stroke-width="0.3"></line>
<line x1="9.3" y1="46.8" x2="12.3" y2="46.8" fill="none" stroke-width="0.3"></line>
<line x1="45.3" y1="54" x2="48.3" y2="54" fill="none" stroke-width="0.3"></line>
<line x1="30.9" y1="54" x2="33.9" y2="54" fill="none" stroke-width="0.3"></line>
<line x1="16.5" y1="54" x2="19.5" y2="54" fill="none" stroke-width="0.3"></line>
<line x1="2.1" y1="54" x2="5.1" y2="54" fill="none" stroke-width="0.3"></line>
<line x1="54" y1="2.1" x2="54" y2="5.1" fill="none" stroke-width="0.3"></line>
<line x1="39.6" y1="2.1" x2="39.6" y2="5.1" fill="none" stroke-width="0.3"></line>
<line x1="25.2" y1="2.1" x2="25.2" y2="5.1" fill="none" stroke-width="0.3"></line>
<line x1="10.8" y1="2.1" x2="10.8" y2="5.1" fill="none" stroke-width="0.3"></line>
<line x1="46.8" y1="9.3" x2="46.8" y2="12.3" fill="none" stroke-width="0.3"></line>
<line x1="32.4" y1="9.3" x2="32.4" y2="12.3" fill="none" stroke-width="0.3"></line>
<line x1="18" y1="9.3" x2="18" y2="12.3" fill="none" stroke-width="0.3"></line>
<line x1="3.6" y1="9.3" x2="3.6" y2="12.3" fill="none" stroke-width="0.3"></line>
<line x1="54" y1="16.5" x2="54" y2="19.5" fill="none" stroke-width="0.3"></line>
<line x1="39.6" y1="16.5" x2="39.6" y2="19.5" fill="none" stroke-width="0.3"></line>
<line x1="25.2" y1="16.5" x2="25.2" y2="19.5" fill="none" stroke-width="0.3"></line>
<line x1="10.8" y1="16.5" x2="10.8" y2="19.5" fill="none" stroke-width="0.3"></line>
<line x1="46.8" y1="23.7" x2="46.8" y2="26.7" fill="none" stroke-width="0.3"></line>
<line x1="32.4" y1="23.7" x2="32.4" y2="26.7" fill="none" stroke-width="0.3"></line>
<line x1="18" y1="23.7" x2="18" y2="26.7" fill="none" stroke-width="0.3"></line>
<line x1="3.6" y1="23.7" x2="3.6" y2="26.7" fill="none" stroke-width="0.3"></line>
<line x1="54" y1="30.9" x2="54" y2="33.9" fill="none" stroke-width="0.3"></line>
<line x1="39.6" y1="30.9" x2="39.6" y2="33.9" fill="none" stroke-width="0.3"></line>
<line x1="25.2" y1="30.9" x2="25.2" y2="33.9" fill="none" stroke-width="0.3"></line>
<line x1="10.8" y1="30.9" x2="10.8" y2="33.9" fill="none" stroke-width="0.3"></line>
<line x1="46.8" y1="38.1" x2="46.8" y2="41.1" fill="none" stroke-width="0.3"></line>
<line x1="32.4" y1="38.1" x2="32.4" y2="41.1" fill="none" stroke-width="0.3"></line>
<line x1="18" y1="38.1" x2="18" y2="41.1" fill="none" stroke-width="0.3"></line>
<line x1="3.6" y1="38.1" x2="3.6" y2="41.1" fill="none" stroke-width="0.3"></line>
<line x1="54" y1="45.3" x2="54" y2="48.3" fill="none" stroke-width="0.3"></line>
<line x1="39.6" y1="45.3" x2="39.6" y2="48.3" fill="none" stroke-width="0.3"></line>
<line x1="25.2" y1="45.3" x2="25.2" y2="48.3" fill="none" stroke-width="0.3"></line>
<line x1="10.8" y1="45.3" x2="10.8" y2="48.3" fill="none" stroke-width="0.3"></line>
<line x1="46.8" y1="52.5" x2="46.8" y2="55.5" fill="none" stroke-width="0.3"></line>
<line x1="32.4" y1="52.5" x2="32.4" y2="55.5" fill="none" stroke-width="0.3"></line>
<line x1="18" y1="52.5" x2="18" y2="55.5" fill="none" stroke-width="0.3"></line>
<line x1="3.6" y1="52.5" x2="3.6" y2="55.5" fill="none" stroke-width="0.3"></line>
</pattern>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<path id="filterPath"
d="M0.5215,0.0129,0.6868,0.1038a0.0516,0.0762,0,0,1,0.0189,0.1247l-0.0307,0.0465a0.0515,0.0761,0,0,0-0.0084,0.0897l0.1024,0.2769a0.0515,0.0761,0,0,1-0.0211,0.1038L0.708,0.7767a0.0516,0.0762,0,0,0-0.0197,0.107h0c0.024,0.0582-0.0111,0.1264-0.0527,0.1151a0.436,0.644,0,0,0-0.0453-0.0076c-0.1379-0.0158-0.258-0.1001-0.3641-0.2359-0.0086-0.0111-0.0179-0.021-0.0271-0.0309a0.0516,0.0762,0,0,1-0.0183-0.0868l0.0021-0.0087a0.1341,0.198,0,0,1,0.0782-0.1194h0a0.0515,0.0761,0,0,0,0.0229-0.1164L0.2449,0.3166a0.0516,0.0762,0,0,1,0.0217-0.1158l0.0479-0.0291a0.0517,0.0763,0,0,0,0.0261-0.0353l0.009-0.0256A0.1389,0.2051,0,0,1,0.5215,0.0129Z">
</path>
</defs><svg viewBox="53.297725677490234 112.70590209960938 202.97454833984375 94.00445556640625"
preserveAspectRatio="none">
<path class="background"
d="M231.6,190.43c78.8,-50.94-47.83-112.69-145.82-53.58-70.92,42.77-4.06,57.14,-1,58.6C119.23,212,200.87,210.29,231.6,190.43Z"
fill="url(#Crosses_5)"></path>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 7.3 KiB

168
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/pattern/organic_4_pattern_caps.svg Normal file
View file

@ -0,0 +1,168 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<pattern id="Capsules_2" data-name="Capsules 2" width="57.6" stroke="#3AADAA" height="57.6"
patternTransform="translate(-59.36 422.92) scale(1.09 1.17)" patternUnits="userSpaceOnUse"
viewBox="0 0 57.6 57.6">
<line x1="58.11" y1="14.48" x2="62.26" y2="13.45" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<g>
<line x1="25.8" y1="31.8" x2="23.59" y2="35.46" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="23.23" y1="24.91" x2="24.99" y2="28.13" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="21.75" y1="27.35" x2="21.97" y2="32.17" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="30.78" y1="44.12" x2="31.58" y2="48.31" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="17.5" y1="38.69" x2="16.71" y2="42.89" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="9.87" y1="39.16" x2="13.17" y2="41.87" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="17.5" y1="33.44" x2="20.8" y2="36.15" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="21.67" y1="43.39" x2="20.2" y2="39.38" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="9.45" y1="42.01" x2="5.25" y2="45.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="15.12" y1="31.3" x2="19.23" y2="30.12" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="23.79" y1="50.9" x2="27.23" y2="48.36" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="15.11" y1="52.77" x2="17.32" y2="49.11" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="33.75" y1="34.15" x2="35.43" y2="38.08" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="41.75" y1="24.85" x2="41.2" y2="30.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="30.57" y1="38.9" x2="28.44" y2="42.61" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="39.67" y1="38.73" x2="36.36" y2="41.44" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="38.59" y1="52.05" x2="41.91" y2="54.74" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="36.91" y1="32.47" x2="40.2" y2="35.2" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="30.08" y1="34.59" x2="31.57" y2="30.58" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="34.28" y1="30.47" x2="37.92" y2="28.22" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="10.02" y1="47.92" x2="12.5" y2="44.44" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="41" y1="20.38" x2="38.61" y2="23.93" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="14" y1="37.85" x2="12.28" y2="32.64" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="13.16" y1="17.15" x2="15.93" y2="13.89" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="34.69" y1="21.86" x2="34.25" y2="27.35" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="21.5" y1="23.35" x2="23.41" y2="18.74" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="25.72" y1="42.06" x2="24.3" y2="46.09" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="31.69" y1="41.64" x2="35" y2="44.35" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="16.34" y1="21.93" x2="19" y2="26.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="25.13" y1="55.12" x2="28.77" y2="52.87" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="14.98" y1="28.92" x2="10.85" y2="27.81" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="14.37" y1="20.32" x2="12.75" y2="23.35" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="45.75" y1="5.85" x2="46" y2="11" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="30.46" y1="3.36" x2="33.77" y2="6.07" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="25.25" y1="5.35" x2="20.96" y2="8.34" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="13.76" y1="2.28" x2="17.5" y2="4.85" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="27.85" y1="16.5" x2="30" y2="20.2" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="30" y1="9.1" x2="29.45" y2="12.48" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="33.31" y1="8.65" x2="37.23" y2="10.36" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="25.51" y1="9.77" x2="27.71" y2="6.11" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="48.25" y1="21.1" x2="44.41" y2="24.49" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="17.75" y1="19.6" x2="19.65" y2="14.7" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="16.67" y1="8.58" x2="19.71" y2="11.59" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="42.22" y1="4.71" x2="40" y2="8.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="44.5" y1="15.09" x2="44.59" y2="19.37" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="40.62" y1="12.39" x2="44.88" y2="12.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="25.86" y1="12.96" x2="22.56" y2="15.68" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="45.25" y1="30.68" x2="43.56" y2="34.61" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="50.08" y1="38.59" x2="50.8" y2="42.8" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="50.7" y1="33.6" x2="52.28" y2="37.58" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="50.74" y1="46.68" x2="47.45" y2="49.41" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="52.6" y1="50.24" x2="54.81" y2="46.58" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="43.48" y1="45.25" x2="44.5" y2="50.35" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="54.61" y1="23.34" x2="50.35" y2="23.02" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="56.36" y1="40.21" x2="53.08" y2="42.94" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="47.65" y1="36.43" x2="45.85" y2="40.31" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="53.43" y1="26.2" x2="56.59" y2="29.08" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="7.75" y1="5.35" x2="5.03" y2="8.35" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="14.01" y1="10.21" x2="10.71" y2="12.92" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="11.18" y1="2.54" x2="12.41" y2="6.64" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="47.75" y1="30.75" x2="52" y2="31.23" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="6.75" y1="47.81" x2="5.07" y2="51.74" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="8.29" y1="52.97" x2="5" y2="55.7" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="6.13" y1="29.9" x2="9.42" y2="32.64" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="48.93" y1="7.12" x2="52.57" y2="4.87" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="50.22" y1="9.62" x2="48.8" y2="13.65" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="0.51" y1="14.48" x2="4.66" y2="13.45" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="2.51" y1="28.91" x2="4.73" y2="25.25" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="5.56" y1="18.33" x2="2.28" y2="21.06" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="7.34" y1="14.93" x2="9.5" y2="18.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="5.75" y1="21.1" x2="8.49" y2="25.63" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="4.01" y1="32.39" x2="3.22" y2="36.59" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="9.5" y1="35.6" x2="5.49" y2="38.68" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="11.45" y1="49.91" x2="11.77" y2="54.17" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="34.75" y1="12.6" x2="30.81" y2="15.89" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="37.38" y1="13.27" x2="39.53" y2="16.97" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="33.31" y1="17.56" x2="37.13" y2="19.48" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="28.46" y1="36.85" x2="25.16" y2="39.56" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="20.2" y1="44.7" x2="16.23" y2="46.28" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="20" y1="50.1" x2="22" y2="54.35" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="36.25" y1="47.35" x2="40.26" y2="48.82" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="37" y1="3.1" x2="36.59" y2="7.48" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="40.85" y1="41.63" x2="39.8" y2="45.78" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="36.17" y1="49.7" x2="32.07" y2="50.93" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="32.5" y1="23.6" x2="28.66" y2="27.73" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="49.95" y1="51.35" x2="51.63" y2="55.28" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="56.21" y1="36.53" x2="59.51" y2="39.24" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="56.96" y1="46.23" x2="60.26" y2="48.94" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="54.21" y1="32.17" x2="58.32" y2="30.99" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="56.44" y1="21.41" x2="58.59" y2="25.1" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="58.11" y1="14.48" x2="62.26" y2="13.45" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="59" y1="51.6" x2="55.71" y2="54.33" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="51.15" y1="14.55" x2="52.83" y2="18.48" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="60.33" y1="42.9" x2="56.15" y2="43.82" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="50.93" y1="26.1" x2="45.75" y2="27.35" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="6.07" y1="11.21" x2="9.6" y2="8.8" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="45.04" y1="42.43" x2="48.04" y2="45.48" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="53.09" y1="8.66" x2="55.09" y2="12.44" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="59.06" y1="17.93" x2="54.8" y2="17.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="26.36" y1="19.81" x2="27.5" y2="24.85" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="42.16" y1="36.41" x2="43" y2="40.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="47.21" y1="17.96" x2="50.96" y2="20.03" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="35" y1="54.35" x2="31.97" y2="53.38" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="20.65" y1="1.85" x2="20.2" y2="6.1" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="2" y1="5.6" x2="3" y2="10.85" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="56.25" y1="8.1" x2="57.74" y2="4.1" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="47.75" y1="52.73" x2="46" y2="56.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="44.33" y1="59.77" x2="40.66" y2="57.58" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="29.5" y1="55.2" x2="27.71" y2="60.69" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="21.5" y1="56.45" x2="24.5" y2="60.7" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="50.93" y1="57.37" x2="47.63" y2="60.08" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="8.53" y1="55.83" x2="7.6" y2="60" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="15" y1="55.6" x2="11.75" y2="57.95" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="1.6" y1="55.4" x2="2.4" y2="59.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="54" y1="60.4" x2="56.21" y2="56.74" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="34" y1="60.7" x2="33.97" y2="57.43" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="16.91" y1="54.14" x2="17.62" y2="58.35" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="37.15" y1="55.8" x2="39" y2="59.1" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
</g>
<g>
<line x1="-1.39" y1="36.53" x2="1.91" y2="39.24" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="-0.64" y1="46.23" x2="2.66" y2="48.94" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="-3.38" y1="32.17" x2="0.72" y2="30.99" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="-1.16" y1="21.41" x2="0.99" y2="25.1" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="0.51" y1="14.48" x2="4.66" y2="13.45" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="1.4" y1="51.6" x2="-1.89" y2="54.33" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="2.73" y1="42.9" x2="-1.45" y2="43.82" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="1.46" y1="17.93" x2="-2.8" y2="17.6" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="-1.35" y1="8.1" x2="0.14" y2="4.1" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
</g>
<g>
<line x1="44.33" y1="2.17" x2="40.66" y2="-0.02" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="29.5" y1="-2.4" x2="27.71" y2="3.09" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="21.5" y1="-1.15" x2="24.5" y2="3.1" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="50.93" y1="-0.23" x2="47.63" y2="2.48" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="8.53" y1="-1.77" x2="7.6" y2="2.4" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="15" y1="-2" x2="11.75" y2="0.35" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="1.6" y1="-2.2" x2="2.4" y2="2" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="54" y1="2.8" x2="56.21" y2="-0.86" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="34" y1="3.1" x2="33.97" y2="-0.17" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="16.91" y1="-3.46" x2="17.62" y2="0.75" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
<line x1="37.15" y1="-1.8" x2="39" y2="1.5" fill="none" stroke-linecap="round" stroke-width="1.6"></line>
</g>
</pattern>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<path id="filterPath"
d="M0.9169,0.5177c0.2799-0.0623-0.2209,0.6845-0.4219,0.4287C0.4021,0.8282,0.0593,0.8098,0.0732,0.5177S0.4464-0.1551,0.6282,0.0661C0.7606,0.2271,0.6948,0.567,0.9169,0.5177Z">
</path>
</defs><svg viewBox="19.5201416015625 113.38225555419922 255.18698120117188 143.7227783203125"
preserveAspectRatio="none">
<path class="background" d="M162,234.3C-13.76,299.39,4.07,208.94,52.73,164.63,171.67,56.34,419.41,139,162,234.3Z"
fill="url(#Capsules_2)"></path>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

86
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/pattern/pattern_labyrinth.svg Normal file
View file

@ -0,0 +1,86 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<pattern id="pattern" width="1634.68" height="1461.26" patternUnits="userSpaceOnUse" viewBox="0 0 1634.68 1461.26" patternTransform="scale(0.05)">
<rect width="1634.68" height="1461.26" fill="#FFFFFF"/>
<path d="M1617.34,1014.13c0,32-25.74,58-57.5,58s-57.5-26-57.5-58" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1617.34,170.13c-39.77,0-72-32.46-72-72.5s32.23-72.5,72-72.5" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M579.34,84a60,60,0,1,0,120,0V-44" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M579.34,1450.22a60,60,0,1,1,120,0v128" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M154.57,1427.13c-74.68,0-135.23-60.22-135.23-134.5s60.55-134.5,135.23-134.5H278.34" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M146.32,1335.13c-24.84,0-45-19.48-45-43.5s20.14-43.5,45-43.5h48" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1617.34,477.13V308.81a60,60,0,0,0-120,0v26.05" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M585,1143.58H510.9c-45.23,0-81.89-36.47-81.89-81.46s36.66-81.46,81.89-81.46H690.34M585.49,1228.18a84.48,84.48,0,0,1-84.43,84.53H373.48a57.21,57.21,0,0,0,0,114.42h10.7M690.34,894.5a85.26,85.26,0,0,0-85.21-85.31H548.72c-78.22,0-141.62-63.47-141.62-141.78V603.13" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<circle cx="605.34" cy="408.13" r="40" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<ellipse cx="715.34" cy="1210.63" rx="58" ry="57.5" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<circle cx="201.34" cy="272.13" r="63" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M201.84,409.13c77.59,0,140.5-62,140.5-138.5s-62.91-138.5-140.5-138.5-140.5,62-140.5,138.5" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1328.55,1239.58c-21.35,79.82,24.83,161.56,103.14,182.58s159.09-26.64,180.44-106.46S1587.3,1154.15,1509,1133.13" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M368,971.5a179.74,179.74,0,0,0-22.7,88.14c0,93,68.87,168.49,153.83,168.49M409.7,921.42C435,901.73,466,890.13,499.54,890.13h104.8" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M345.84,429.13a57.5,57.5,0,1,0,57.5,57.5v-57.5" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M88.84,881.71c-36.73,0-66.5-29.46-66.5-65.79s29.77-65.79,66.5-65.79,66.5,29.45,66.5,65.79v201.21" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1479.33,885.13c0,33.69,26.87,61,60,61s60-27.31,60-61-26.86-61-60-61h-201" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M983.34,154.92c-35.35,0-64,28.25-64,63.1s28.65,63.11,64,63.11,64-28.26,64-63.11V15.13" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M932.26,1369.13c0-32,25.76-58,57.54-58s57.54,26,57.54,58-25.76,58-57.54,58H898.34" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1106.84,577.7a57.22,57.22,0,1,1-57.5,57.22V421.13" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M79.84,583.83c-31.76,0-57.5,25.37-57.5,56.65s25.74,56.65,57.5,56.65,57.5-25.36,57.5-56.65V409.13" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M706,409.13c0-56.89-45.37-103-101.35-103s-101.35,46.11-101.35,103,45.38,103,101.35,103H870.34" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1516,742.13c56,0,101.36-46.12,101.36-103s-45.37-103-101.36-103H1250.34" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1124.34,190.63c0-53.3,42.74-96.5,95.46-96.5h98.08c52.72,0,95.46,43.2,95.46,96.5h0c0,53.29-42.74,96.5-95.46,96.5H1219.8c-52.72,0-95.46-43.21-95.46-96.5Z" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M283.84,886.13a59.45,59.45,0,0,1-59.5-59.4V657.53a59.45,59.45,0,0,1,59.5-59.4h0a59.45,59.45,0,0,1,59.5,59.4v169.2a59.45,59.45,0,0,1-59.5,59.4Z" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M845.34,810.63V721.29a46.33,46.33,0,0,1,46.5-46.16h0a46.33,46.33,0,0,1,46.5,46.16V900a46.34,46.34,0,0,1-46.5,46.17h0A46.34,46.34,0,0,1,845.34,900V878.38" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M931.34,333.06v7.79a80.39,80.39,0,0,1-80.5,80.28h0a80.39,80.39,0,0,1-80.5-80.28V96.41a80.39,80.39,0,0,1,80.5-80.28h0a80.39,80.39,0,0,1,80.5,80.28V98.8" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M89.09,967.13H84.28a62,62,0,0,0-61.94,62h0a62,62,0,0,0,61.94,62H227.4a62,62,0,0,0,61.94-62h0a62,62,0,0,0-61.94-62h-4.81" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M768.34,675.13V906.76c0,69.24,56.63,125.37,126.5,125.37s126.5-56.13,126.5-125.37V852" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M514.34,1067.13h207.8c79.09,0,143.2,64.47,143.2,144s-64.11,144-143.2,144H659.63" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M603.34,716.13H554.15a60,60,0,0,1,0-120h98.38a59.9,59.9,0,0,1,59.81,60v5.33a54.59,54.59,0,0,1-54.5,54.67" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1106.84,487.13H1163c37.73,0,68.32-28.88,68.32-64.5s-30.59-64.5-68.32-64.5H1050.66c-37.73,0-68.32,28.87-68.32,64.5" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M692.34,218.13H557.66c-85.23,0-154.32,69.39-154.32,155" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1466.84,1222c31.76,0,57.5,25.56,57.5,57.08s-25.74,57.08-57.5,57.08-57.5-25.56-57.5-57.08V907.13" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1036.34,1259.13c0-58.54,46.85-106,104.63-106h184.37" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M764.34,596.13h98.37c66.07,0,119.63-53.73,119.63-120" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1338.34,909.13v53.75a98.27,98.27,0,0,1-98.29,98.25h-76.71" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1524.34,641.13h-84c-60.75,0-110,49.69-110,111" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M235.34,1427.13V1336c0-52.46,41-96.41,96-107.88" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M61.84,341.13v184" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1105.84,764.13v152" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M951.84,1177.13v62" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1135.92,974.23h64.17a50.06,50.06,0,0,0,50.25-49.86v-9.31a40.71,40.71,0,0,0-40.87-40.55A40.71,40.71,0,0,1,1168.61,834v-8.41A40.71,40.71,0,0,1,1209.47,785a40.7,40.7,0,0,0,40.87-40.53V602.13m-152,404.93a100.12,100.12,0,0,1-100.19,100.07H971.34" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1498.34,405.05v20.28a51.87,51.87,0,0,1-51.94,51.8h0a51.88,51.88,0,0,1-52-51.8v-16.8a51.47,51.47,0,0,0-51.54-51.4h0a51.48,51.48,0,0,0-51.56,51.4v20.68" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1106.34,1301.09a73,73,0,0,1,73-73h0a73,73,0,0,1,73,73v53.07a73,73,0,0,1-73,73h0a73,73,0,0,1-73-73Z" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<line x1="1250.34" y1="59.01" x2="1250.34" y2="-43.43" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<line x1="1363.34" y1="25.2" x2="1363.34" y2="-43.43" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M1250.34,1461.26a56.5,56.5,0,0,1,113,0" fill="none" stroke="#3AADAA" stroke-linejoin="round" stroke-width="20"/>
<path d="M156.35,1427.13a34.53,34.53,0,0,1,34.54,34.54" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
<path d="M363.34,92.63c0,42.25,34,76.5,76,76.5s76-34.25,76-76.5-34-76.5-76-76.5h-235a13.4,13.4,0,0,1-13.4-13.4V-91.92" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-linejoin="round" stroke-width="20"/>
</pattern>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.8.4673c0 .1991-.2988.3327-.4996.3327C.1008.8 0 .6667 0 .4673c0-.2003.1008-.4673.3004-.4673C.5012.0004.8.2674.8.4673z">
<animate dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.8.4673c0 .1991-.2988.3327-.4996.3327C.1008.8 0 .6667 0 .4673c0-.2003.1008-.4673.3004-.4673C.5012.0004.8.2674.8.4673z;
M.9.6592c0 .1749-.1812.3408-.3812.3408C.3188 1 .1.8341.1.6592c0-.1761.2192-.3592.4188-.3592C.7184.3.9.4838.9.6592z;
M.8.4428c0 .1992-.1678.4572-.3686.4572c-.199 0-.4314-.258-.4314-.4572C.0005.242.2325.1.4314.1C.6326.1.8.242.8.4428z;
M.8.4673c0 .1991-.2988.3327-.4996.3327C.1008.8 0 .6667 0 .4673c0-.2003.1008-.4673.3004-.4673C.5012.0004.8.2674.8.4673z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 200 200" preserveAspectRatio="xMaxYMid meet">
<path id="background" d="M144.2 2.5c8.5 7.8 4.3 35.3 16 54.1C172 75.4 199.4 85.5 200 95.7c.4 10.3-26.5 20.9-48.2 22c-21.7 1.1-38.2-7-47.1-6.6c-8.9.2-10.2 8.9-23.2 29.6C68.5 161.4 44 193.9 25.7 199.3c-18.2 5.1-30-16.9-24.1-38.7c5.7-21.8 29.3-43.5 32.3-63.2c3-19.8-14.7-37.8-11.1-42.9c3.5-5.3 28.2 2.5 43.6-1.5c15.2-3.8 21-19 34.5-32.7C114.4 6.6 135.6-5.3 144.2 2.5z" fill="url(#pattern)">
<animate dur="15s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M144.2 2.5c8.5 7.8 4.3 35.3 16 54.1C172 75.4 199.4 85.5 200 95.7c.4 10.3-26.5 20.9-48.2 22c-21.7 1.1-38.2-7-47.1-6.6c-8.9.2-10.2 8.9-23.2 29.6C68.5 161.4 44 193.9 25.7 199.3c-18.2 5.1-30-16.9-24.1-38.7c5.7-21.8 29.3-43.5 32.3-63.2c3-19.8-14.7-37.8-11.1-42.9c3.5-5.3 28.2 2.5 43.6-1.5c15.2-3.8 21-19 34.5-32.7C114.4 6.6 135.6-5.3 144.2 2.5z;
M160.8 16.7c21.7 8.5 42.7 19.7 38.7 35.4c-4 15.7-32.9 35.7-38.1 53.4c-5.2 17.7 13.7 33.2 13.8 43.5c.3 10.4-18.2 15.7-34.8 22.8c-16.8 7.1-31.8 15.7-51.4 21.8c-19.4 6.2-43.5 9.9-57.8 1.7c-14.3-8.2-19-28.1-16.3-44.5c2.6-16.6 12.4-29.8 9.2-44.5c-3.4-14.6-20-30.9-23.5-48.5c-3.4-17.7 6.4-36.6 24.1-47c17.7-10.3 43.2-12 67.4-10C116.2 2.7 138.9 8.3 160.8 16.7z;
M107.4 55.5c7 18.1 11.9 23.4 32.6 29.1c20.7 5.6 57.1 11.5 59.9 18.4c2.6 7-28.2 15.2-39.4 32.5c-11.4 17.3-3.2 44-12.8 56.2c-9.6 12.2-37.3 10.1-57.3.5c-20-9.7-32.2-26.6-46.2-37.1c-13.8-10.4-29.4-14.3-32.7-22c-3.3-7.8 5.6-19.5 3.5-32.1C12.6 88.2-.7 74.6 0 63.6c.9-11 15.6-19.4 31.9-33.6C48 15.6 65.3-4.6 78.5.9C91.8 6.3 100.5 37.2 107.4 55.5z;
M144.2 2.5c8.5 7.8 4.3 35.3 16 54.1C172 75.4 199.4 85.5 200 95.7c.4 10.3-26.5 20.9-48.2 22c-21.7 1.1-38.2-7-47.1-6.6c-8.9.2-10.2 8.9-23.2 29.6C68.5 161.4 44 193.9 25.7 199.3c-18.2 5.1-30-16.9-24.1-38.7c5.7-21.8 29.3-43.5 32.3-63.2c3-19.8-14.7-37.8-11.1-42.9c3.5-5.3 28.2 2.5 43.6-1.5c15.2-3.8 21-19 34.5-32.7C114.4 6.6 135.6-5.3 144.2 2.5z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

38
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/pattern/pattern_points_1.svg Normal file
View file

@ -0,0 +1,38 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<pattern id="pattern" width="4" height="4" viewBox="0 -4 4 4" patternUnits="userSpaceOnUse">
<circle cx="1" cy="-1" r="0.5" fill="#3AADAA"/>
</pattern>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.6576.2997c.1024.0958.2115.1977.2171.3063c.0056.1078-.0922.2219-.1954.2566c-.1031.0347-.2104-.0107-.2926-.0366c-.0829-.0266-.1406-.0346-.1815-.0692C.1641.7228.1381.6616.1288.59C.1194.5184.1258.4377.1671.3426C.2087.2464.2852.1366.3718.1258C.4585.1155.5544.2046.6576.2997z">
<animate dur="40s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.6576.2997c.1024.0958.2115.1977.2171.3063c.0056.1078-.0922.2219-.1954.2566c-.1031.0347-.2104-.0107-.2926-.0366c-.0829-.0266-.1406-.0346-.1815-.0692C.1641.7228.1381.6616.1288.59C.1194.5184.1258.4377.1671.3426C.2087.2464.2852.1366.3718.1258C.4585.1155.5544.2046.6576.2997z;
M.815.2132c.0607.081.0739.2228.0461.3288c-.0277.1061-.0953.1762-.1564.2184c-.0607.0432-.114.0584-.1852.082c-.0716.0231-.1605.054-.2422.0118C.196.8109.121.6951.1252.5841c.0045-.1119.087-.2169.1688-.2978c.0821-.081.1624-.1369.2572-.1551C.6459.113.7542.1327.815.2132z;
M.7127.3c.0818.0788.1703.1503.1617.2129c-.0094.0626-.1153.1162-.196.1638c-.0818.0473-.1376.0878-.2408.1324c-.1021.0446-.2521.0941-.2965.0465c-.0448-.0473.0148-.1915.0437-.3067c.0296-.1155.0281-.202.0733-.2819C.3028.1883.3928.1174.4758.1257C.5577.1336.6317.2205.7127.3z;
M.7971.1498c.0778.048.0933.1748.0644.2765c-.0284.1017-.1004.1774-.1782.2615c-.0787.0848-.1628.1778-.2577.1865c-.095.0086-.1991-.0664-.2531-.1512c-.054-.0844-.0581-.1778-.0313-.2476c.0268-.0698.0837-.1156.1376-.1639C.3327.2635.3837.2136.4803.1731C.577.1318.7184.1014.7971.1498z;
M.6576.2997c.1024.0958.2115.1977.2171.3063c.0056.1078-.0922.2219-.1954.2566c-.1031.0347-.2104-.0107-.2926-.0366c-.0829-.0266-.1406-.0346-.1815-.0692C.1641.7228.1381.6616.1288.59C.1194.5184.1258.4377.1671.3426C.2087.2464.2852.1366.3718.1258C.4585.1155.5544.2046.6576.2997z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 200 200">
<path id="background" d="M185.1.2c14.2 3 5.8 49.9-2.3 81.4c-7.9 31.5-15.6 47.8-15.6 63.9c0 16.3 7.9 32.6-1.2 34.5c-9.1 1.9-35-10.5-49-7.2c-14.2 3.3-16.3 22.1-21.2 26.3c-4.7 4.2-11.7-6.1-29.8-7c-18.2-.9-47.1 7.5-55.7 1.4c-8.9-6.3 2.8-27 18.9-38.7c15.9-11.9 36.1-14.2 47.8-15.4c11.7-.9 14.7-.7 16.8-10.7c2.1-9.8 3.5-29.8 22.1-60.4C134.8 37.9 171.1-2.9 185.1.2z" fill="url(#pattern)">
<animate dur="40s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M185.1.2c14.2 3 5.8 49.9-2.3 81.4c-7.9 31.5-15.6 47.8-15.6 63.9c0 16.3 7.9 32.6-1.2 34.5c-9.1 1.9-35-10.5-49-7.2c-14.2 3.3-16.3 22.1-21.2 26.3c-4.7 4.2-11.7-6.1-29.8-7c-18.2-.9-47.1 7.5-55.7 1.4c-8.9-6.3 2.8-27 18.9-38.7c15.9-11.9 36.1-14.2 47.8-15.4c11.7-.9 14.7-.7 16.8-10.7c2.1-9.8 3.5-29.8 22.1-60.4C134.8 37.9 171.1-2.9 185.1.2z;
M122.3,72.4c8.6,13.2,25.4,3.8,36.6,3.8c11.1,0.2,16.6,10,21.1,22.3c4.3,12.3,7.5,27.1,5.7,43.6 c-1.8,16.3-8.8,34.1-21.6,45.7c-12.9,11.6-31.6,16.8-45,7.3c-13.4-9.6-21.3-33.9-44.8-39.3c-23.4-5.5-62.3,8-60.4,1.1 c2-6.8,44.8-33.8,49.1-58.4C67.1,73.8,32.8,51.7,26.4,37C19.9,22.5,41.6,15.6,60.7,8.4C80,1.3,96.7-6.2,105.1,8.3 C113.7,22.7,113.9,59,122.3,72.4z;
M157.1 9.8c8.9 12.2 7.2 35.4.9 52.1c-6.1 16.7-17.1 27-17.2 37c-.3 10.2 10.3 20.1 14.7 33.7c4.4 13.5 2.9 30.9-5.7 44.7c-8.7 13.9-24.4 24.4-39 22.4c-14.5-2.1-27.8-16.8-40.3-28.5c-12.4-11.7-24-20.5-20.2-31.9c3.8-11.6 22.8-25.9 18.4-42.9C64.2 79.5 36.1 60 36.7 55.9c.7-4 29.8 7.6 46.8 0c17-7.6 21.6-34.3 33.5-47C129-3.7 148.3-2.4 157.1 9.8z;
M119 77.2c3.9 10.3 10.6 7.6 26.4 8.6c15.8 1 40.9 5.6 44.2 12c3.5 6.5-14.6 15-21 32.4c-6.4 17.4-1 43.5-8.3 58c-7.3 14.5-27.4 17.1-37.5-.1c-10-17.1-10.1-54.2-13.2-71.2c-2.9-17-8.5-13.9-24.6-14c-16-.1-42.3-3.6-58-16C11.4 74.5 6.6 53.2 12.2 35C17.9 16.9 34 2 52.5.2C71-1.7 92 9.5 103 26.6C114 43.7 115.1 66.9 119 77.2z;
M185.1.2c14.2 3 5.8 49.9-2.3 81.4c-7.9 31.5-15.6 47.8-15.6 63.9c0 16.3 7.9 32.6-1.2 34.5c-9.1 1.9-35-10.5-49-7.2c-14.2 3.3-16.3 22.1-21.2 26.3c-4.7 4.2-11.7-6.1-29.8-7c-18.2-.9-47.1 7.5-55.7 1.4c-8.9-6.3 2.8-27 18.9-38.7c15.9-11.9 36.1-14.2 47.8-15.4c11.7-.9 14.7-.7 16.8-10.7c2.1-9.8 3.5-29.8 22.1-60.4C134.8 37.9 171.1-2.9 185.1.2z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.9 KiB

31
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/pattern/pattern_waves_1.svg Normal file
View file

@ -0,0 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<pattern id="pattern" width="6.24" height="6.24" viewBox="0 0 6.24 6.24" patternUnits="userSpaceOnUse">
<rect width="100%" height="100%" fill="#3AADAA"/>
<path id="patternLines" d="M0,1.7c1.56,0,1.56,2.84,3.12,2.84S4.68,1.7,6.24,1.7,7.8,4.54,9.36,4.54,10.92,1.7,12.48,1.7" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" stroke-width=".5" transform="translate(-6.2)">
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="3s" values="-6.2;0;" repeatCount="indefinite"/>
</path>
</pattern>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.815.2132c.0607.081.0739.2228.0461.3288c-.0277.1061-.0953.1762-.1564.2184c-.0607.0432-.114.0584-.1852.082c-.0716.0231-.1605.054-.2422.0118C.196.8109.121.6951.1252.5841c.0045-.1119.087-.2169.1688-.2978c.0821-.081.1624-.1369.2572-.1551C.6459.113.7542.1327.815.2132z">
<animate class="animation" dur="40s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.815.2132c.0607.081.0739.2228.0461.3288c-.0277.1061-.0953.1762-.1564.2184c-.0607.0432-.114.0584-.1852.082c-.0716.0231-.1605.054-.2422.0118C.196.8109.121.6951.1252.5841c.0045-.1119.087-.2169.1688-.2978c.0821-.081.1624-.1369.2572-.1551C.6459.113.7542.1327.815.2132z;
M.7971.1498c.0778.048.0933.1748.0644.2765c-.0284.1017-.1004.1774-.1782.2615c-.0787.0848-.1628.1778-.2577.1865c-.095.0086-.1991-.0664-.2531-.1512c-.054-.0844-.0581-.1778-.0313-.2476c.0268-.0698.0837-.1156.1376-.1639C.3327.2635.3837.2136.4803.1731C.577.1318.7184.1014.7971.1498z;
M.6576.2997c.1024.0958.2115.1977.2171.3063c.0056.1078-.0922.2219-.1954.2566c-.1031.0347-.2104-.0107-.2926-.0366c-.0829-.0266-.1406-.0346-.1815-.0692C.1641.7228.1381.6616.1288.59C.1194.5184.1258.4377.1671.3426C.2087.2464.2852.1366.3718.1258C.4585.1155.5544.2046.6576.2997z;
M.7127.3c.0818.0788.1703.1503.1617.2129c-.0094.0626-.1153.1162-.196.1638c-.0818.0473-.1376.0878-.2408.1324c-.1021.0446-.2521.0941-.2965.0465c-.0448-.0473.0148-.1915.0437-.3067c.0296-.1155.0281-.202.0733-.2819C.3028.1883.3928.1174.4758.1257C.5577.1336.6317.2205.7127.3z;
M.815.2132c.0607.081.0739.2228.0461.3288c-.0277.1061-.0953.1762-.1564.2184c-.0607.0432-.114.0584-.1852.082c-.0716.0231-.1605.054-.2422.0118C.196.8109.121.6951.1252.5841c.0045-.1119.087-.2169.1688-.2978c.0821-.081.1624-.1369.2572-.1551C.6459.113.7542.1327.815.2132z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 200 200" preserveAspectRatio="xMaxYMid meet">
<path id="background" d="M140.2,1.6c10.3,6.5,7.2,34.6,17.6,54.5c10.3,19.7,34.2,31.2,40.4,45.9c6.3,14.9-5.2,33.3-23,40.4 c-17.9,7.2-42.4,3.3-58.9,14.2c-16.5,10.8-25.1,36.4-37.2,42.1s-27.6-8.5-29.8-27.4c-2.1-18.9,9.2-42.3,3-55 c-6.1-12.9-29.5-15.3-41.5-24.4C-1.3,82.9-1.8,67.3,2.4,51c4.1-16.2,12.8-33,26.9-37.4c14.2-4.4,33.8,3.7,55.4,0.3 C106.3,10.3,130-4.9,140.2,1.6z" fill="url(#pattern)"/>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.4 KiB

42
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/pattern/pattern_waves_2.svg Normal file
View file

@ -0,0 +1,42 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<pattern id="pattern" width="250" height="30" patternUnits="userSpaceOnUse" patternTransform="rotate(41) scale(0.3)">
<rect fill="#FFFFFF" width="250" height="30"/>
<path id="patternPath" data-color="outline" fill="none" stroke="#3AADAA" stroke-width="3.77" d="M-62.5-15C-31.3-15 0-7.5 0-7.5S31.3 0 62.5 0 125-7.5 125-7.5s31.3-7.5 62.5-7.5S250-7.5 250-7.5 281.3 0 312.5 0"/>
<use xlink:href="#patternPath" y="15"/>
<use xlink:href="#patternPath" y="30"/>
<use xlink:href="#patternPath" y="45"/>
</pattern>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.875.2495c.0538.1029.0127.2523-.0475.3419c-.0602.0896-.1426.1229-.2408.2025c-.0982.0796-.2091.2125-.3231.2058c-.114-.0067-.2281-.1461-.2566-.2988c-.0285-.1527.0318-.3186.1331-.4315c.1013-.1129.2439-.1693.3896-.1693c.1457-.0033.2914.0498.3452.1493z">
<animate dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.875.2495c.0538.1029.0127.2523-.0475.3419c-.0602.0896-.1426.1229-.2408.2025c-.0982.0796-.2091.2125-.3231.2058c-.114-.0067-.2281-.1461-.2566-.2988c-.0285-.1527.0318-.3186.1331-.4315c.1013-.1129.2439-.1693.3896-.1693c.1457-.0033.2914.0498.3452.1493z;
M.7453.1261c.0953.0608.1684.2308.1526.4008c-.0159.166-.1239.3319-.2606.4129c-.1366.081-.3019.081-.4225-.004c-.1207-.0851-.2002-.2551-.2128-.421c-.0128-.1619.0413-.3198.1207-.3765c.0795-.0567.1875-.0081.2986-.0121c.1144-.004.2288-.0567.3241 0z;
M.7146.3168c.1146.1242.219.2706.1751.3566c-.0438.0891-.2325.121-.3942.1847c-.1617.0669-.2965.1655-.3773.1369c-.0842-.0286-.1146-.1814-.1179-.312c-.0033-.1273.0135-.2325.0742-.3439c.0607-.1114.1685-.2292.283-.2388c.1179-.0064.2426.0923.3571.2165z;
M.8079.2919c.0892.1116.1179.2623.0669.3649c-.0542.0995-.1912.1478-.3249.2171c-.1337.0693-.2643.1537-.3313.1175c-.0669-.0332-.0669-.1869-.1115-.3437c-.0446-.1568-.1401-.3075-.0955-.41c.0446-.1025.2262-.1478.3919-.1357c.1657.0121.3153.0814.4045.19z;
M.8654.124c.0699.0706.0222.3176-.0413.4897c-.0668.1765-.1526.2779-.248.3353c-.0954.0573-.2035.0706-.299.0176c-.0954-.0485-.1844-.1633-.2354-.3309c-.0509-.1677-.0636-.3794.0095-.4544c.0668-.0662.2226.0088.3911-.0044c.1686-.0176.353-.1236.423-.0529z;
M.875.2495c.0538.1029.0127.2523-.0475.3419c-.0602.0896-.1426.1229-.2408.2025c-.0982.0796-.2091.2125-.3231.2058c-.114-.0067-.2281-.1461-.2566-.2988c-.0285-.1527.0318-.3186.1331-.4315c.1013-.1129.2439-.1693.3896-.1693c.1457-.0033.2914.0498.3452.1493z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 200 200" preserveAspectRatio="xMaxYMid meet">
<path id="background" d="M193.6 5.2c11 10.8 5.8 40.7-.1 61.6c-5.8 20.8-12.5 32.8-9.7 55.3c3 22.4 15.3 55.3 7.9 69.2c-7.6 13.9-35 9-55-1.3c-20-10.3-32.6-25.8-51.8-35.9c-19.1-10.3-44.7-15.1-51.2-27.9C27.2 113.4 39.8 92.8 51 75.7c11.1-17.2 20.8-30.7 33.6-40.9c12.8-10.2 28.6-17.2 50-24.8C156 2.6 182.8-5.6 193.6 5.2z" fill="url(#pattern)">
<animate dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M193.6 5.2c11 10.8 5.8 40.7-.1 61.6c-5.8 20.8-12.5 32.8-9.7 55.3c3 22.4 15.3 55.3 7.9 69.2c-7.6 13.9-35 9-55-1.3c-20-10.3-32.6-25.8-51.8-35.9c-19.1-10.3-44.7-15.1-51.2-27.9C27.2 113.4 39.8 92.8 51 75.7c11.1-17.2 20.8-30.7 33.6-40.9c12.8-10.2 28.6-17.2 50-24.8C156 2.6 182.8-5.6 193.6 5.2z;
M135.5,17.9c22.6,14.9,42.8,35,54.2,60.1c11.4,25.3,14.3,55.6,3.7,79.6c-10.7,23.8-34.8,41.3-59,42.3 c-24.2,1.1-48.2-14.3-70.4-16.9c-22.1-2.5-42.4,7.8-50.7,1.6c-8.1-6.2-4.1-28.9-5.4-46.6c-1.3-17.8-7.9-30.5-3.2-37.8 c4.9-7.3,21.1-9.2,32.6-27.7C48.7,54,55.5,18.6,71.4,5.8C87.5-6.9,112.8,3,135.5,17.9z;
M157.3,35c10.3,16.2,16.7,29,24.3,43.4c7.5,14.4,16.2,30.6,17.9,50.6c2,20.1-3,43.9-17.6,56.7 c-14.6,13-38.9,14.7-62.7,14.2c-24-0.4-47.6-2.8-67-14.2c-19.2-11.4-34.1-31.4-40.2-53.5c-5.9-22-3-46.2,9.9-60.9 c13.1-14.9,36.2-20.6,54-34.5C93.9,23.1,106.5,1.1,119.6,0C133-1,147.2,18.7,157.3,35z;
M193.6 5.2c11 10.8 5.8 40.7-.1 61.6c-5.8 20.8-12.5 32.8-9.7 55.3c3 22.4 15.3 55.3 7.9 69.2c-7.6 13.9-35 9-55-1.3c-20-10.3-32.6-25.8-51.8-35.9c-19.1-10.3-44.7-15.1-51.2-27.9C27.2 113.4 39.8 92.8 51 75.7c11.1-17.2 20.8-30.7 33.6-40.9c12.8-10.2 28.6-17.2 50-24.8C156 2.6 182.8-5.6 193.6 5.2z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</svg>
<svg viewBox="0 0 1 1" id="preview">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.9 KiB

42
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/pattern/pattern_waves_3.svg Normal file
View file

@ -0,0 +1,42 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<clipPath id="pattern">
<path id="patternPath" d="M1498.93 61.35c28.53 88.9-124.51 296.74-129.69 418.68c-3.46 121.94 140.06 159.78 198 219.85c57.94 60.07 31.12 144.77-19 251.69c-49.28 106.92-122.78 237.87-235.17 248.68c-112.39 10.81-263.71-97.91-360.54-186.81c-98.57-88.9-140.07-156.18-302.61-200C488.21 770.16 204.62 750.94 87 668.65C-32.28 587 13.55 444.59 110.38 326.86c96.84-118.94 245.55-211.45 412.41-256.5c165.14-45 349.3-42 544.7-54.66C1263.75 2.48 1472.12-27.55 1498.93 61.35Z">
<animate dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M1498.93 61.35c28.53 88.9-124.51 296.74-129.69 418.68c-3.46 121.94 140.06 159.78 198 219.85c57.94 60.07 31.12 144.77-19 251.69c-49.28 106.92-122.78 237.87-235.17 248.68c-112.39 10.81-263.71-97.91-360.54-186.81c-98.57-88.9-140.07-156.18-302.61-200C488.21 770.16 204.62 750.94 87 668.65C-32.28 587 13.55 444.59 110.38 326.86c96.84-118.94 245.55-211.45 412.41-256.5c165.14-45 349.3-42 544.7-54.66C1263.75 2.48 1472.12-27.55 1498.93 61.35Z;
M1397,283.18c66.12,116.45,90.78,172.27,125.52,222.69,37,50.42,80.69,96,77.33,141.06-1.12,45-51.55,90.63-100.86,152.46-49.31,63-99.75,142.86-229.75,237.09-131.12,93-340.69,201.08-423.62,152.46-80.69-48.62-34.74-254.5-204-359.54C471.28,725,84.65,720.16,24.13,675.14c-59.4-46.22,205.08-133.85,405.69-183.67,198.36-50.42,331.72-63,436-170.47C970,214.76,1046.2,13.08,1137,.47,1226.63-10.33,1333.09,166.74,1397,283.18Z;
M1263.18 22.12c172.19-12.88 358.06 76.44 340.36 210c-16.1 132.76-235.76 308.17-313.81 468.29c-78 159.32-15.29 304.15-49.08 393.46c-33.79 89.31-165 122.31-276.79 101.39c-112.65-20.12-206-94.14-262.31-167.37C643.61 954.68 622.69 881.46 486.71 842c-136-38.63-387.83-42.65-463.46-115.87c-76.44-72.42 20.92-212.42 88.5-370.94c66-159.31 99.78-335.53 206-354c104.6-17.7 280 123.11 447.37 136C932.49 150.08 1089.38 35 1263.18 22.12Z;
M1188 257.2c89.43 117.16 106.2 228.92 134.14 320.85c27 91.92 66.14 165.22 137.88 282.39c73.59 117.16 177.93 278.18 95 324.45c-82.91 47.46-354.93-19.83-545-50.47c-188.17-31.24-294.37-27-447.15-13.22c-152.78 13.78-354 37.85-431.32-12C54.23 1059.35 101.77 936.74 89.66 825C77.55 712 6.75 611.69 15.13 504.74c6.52-106.95 92.23-217.5 232-320.84C386.9 80.56 579.67-13.78 756.67 1.24C936.46 15.66 1098.55 138.83 1188 257.2Z;
M1498.93 61.35c28.53 88.9-124.51 296.74-129.69 418.68c-3.46 121.94 140.06 159.78 198 219.85c57.94 60.07 31.12 144.77-19 251.69c-49.28 106.92-122.78 237.87-235.17 248.68c-112.39 10.81-263.71-97.91-360.54-186.81c-98.57-88.9-140.07-156.18-302.61-200C488.21 770.16 204.62 750.94 87 668.65C-32.28 587 13.55 444.59 110.38 326.86c96.84-118.94 245.55-211.45 412.41-256.5c165.14-45 349.3-42 544.7-54.66C1263.75 2.48 1472.12-27.55 1498.93 61.35Z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</clipPath>
<path id="filterPath" d="M.7077.1505c.1004.0999.2105.2469.1898.3562c-.0203.1094-.1714.1813-.3131.2592c-.1417.0779-.274.1638-.3838.124C.09.85.0018.6852 0 .5353c-.0014-.1498.0842-.2833.1696-.3793s.1705-.1537.2591-.156C.5164-.0027.6078.0506.7077.1505z"/>
</defs>
<svg preserveAspectRatio="none" viewBox="0 0 1600 1201">
<g clip-path="url(#pattern)">
<path d="M-279.34,117.77c49.59,132.33,88.19,269.29,127.39,405C-110.16,667.37-110,819.53-94.31,967.3c9.43,89,27.91,174.86,86.84,245.64,41.26,49.52,90.75,82.87,152.16,102.11,85.55,26.81,178.62,27.36,262.49,58.66,19.41,7.24,39.05,17,51.93,33.84,10.69,14,15.79,31.58,22.87,47.12,6.31,13.83,17,19.34,30.45,20.8,41.15,4.44,94-20.32,136.74-27.87,9-1.6,20.58-3.29,28.52-8,5.66-3.4,5.49-8.23,5.19-12.44-2.36-32.65-.88-66.91-9.06-99.08-9.38-36.88-32.78-62.39-64.78-78.42-54.88-27.45-125.66-29.49-188-40.37-61.52-10.79-123.46-22.55-182.44-43.67-49.93-17.85-96.72-43.14-136-79-49.27-45-75.88-107.13-92.23-169.87C-29.86,762.38-26.53,597-64.88,440.41-84,362.49-108.13,285.22-132,208.65c-20.41-65.57-42.2-131.71-71.62-193.29C-211.87-2-222-25.32-240.41-34.64c-8.94-4.52-18-3.69-26.6-2.07-12.82,2.43-25.69,8.16-33.39,19-25.47,35.76,6.14,100.3,21.06,135.46" fill="#383E45"/>
<path d="M-181.44,11.76c30.4,70.35,54.26,143.29,76.74,216.4,14.76,48,28.94,96.31,43.21,144.52C-39.73,446.21-26.62,521.54-16,597.32-4.38,679.56,5,762.94,21.53,844c18.82,91.93,49.05,179.64,124.29,241.34,59.84,49,133.18,76,207.35,94.83,46.11,11.69,92.86,20.37,139.64,28.61,43.63,7.68,89.27,11.68,130.47,29,55.41,23.34,81.66,69.15,108.63,119.1,10,18.51,26.49,31.27,44.46,40.75,43.07,22.7,93.57,32.85,142.24,40.87,6.36,1,12.95,2.08,19.76,2.85a263.59,263.59,0,0,0,40.9,1.41c1,0,2-.06,2.94-.13,9.58-.72,20.94-1.31,29.37-6.75,5-3.21,4.83-8.47,3.93-13.66-17.59-97.72-41.82-200-127.64-257.51-51-34.2-114.89-38.81-175.06-48.26-69-10.79-138.32-21.89-206.35-36.64C423,1061.71,337,1039,262.21,995.54,183.94,950.06,142,881.47,113.43,798.37,76.84,691.92,61.22,578.27,39.76,467.26c-21.39-110.62-54.09-217.78-87.7-325-20.21-64.47-41.27-130-70.55-190-8.53-17.48-18.41-34.85-32.9-48.51-10.44-9.9-23.4-19.7-37.58-23-9-2.11-22.36.77-28.13,8.74-10.86,15-1.1,38.09,4.69,53.24,9,23.53,20.25,46.32,31,69.11" fill="#3AADAA"/>
<path d="M-112.09-68.59C-80.94-5.74-57.87,60.52-36.54,127.1c14.7,46.05,28.7,92.5,42.88,138.75,23,74.89,38.47,151.61,53.77,228.36C76.84,578,94.49,662.26,120.36,743.31c15.23,47.68,33.74,95.27,60.21,138.27,27,43.9,67.54,75.53,112.31,100,91.17,49.85,195.73,73.93,296.83,94.06,54.16,10.78,108.66,19.75,163.18,28.52,50.84,8.18,103.45,12.74,150.27,35.8,74.26,36.49,117,107.4,156.48,176.71,13.39,23.52,31,43.71,50.67,61.67,43.23,39.4,89,70.68,144.66,90.81a169.16,169.16,0,0,0,21.33,6.61c12.65,2.73,26,4.57,39,2,.76-.14,1.51-.33,2.23-.52,9.5-2.51,13.72-7.56,15.93-14.81,1.42-4.66-.31-11-2.77-17.47-45.09-119.3-89.41-254.31-194.88-331.79-54.45-40-119.88-45.54-185.76-55-81.8-11.76-163.8-23.58-244.89-38.5-103.79-19.09-211-41.08-307.46-85.83C351.65,912.4,308.06,883,277.65,841.59c-26-35.46-45.77-76.26-62.51-116.51-43.07-103.62-69.15-213.91-96.89-323C91.7,297.68,58.55,195.76,24.48,93.73,5.39,36.53-14-21.78-41-74.8-49.35-91.19-59.32-107-71.74-121c-15.19-17.13-32.44-36.65-52.7-45.77-8.19-3.67-21.11-9.21-29.41-4.26C-173-159.68-120.26-83.91-112.07-68.49" fill="#7C6576"/>
<path d="M-37.54-104.1C-4.88-47.61,18.64,13,40.06,74.37,55.75,119.26,70.59,164.8,85.41,210c24.82,75.64,42.71,153.86,62.87,230.89C171,527.79,197.86,614.32,232.64,697c19.46,46.21,41.51,92.72,71.08,133.77,34,47.23,82.84,79.08,135.7,101.74,111.83,47.92,235.22,69.76,354.55,89.66,62.67,10.44,125.57,19.47,188.44,28.43,48.54,6.93,100.7,9.49,146.38,28.51,90,37.49,145.87,125.52,193.37,205.75,15,25.31,31.31,49.79,48.61,73.64,32.7,45.11,67.33,102.76,118.9,128,4.91,2.42,10.15,4.83,15.16,5.88,10.58,2.3,18.64-1.5,22.67-7.67a17.63,17.63,0,0,0,1-1.55c4-7.79,2.44-20.17.83-28.18a95.21,95.21,0,0,0-7.17-20.59c-61.56-131.4-138.83-274.62-259-357.2-53.76-37-113.79-43.52-178.47-51.92-81.9-10.64-164.19-19.35-245.79-30.86-104.74-14.78-213.38-31.48-311.55-73.3-95.63-40.76-153-115.2-190.59-208.81C296.33,611.67,275.31,504,247.8,398.9c-26.46-100.8-64.49-196.81-102.33-293.6C124.46,51.57,102.72-3.14,74-52.23A259.09,259.09,0,0,0,40.41-97c-23.8-25.74-49.87-50.87-79.8-69.25C-52-174-66.1-182.68-80.46-186.52c-16.67-4.46,3.5,23.62,6,27.3C-62.19-140.84-49.12-123-37.58-104.1" fill="#F6F6F6"/>
<path d="M72.55-92.57C112.38-39.45,144.17,18.31,170.8,78.64c19.1,43.3,35.07,88.8,52.08,132.57,28.6,73.52,42.7,153.5,59.33,231.27,18.73,87.63,39,176.53,71.05,259.76,17.81,46.24,38.24,91.33,71.89,129,36.65,40.95,82.93,68.85,134.09,88,105.3,39.34,220.17,52.09,331.23,64.24,58.21,6.4,116.52,11.85,174.72,18.35,49,5.48,102.53,7.53,149.23,24.51,92.41,33.54,165.46,115.55,227.6,188.09,21,24.51,42.53,48.59,64,72.54,51.1,56.86,98.64,133.57,175.34,158.24,7.85,2.52,16.26,4.74,24.63,4.83,14.39.14,32-6,39.87-19.16a25.15,25.15,0,0,0,1.45-2.71c6.26-14.18.15-29.52-4.82-43.13-3-8.3-8.42-16.82-13.62-23.92-57-77.79-127.66-148.91-200.88-212.83-77.18-67.45-160.39-131.06-250.22-178.92-30.63-16.31-63-31.72-97.07-40.42-31.69-8.1-65.88-9.41-98.42-11.56-74.45-4.9-149.27-5.13-223.67-7.84-93.74-3.34-192.16-7.36-281.5-39.21-44.8-16-86.11-41.81-117.74-77.61-29.25-33.11-42.72-77-50.67-119.52C390.14,574,398,471.16,392.45,370.39c-2.78-50.26-8.33-100.77-21.7-149.41-12.3-44.73-33.12-86.53-54.06-127.51C290.22,41.64,260.6-9.93,224.45-54.67a265.81,265.81,0,0,0-41-40.4C149.3-122.36,112.28-148.66,71-164c-14.92-5.55-31.48-10.08-46.76-11.81-22.16-2.53-2.15,23,2.77,29.21,14.71,18.4,30.93,35.53,45.55,54" fill="#3AADAA"/>
<path d="M202.31-121.95c52.77,48.79,99.81,102.69,137,163.49,24.42,39.93,48.05,83.85,60.5,128.47,21.07,75.48,15.69,158.79,13.73,238.05-2.17,87.39-5.3,176.23,9.12,261.24,7.79,45.88,24.93,88.21,60.21,120.83,33.13,30.65,73.22,51.23,116.43,63.53,90.94,25.88,188.85,23.65,282.5,22.6,50.32-.57,100.65-1.68,151-.8,45.29.79,93.57.57,137.78,11.47,123.1,30.38,237.56,110,340.27,180.67,36.22,25,72.85,49.75,108.75,75.07,57.86,40.81,112.77,86.11,170.3,127.67,49.73,35.93,103.7,68.21,164.25,80.64,13.07,2.69,27.2,5,40,3.6,18-2,44.67-8.54,47.65-31.25a21.42,21.42,0,0,0,.19-3.92c-1-22.42-22.48-42.69-36.84-57.51a360,360,0,0,0-28.82-26.26c-103.35-85.72-220.93-158.11-338.18-225.44-119.85-68.71-243.79-133.59-371.87-183.56-71.33-27.82-139.68-46.79-217-46.06-64.95.63-129.71,8.63-194.16,14.7-79.89,7.53-165.08,15.77-243.39-7.44-41.59-12.33-80.35-36.1-109.47-68.39-29.42-32.54-37.83-77.34-37.47-118.88.83-98.73,35.63-198,53.57-296.7,8.5-46.79,14.83-94.72,11.31-142.34-3.43-46.27-20.09-85.92-40.81-126.45C460.73-20.08,427.39-73.86,387.19-120.21a283.18,283.18,0,0,0-45.44-41.94c-44.13-32.66-94.89-61.6-151.37-66.25-17.83-1.47-38.73-.67-55,7.23-46.11,22.35,50.42,84.6,66.95,99.22" fill="#7C6576"/>
<path d="M334-219.53c61.21,52.78,118.3,110.34,161.46,177.88,26,40.76,52.4,87.47,59.66,134.78,12.48,81.16-13.82,169.11-34,249.88-21.78,87.1-54.36,182.34-45.12,270.18,4.55,43.46,21.58,78.58,57.39,106.92A237.78,237.78,0,0,0,642,767.94c76.5,12.83,156.12-2.26,231.7-14.7,79.28-13,161.4-28.8,242-19.8,57.15,6.37,113.3,28.93,166.48,49.63,80.16,31.21,158.49,67.27,235.66,104.9,49.27,24,98.66,48.41,147.31,73.69,96.72,50.24,191.1,105.42,286.82,157.89,70.69,38.75,145.7,80.93,225,97.63,11,2.32,23.19,4,34.2,1.78,23.26-4.72,13.93-34.78,7.19-47.25a55.07,55.07,0,0,0-3.34-5.18c-20.33-28.91-51.57-51-80.35-70.36-13.42-9.06-27.52-17.84-41.46-26.36-132.41-81-271.83-152.61-412.32-219.73C1551,788,1418.64,727.86,1282.64,681.62c-67.37-22.9-130.61-40.56-202.31-35.17C1021.7,650.86,964,664,906.56,675.39c-71.88,14.24-148.9,29.59-221.9,13.17-39.33-8.83-77.25-29.56-105.58-58.31-31.49-31.94-39.81-75.35-38-117.29,4.37-98.63,48.46-197.56,78.67-294.26,15-47.87,29.12-97,33.35-147.19,3.73-43.84-4-81.42-23-120.24a603.79,603.79,0,0,0-101.4-147,487.88,487.88,0,0,0-45.9-42.59C431.08-280.78,369.93-318.17,304-334.46c-16.62-4.1-38.94-7.76-54.92,0C199.48-310.2,317.56-233.28,334-219.53" fill="#383E45"/>
<path d="M1119.44-438.64c58.67,39.54,76,95.49,87.17,162,13.74,81.29,34.18,160.94,70,234.76C1300.2,6.72,1331.36,67.61,1377.5,99.46c53.32,36.8,132.43,18.71,188.72,2.5,83.72-24.12,170.54-62.08,246.06-108,29.64-18,46.46-27.73,75.45-6.67,4.12,2.94,9.34,7.15,15,4.2,4.35-2.27,7.85-8.28,11.26-13.89a276.73,276.73,0,0,1,25-35.33c8.41-10,19-22.62,19-36.53,0-9.14-4.47-15.57-8.24-20.37-6.58-8.37-21-33.27-34.78-27.65-11.64,4.76-22.34,14.83-33.37,22.13-29,19.24-60,36.09-90.72,51.55-103.33,51.94-252.7,114.58-357.3,31.08-73.22-58.47-122-135.73-139.11-226.69-11.47-60.93-18.72-121.69-51.18-175.66-12.16-20.21-28.46-36.66-48.54-47.83-20.49-11.39-51.2-16.22-73.19-4.51C1102.46-482,1102.56-451.21,1119.44-438.64Z" fill="#3AADAA"/>
<path d="M1007.74-419c-14.71.27-24.41,15.32-19.41,28.26a17.78,17.78,0,0,0,4.3,6.22c32.47,29.48,59.44,67.33,73.45,108.62,6.17,18.2,11.15,37,15.82,55.77,8.83,35.45,17.94,71.1,26.13,106.69,9.11,39.52,17.66,79.54,27.46,118.86,4.32,17.22,8.92,34.57,13.73,51.64,15.07,52.92,33.61,105.46,58.55,154.2,18.38,36,40.26,67,82.67,75.46,42.8,8.58,90-1.36,131-11.66,113.36-28.53,224.37-81.17,333-127.17,19.31-8.17,41.62-20.08,61.6-18.11,16.67,1.65,32.36,10.24,48.32,18.26,3.36,1.68,7,3.4,10.61,3.79a8.6,8.6,0,0,0,7.18-2.22c3.34-3.15,5.06-9.89,6.42-16.58,2.18-10.78,4.25-21.65,6.27-32.48.72-3.79,1.41-7.54,2.15-11.2,2.77-13.84,5-29.31.65-43.12a54.66,54.66,0,0,0-13.08-21.56c-11.82-12.67-29.58-34.57-50-30.23-15.34,3.26-30,11.59-44.2,18.4-32,15.27-64.5,29.72-96.7,44.41-38.34,17.5-77.34,34.53-116.69,48.91-60,21.92-132.5,46.83-197.78,35.29-57.07-10.15-94.32-61.42-122.94-106.56C1218.42-24.61,1196.48-92,1181-161.26c-7.17-32.05-12.34-65.05-19.68-96.84-6.36-27.6-14.83-55.07-27.65-79.77a155.76,155.76,0,0,0-40.09-49.39C1070.88-405.83,1037.41-419.54,1007.74-419Z" fill="#7C6576"/>
<path d="M886.1-371.72c-10.09-1-28.2-.09-28.1,14.88a9.7,9.7,0,0,0,1.71,5c23.22,38.8,55.36,71,73.54,112.7,8.37,19.21,15.71,39.2,22.51,59.07,12.76,37.6,24.94,76.25,35.77,114.19,12.13,42.52,20.8,86.88,29.91,130.58,4.16,19.93,8.3,39.9,12.6,59.78,13.14,60.67,27.93,121.52,48.79,179.66,14.49,40.41,29.7,90.05,66.54,116.55,38.11,27.43,89.43,21.34,132.51,14.59,147-23.08,284.57-92.33,429.87-126.57,28.81-6.79,61.4-16.58,90.16-9.31,23.64,6,46.21,19.37,68.9,28.87,4.36,1.82,9.12,3.4,13.51,3.63,3.09.17,6-.58,8-3.11,2.81-3.43,3.65-10.34,3.67-17.44,0-11.83-.66-23.74-1.77-35.58-.38-4.14-.88-8.25-1.34-12.24-1.72-15-4.51-30.85-11.31-44.32a82.06,82.06,0,0,0-17.19-22.3c-19.14-17.44-39.86-36.61-67.73-35.28-19.63,1-38.67,8-57.17,14-36.48,11.67-72.4,24.32-108,38.4-42.14,16.66-84.42,34.22-126.88,49.77-67.42,24.68-144.3,52.58-217.59,49.91C1213.16,311,1183.23,251,1155.19,192.21c-38.68-81.05-61.48-169.12-81-257.29-8.21-37-17-74.12-26.38-110.74-7.44-29-15.77-58.29-27.94-85a198.05,198.05,0,0,0-35.72-53.44C959.16-341,921.39-368.42,886.1-371.72Z" fill="#383E45"/>
<path d="M757.68-346c-12.88-5.24-31-12.26-44.53-7.2a3,3,0,0,0-2,2.19c-2,15.58,20.6,35.31,29.72,46.34,17.39,21,35.44,41.82,50,64.65,12.75,19.93,24.8,40.74,35.7,61.7A886.29,886.29,0,0,1,880-51.73C894.84-7.4,906.14,35.44,911.51,82.08c2.35,20.49,4.08,41.33,5.64,62,4.69,62.07,7.58,125.2,19.32,185.86,8.83,45.56,21.39,95.92,46.45,136.15,26.66,42.8,70.63,65.33,118.05,70.52,171.91,18.9,347.07-81.6,519.2-99.45,57.71-6,114.16,7.51,166.88,30.43,51.26,22.27,100.26,56.24,153.15,75.47,6.21,2.26,11.63,3.52,15.25,2.68,2.53-.6,4-2.56,3.44-7.14-.62-5.38-4.1-14.31-8.18-23.63-6.64-15.16-13.73-30.3-20.94-45.19-2.47-5.08-4.91-10-7.28-14.69-8.1-16.29-16.3-33.4-27.13-47.57a162.31,162.31,0,0,0-22.78-24.66c-26.82-23.08-55.91-45.93-92.49-49.36-61.33-5.75-132.75,15-190.19,31.54-45.29,13-90.59,28.28-135.82,42.11-75.23,22.93-155,46.87-234.5,48.06-36.09.53-70.55-7.4-96.77-33.56-25.25-25.19-38.73-61.08-52.15-93.13-40.09-95.74-65.12-197.29-90.51-298.19C969.36-12.69,955.83-55,943.28-97.6,933.82-129.72,924-162.16,911-192.52a286.48,286.48,0,0,0-34.81-60.12C845.74-292.82,803.85-327.27,757.68-346Z" fill="#F6F6F6"/>
<path d="M603.66-360.51c-17.47-9.25-37.37-18.85-57.65-21.25a29.46,29.46,0,0,0-5.71-.17c-19.11.79,19.36,35.28,22.85,38.56,22.07,20.79,45.51,40.45,66.19,62.43,18.11,19.27,35.76,39.51,52,60.27,31,39.51,58.33,82.57,79.44,128S789-4,786,45.85c-1.28,21.46-4.07,43.4-7.35,64.82C768.63,176,752.47,241.78,745,307.3c-5.39,47.23-5.42,94.84,3.49,142.15,10,53,35.77,94.08,81.33,119.43,89.75,49.86,206.65,26.8,305.79,4.7,91.21-20.32,190.26-58.05,284.77-51.45,115.28,8,231.38,64.84,333.08,114.79,60.09,29.51,119.4,61.42,178.72,92.87,46.66,24.75,93.85,52.45,142.62,70.82,8.65,3.26,18.37,7.24,27.8,7.39,4.42.07,7.24-1.87,6.17-7.13-1.76-8.67-7.33-17.23-11.77-24.91-10.26-17.7-22.38-34.87-34.83-51.34q-6.68-8.82-13.24-17c-15-18.69-31-37.07-48.59-53.12a480.58,480.58,0,0,0-42.48-34.3c-68.72-49.43-143.18-92.06-221.88-121.58-42.69-16-87.89-29.2-134-32.72-41.46-3.17-84,3.68-124.2,12-45.4,9.37-90.79,22.12-135.93,33.83-75.9,19.71-153.87,39-232.93,38.58-37.61-.21-75.83-7.59-107.14-29.4-33.69-23.52-52.25-57.09-65.93-93.86C896.87,322.25,889,209.21,878,96.85,872.71,42.4,863.1-8.42,845-59.87c-12.75-36.08-27.37-72.13-45.17-105.7a472.39,472.39,0,0,0-42.71-66.15C716.05-285,662.32-329.48,603.66-360.51Z" fill="#3AADAA"/>
<path d="M674.23,37.79c-7.61,91.14-47.34,181.07-76.65,268.69-28.72,85.9-64.46,198.6-14.21,277C626.6,651,725.75,668,804.64,663c81.34-5.19,160.51-27.63,240-44.19,37-7.72,74.38-14.59,112.15-17.07,42.73-2.81,81.81,3.92,122.81,15.85,151.27,44.1,296.28,114.8,436.42,185.1,108,54.18,214.64,111.82,321.78,168.15,41,21.56,82,43.12,123.81,63.05,25,11.9,51.7,25.84,79.16,30.58,7,1.21,12.6.46,13.1-3.92,2.49-21.81-25-51.5-39.32-68.08-24.23-28-54.35-51.39-84.58-73.1-182.8-131.26-392.76-237.4-604.81-315.8-66.52-24.59-141.59-54.42-213.73-53.18-60.11,1-119.54,15.47-177.84,28.86C1007,608.35,780,661.93,728.17,502.63c-27.59-84.78-14.95-182.95-1.66-273.43C739,144.08,764.21,49.67,747.65-35.06c-13.18-67.48-58-133.93-102.42-185.87C593.85-281,527.33-328.63,455.78-362.11c-20-9.35-42.89-19.12-65.38-19.85-38.26-1.26-7,30,5.89,41,25.24,21.5,53.95,38.9,79.46,59.78,63.08,51.63,121.56,110.33,162.36,180.57C664.11-55.83,678.57-14.13,674.23,37.79Z" fill="#F6F6F6"/>
</g>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

65
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/pattern/pattern_waves_4.svg Normal file
View file

@ -0,0 +1,65 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<clipPath id="pattern">
<path id="patternPath" d="M1287.58.7c82.33-12.93 80.89 155.17 144.44 337.64c62.1 182.47 189.2 379.3 164.65 554.59c-23.11 175.28-197.87 327.58-368.3 306c-169-20.12-332.2-214.08-564.74-274.42c-232.54-60.34-534.4 12.93-628.28-70.4c-93.88-84.77 18.78-324.71 122.77-508.62c104-182.47 199.32-307.46 316.31-287.35c117 18.68 257.09 181 410.19 165.23C1037.72 207.6 1205.26 13.63 1287.58.7Z">
<animate dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M1287.58.7c82.33-12.93 80.89 155.17 144.44 337.64c62.1 182.47 189.2 379.3 164.65 554.59c-23.11 175.28-197.87 327.58-368.3 306c-169-20.12-332.2-214.08-564.74-274.42c-232.54-60.34-534.4 12.93-628.28-70.4c-93.88-84.77 18.78-324.71 122.77-508.62c104-182.47 199.32-307.46 316.31-287.35c117 18.68 257.09 181 410.19 165.23C1037.72 207.6 1205.26 13.63 1287.58.7Z;
M1127.84 155.25c11 93-99.32 200.55 9.65 327.47c109 125.95 437.3 270.3 460.75 339.09c24.83 69.76-255.2 63-506.27 139.51C842.29 1037.86 618.81 1195.78 429.83 1190c-189-4.85-343.49-174.39-401.43-338.12C-30.92 688.11 7.71 530.19 133.24 444C258.77 357.81 469.83 343.21 605 265.7c133.81-77.51 191.75-218 285.55-249C985.75-15.26 1116.8 62.24 1127.84 155.25Z;
M1321.79,69.6c150.55,66.91,275,224.78,278.1,382.66,4.18,158.91-112.91,318.88-220.6,465.25-106.64,146.37-203.88,279.15-304.25,250.92-101.41-29.27-206-221.65-385.79-262.42-179.83-41.82-434.93,68-570.85,18.82C-18.56,874.64-35.29,666.59,60.9,539,156,411.48,364.1,365.48,509.42,297.52c144.28-68,225.83-157.87,355.48-214.33C993.49,25.69,1170.19,2.69,1321.79,69.6Z;
M1287.58.7c82.33-12.93 80.89 155.17 144.44 337.64c62.1 182.47 189.2 379.3 164.65 554.59c-23.11 175.28-197.87 327.58-368.3 306c-169-20.12-332.2-214.08-564.74-274.42c-232.54-60.34-534.4 12.93-628.28-70.4c-93.88-84.77 18.78-324.71 122.77-508.62c104-182.47 199.32-307.46 316.31-287.35c117 18.68 257.09 181 410.19 165.23C1037.72 207.6 1205.26 13.63 1287.58.7Z"/>
</path>
</clipPath>
<path id="filterPath" d="M.8278.3329c.0478.0914.0113.2242-.0422.3039c-.0535.0797-.1267.1092-.214.18c-.0873.0708-.1858.1889-.2872.183c-.1014-.0059-.2027-.1298-.2281-.2656c-.0254-.1358.0282-.2832.1183-.3835c.0901-.1003.2168-.1505.3463-.1505c.1295-.003.259.0442.3069.1327z"/>
</defs>
<svg preserveAspectRatio="none" viewBox="0 0 1600 1201">
<g clip-path="url(#pattern)">
<rect width="1600" height="1201" fill="#3AADAA"/>
<path d="M547.84,374.09c-.11-28.24-43.19-60-61.58-76.37C449.87,265.33,412,235.42,374.55,205s-75.08-60.69-110.82-94c-23.21-21.66-50.49-46-66.23-77C164-31.85,269.7-22.07,297.08-23.51c69.68-3.68,149.59-2,214.9-36.31,39-20.49,54.53-54.84,46.15-104.91-2.7-16.28-10.68-35-3.92-50.88,7.23-16.95,23.85-26.72,37.65-33.28,50.33-23.88,108.19-26.65,161.44-29.65,57.42-3.29,115.38-2.33,172.39-2.59,24.18-.1,49.43-10.7,72.45-19.32,30.18-11.29,60-24,89.93-36.24,65.85-26.92,133.7-55.26,203.36-62.1,43.63-4.28,91.31,1.51,125.2,38.76,17,18.7,25.92,46.51,35.76,71.21,11.91,29.84,23.35,60,36,89.34,40.85,94.59,99.15,187,193.8,191.68,14.31.7,28.38-1.58,42.63-2,9.07-.27,17.15,2.41,20.52,14,8.48,29.06-18.18,75-29.11,98-23.93,50.48-50.92,98.7-76.2,148.16-16.73,32.72-45.68,77.43-46,117.18-.27,35.41,38.32,61,59.33,78.45,19.69,16.34,55.36,39.19,57.52,72.42,1,16.11-7.65,29.46-16.74,39.82-15.93,18.12-34.29,30.9-48.62,51.58-23.5,33.91-43.13,80.58-39.94,126.29,2.21,31.66,17,52.4,35.85,72.23,7.91,8.33,14.34,14.23,14.75,27.76.68,21.49-6.22,44.23-11.9,64.16-20.32,71.3-49.19,140.24-81.29,204.62-16,32.17-33.38,64.24-54.66,91.69-13.93,18-32.72,39.46-54,39.44-24.61,0-50.65-10.84-74.57-18.94-44.67-15.15-88.8-32.66-132.76-50.62Q1094.58,1104.1,945,1031.66c-70.26-34.08-142-68.2-208.06-113.5a239.18,239.18,0,0,1-36.31-31c-12.05-12.29-27-17.8-42.15-21.9-94.05-25.46-197.1-5.91-291.54,6.34-24,3.11-47.95,6.23-72,8.41-20.67,1.86-45.41,7.23-65.49-.83-39.58-15.85-5-74.29,9.65-98.1C290.57,697.26,357,626.33,418.6,553.92c29.28-34.49,58.79-68.89,86.48-105.32C519.5,429.65,547.93,398.85,547.84,374.09Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M565.58,369.33c-15.78-29.88-43.48-52-66.47-72.76-33.08-29.93-67.2-58.19-100.82-87.27-31.78-27.49-63.62-55.3-93.06-86.53-17.94-19-40.46-41.82-49-70C237.83-8.25,337,1,361.52-.59c60.88-3.95,129.9-4.86,186.23-37,35.17-20.07,49.62-53.35,42.11-99.56-2.59-16-7.26-29.64-1.35-45.55,6.84-18.41,22.57-29.88,37-38,45.17-25.38,98.57-30.78,147.54-35.26,50.6-4.64,103.31-7.91,152.27-4.52,19.58,1.35,42.12-6.31,61.5-12.19,29.81-9.05,59.32-19.5,89-29.22,60.3-19.75,122.16-38.79,184.88-40.95,45.28-1.57,92.5,6.91,130.18,39.69,38.18,33.23,55.12,84.75,76.29,133.73,36.57,84.67,86,187.62,170.56,205.51,12.83,2.72,25.16,1.24,38,1.91,6.59.34,14.09,1.41,17.43,9.34,8.68,20.58-15.09,58.21-23.09,74-22.11,43.56-47,85-70.13,127.73-18.4,33.92-41.72,71.62-48.83,111.84-8.64,48.8,47.78,83.53,67.63,117.89,34.4,59.59-30.78,93.54-62.91,122-36.9,32.62-67.35,92.13-34.28,142.59,12.66,19.3,28.23,30.8,33.88,56,8.83,39.39,2.15,84.4-5,123.33-10.8,58.53-27.9,116.42-51.14,169.31-16.65,37.87-44.27,97.26-84.72,92.8-27.23-3-54.91-13.83-81.43-23.43-39.7-14.36-78.9-30.74-117.89-47.75-90-39.15-179-82.32-266.29-129.81C889.35,951.36,723.26,818.9,710.76,814.18c-37.26-14.08-79.63-11.6-118-9.42-51.1,2.9-102,10.4-152.76,17.36-24.18,3.29-48.49,7.32-72.8,8.94-17.31,1.15-40,2.14-55.19-10.13C282.37,797,315.34,742.18,329,719c41.76-71.08,94.58-132.62,144.11-195.55,24.31-30.9,49-61.75,71.05-95.12C553,414.85,575.34,387.79,565.58,369.33Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M587.42,354c-43.11-59.8-102.61-104.28-154-154.22-25.78-25.08-51.71-50.84-73.94-80.7-11.57-15.54-26-35.18-28.24-56.83C325.33,4.34,414.74,12.17,441.5,10c51.74-4.27,110.18-7.5,157.12-37.06,28.68-18.07,42.8-47.72,37.44-86.7-2.37-17.29-6.07-32,0-49,6.16-17.2,19-29.34,32-38.44,37.33-26.17,83.71-34.54,125.74-40.77a832.86,832.86,0,0,1,148.6-8.49c43.48,1.4,86.75-14.26,129.2-24.58,56.23-13.66,113.48-25.59,171-23.79,45.44,1.43,91.25,12.69,130.1,42.61,39.48,30.47,63.21,76.07,84.61,125.29C1489.66-56.53,1530,43.16,1601,71.42c10.32,4.12,19.94,4.57,30.59,5.29,5.17.34,11.85.45,14.41,7,6.17,15.84-16.64,46.56-23,57.26-20.32,34.18-42.34,66.82-63.17,100.54-19.44,31.48-40.62,64.29-52.7,101.18-19.22,58.76,42.23,93.11,40.51,149.1-1.07,34.76-28.35,59.69-50,76.94-26.6,21.2-64.89,35.14-78.21,73.84-9.91,28.82,5.65,45.6,17.63,67.47,20.31,37.06,21.69,87.29,19.58,130.19-2.85,58-14,116.79-32.93,170.07-8.59,24.15-19.11,49.27-34.59,68-14.51,17.59-28.24,22.09-47.63,18.49-59.35-11-119.28-41.79-176.2-69.26-71.51-34.52-142-72.64-210.45-115.52-46.66-29.24-94.37-60.18-135.32-100.58-10.67-10.53-21.6-22-29.4-35.87-5.9-10.44-8.41-19.06-18.35-25-29.48-17.66-70.47-13-102-11.2-50.5,2.92-100.75,10.7-150.94,17.71-29.28,4.12-84.45,17.07-107.84-14-20.18-26.83,4.18-72.58,16.62-96.21C459,587.12,499.49,534.66,537.06,480.65c17.21-24.75,35.1-49.7,49.32-77.22,3.63-7,9.45-16.31,10.45-24.84C598,368.83,592.72,361.37,587.42,354Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M591.13,367.93c-39.84-52.88-87.83-96.32-130.59-145.8-19.18-22.19-38.54-45.46-53.15-72.53-7.86-14.55-16.21-32.87-14-51,6.22-51.92,79.75-47.23,109.46-50.27,44.14-4.47,94.86-9,133.89-37C662.27-6.93,671.85-34,667.08-68.94c-5.12-37.47,6.33-64.66,32.41-85.56,32.69-26.19,74-36.86,111.92-44.44a633.35,633.35,0,0,1,138.37-12c45.05,1,88.71-8.16,133.46-14.15,59.35-7.94,120.59-11.85,179.26,4.42,51.09,14.16,97.23,45.38,131.82,93.66,36.13,50.39,54,113.87,83.35,169.61,18.3,34.78,43.81,80.77,78,94.29,11.4,4.5,32.18-1.58,23.07,20.6-5.2,12.68-15,23.81-22.64,34.18-12.44,16.75-25.29,33-37.93,49.57-27,35.22-55.82,71.19-76,112.9-25.46,52.52,12.38,92.93,7.77,146.18-2.48,28.66-18.81,51.53-36.08,69.49-11.17,11.64-23.4,21.72-35.88,31.12-13,9.83-28.47,17.31-39.84,30-16.2,18.07-9.17,39.47-6.13,62.83a615.7,615.7,0,0,1,3.5,124.18c-3.7,50.76-12.38,103-30.65,149.1-7.11,18-16.12,37-29.5,49s-27.21,11.22-42.53,7.59c-45.46-10.71-90.83-35.64-134-59.27-54-29.58-106.89-62.63-157.42-100.24-34.88-26-69.88-54-99.06-89.2-8.48-10.25-16.56-21.22-23.09-33.46-4.48-8.4-6.89-19.24-13.38-25.55-20.32-19.71-61.13-13.82-85-12.68-47.57,2.29-94.38,13.14-141.89,15.78-25.93,1.44-66.53,5.07-85.57-21.88-17.91-25.32-1.69-65.21,9-89.61,21-48,49.29-90.73,74.62-135.33,10.41-18.36,21.82-37.56,28.56-58.52C611.69,395,601.34,381.48,591.13,367.93Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M600.93,368.79C569.22,322.26,531,281,499.06,233.67c-18.7-27.69-50.89-74.25-36.43-113.29,15.86-42.9,71.14-44.07,103.1-47.52,38-4.12,82.71-9.74,115.26-36.53,10.29-8.47,19.06-19.67,22.78-34.44,4-15.8-.37-29.62-.94-45.44-1.19-33.18,15-59.82,36.53-78.12,30.36-25.86,68.32-38.09,104.17-46.62a524.16,524.16,0,0,1,123.31-14.15c39.55.16,78.67-.91,118.26-2.14,51.77-1.65,104.27,1,154.49,17.79,49.48,16.54,94.45,47.54,129.78,93.14,34.47,44.5,57.73,98.89,78.09,154.29,11.56,31.45,31.08,78.44,58.65,94.32,12.26,7.07,24.29,6.58,11.25,25-16.41,23.15-38.53,41.72-57.54,61.52-27.43,28.58-55.54,57.71-78.56,91.68C1366.56,374.82,1360,395.87,1361,424c.79,21.4,4.33,42.57,2.54,64.05-4.2,50.42-36.74,85-65.51,117.18-18.5,20.71-35.4,36.5-44.93,65.95-11.27,34.81-16,72.69-23.52,108.83-8.27,39.69-17.83,81-35.88,115.94C1177.65,927,1158.1,941,1128.85,932.6c-45.62-13.06-90.59-45.26-131.1-75-41.23-30.3-81.75-64.37-115.91-106-18.44-22.49-31-48.9-47.41-73.06-20.61-30.34-67.22-18.85-94.92-16.28-46,4.26-190.67,36.16-177.32-67.16,5.57-43.12,27.52-82.92,43.57-121,6.65-15.79,16.28-34.74,17.78-52.84C625.18,401.52,610.46,382.8,600.93,368.79Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M617.67,372.74c-24.23-42.16-53.23-82-74-127.54-13.49-29.49-26.73-68.9-9.34-100.11,19.64-35.21,63-43.42,94.76-47.91C661.85,92.56,701,88.67,727.78,62c8.53-8.5,15.55-20,16.86-33.71,1.26-13.17-2.3-26.35-1.12-39.76,2.65-30.12,17.61-54.93,36.9-72.93,57.08-53.25,142-65.09,210.88-66.48,34.47-.7,69.94,2.94,104.63,5.54,45,3.37,90.1,10.62,133,28.08,91.28,37.12,152.46,119.44,195.19,221.88,13.45,32.24,23.74,67.13,44.81,93,10.87,13.38,8.49,23-2.61,35.19-17.37,19.07-38.55,33.65-57.82,49.56-27.42,22.64-55.42,45.61-79.66,72.72-16.71,18.7-28.58,36.7-32.18,64.73-2.57,20-2,40.35-3.51,60.45-2.94,38.2-13,76.11-30.83,107.79-14.17,25.12-31,47.94-48.45,69.7a525.68,525.68,0,0,0-59,90.75C1132.08,793,1100,875.14,1046.31,853.41c-59.25-24-114.79-84.9-152.8-143.93-12.77-19.82-23.25-44.13-40.47-58.74-25.77-21.84-51.93-21.08-82.58-21-45.9.13-145.78,12.29-146.86-71.63-.42-33.25,11.37-64.69,17-96.67C647,425.64,634.22,401.48,617.67,372.74Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M635.72,376.5c-24-54.95-77.72-145.26-36.84-206.37,21.59-32.29,59.78-44.43,91.82-51.66,25.78-5.85,56.88-8,76.36-32.85,14.32-18.23,8-44.77,13.45-67.59,6.8-28.3,22.43-51.45,41.63-68.85,53.67-48.64,128.28-63.57,192.84-66.74,67-3.29,140.91,12.1,204,41.71C1297.65-38.91,1356.58,31,1397.79,119.6c7.61,16.34,14.52,33.12,21.82,49.67,4.9,11.1,12.18,21.84,16,33.51,6.44,19.47-1.14,35.38-13.3,48.07-17.49,18.27-39,31.27-58.92,45-27.26,18.76-55.14,37.19-80.5,59.2-17,14.81-34.89,30.76-41,56.46-4.16,17.52-5,36.09-4.87,54.24.32,38.92-1.35,70.39-16.24,106-24.49,58.52-62.16,111.14-101.95,154.92-31.23,34.36-80.64,87.74-126.14,64.76-40.82-20.57-64.7-69.8-91.59-109.61-13.08-19.35-27.77-37-45-50.79-21.76-17.36-42.25-24.64-68-27.48-43.39-4.78-108.83-6-122.24-69.54-5-23.44-2.12-47.72-4.72-71.47C657.73,431.14,647.81,404.22,635.72,376.5Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M660.64,378.54c-17.07-60.14-39.49-135.92,1.73-189.36,20-25.89,48-40.36,75.23-51.18,19.47-7.75,50.38-10,62.32-33.86,8.76-17.54,10-41.73,17.91-60.52A172.24,172.24,0,0,1,864.6-20.15c50.45-43.4,116.16-60.17,176.09-65C1170.9-95.54,1303.39-12.55,1373.07,124c20.77,40.7,47.59,84,14,125.6-36.66,45.36-91.88,66.61-135.63,98.85-16.72,12.3-38,27.1-47.34,49.38-5.61,13.39-6,30.2-6.25,44.94-.68,37.55-3.23,71.33-15.61,106.37-19.11,54.15-49.58,104.11-84.11,145-30.12,35.68-73.06,77.62-116.8,51.9-33.53-19.77-54.8-61.73-80.86-92.66-29-34.45-64.85-57.67-104.23-69-38.31-11-80.33-18.42-100.52-65.18-6.92-16-14.16-36.8-16.75-54.55a646.83,646.83,0,0,0-18.35-86.12Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M688.43,379c-7.9-60.72-8.78-124,27.91-171.89,17.12-22.33,38.76-38.19,60.65-52.56,16.1-10.57,32.73-19.49,44.75-36.83,11.14-16.05,19.61-34.69,30.37-51.16a235.39,235.39,0,0,1,50.28-56c47.92-38.12,106.2-55.95,162-62.14,27-3,56.28-4.57,83.09,3.63,25.89,7.9,51.5,20.41,75.31,35,50.61,31,94.47,76.3,126.27,133.62,21.81,39.31,33.6,77.54,5.36,117.42-31.83,45-81.74,69.77-122.88,98.95-28.22,20-59.84,39.63-65.11,82.15-4.2,33.84-7.61,66-18.46,97.95C1131.77,564.3,1108,607,1078.05,642.8c-27.39,32.58-62,60.23-101.22,42.82-31.05-13.81-55.13-44.75-82.25-66.87-30.23-24.7-63.44-38.33-98.41-49.28-31.43-9.88-61-25.07-81.33-57.31A161.23,161.23,0,0,1,703.11,491c-4.09-9.41-3.77-18.73-4.57-29.27C696.44,433.94,692,406.44,688.43,379Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M719.07,374c.67-57.68,12-112.19,43.17-157.13,13.3-19.23,29.2-35.07,43.84-52.69,11.79-14.2,22.93-27.4,36.49-39.11,32.16-27.71,58.3-63.58,92.48-88.26,45.62-33,97.89-51.23,149.74-58.52,25.33-3.57,51.48-4.81,77.1-.79,22,3.46,43.08,15.59,62.63,28,38.31,24.32,75.51,58.88,100.39,102.6,54.84,96.41-53.29,166.5-108.79,207.54-25.53,18.88-64.53,40.75-75,78.15-7.48,26.72-12,53.89-21.65,79.78C1093.63,543.12,1041.15,624.91,971.2,614c-29.92-4.65-57.2-23.55-85.14-36.24-28.77-13.06-58.46-20.35-88.36-28.34-28-7.47-50.22-18.09-68.27-46.57-8.63-13.61-7.87-29.89-8.64-46.58C719.54,428.88,718.76,401.32,719.07,374Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M747,366.61c11.23-87.06,53-182.1,114.33-232.65C933.48,74.48,1011.67,24.4,1097.91,10c40-6.68,83.79-10,121.51,11.87,28.72,16.6,62.07,41.42,77.87,76.32C1336,183.57,1250,251.53,1201,291c-26.38,21.26-60,42-79.83,73-11.54,18-17.43,41.81-26.74,61.59-28.22,59.91-74.67,108.24-132.53,116.88-26.76,4-53.71-.94-80.26-4.87-27.18-4-54.7-6.2-81.71-11.8-21.56-4.48-47-12.06-54.91-40.22C735,450.14,742.38,402.16,747,366.61Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M774.32,352.62c16.39-81.84,51.09-161.68,109.43-210.54,30.94-25.91,66.85-43.8,101.33-61.47,39.08-20,79.92-35.57,121.62-43.28,51.93-9.61,136-18.26,163.16,53.94,26.93,71.68-41.11,135.11-81.35,171.26-25.8,23.16-53.41,44.41-78.06,69.73-13.37,13.72-23.66,29.58-35,45.68-31.26,44.6-75.83,79.91-121.26,98.76-44,18.27-98.48,26.36-145,20.32-20-2.59-34.38-11.35-40.45-36.24C760.41,426.17,767.55,386.43,774.32,352.62Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M801.51,330.58c16.28-72.06,51.39-137.88,102.61-181.13C961.54,101,1035.47,74,1103.42,60.32c36.12-7.28,114.39-27,132.8,29.46s-34.81,112.11-65.44,142.75c-37.18,37.12-77.26,73-117.3,106.27-34.78,29-71.9,58.57-109.58,80.93a358.64,358.64,0,0,1-66.14,31c-16.85,5.8-38.28,14.47-56,10.14C777.24,449.91,793.72,365,801.51,330.58Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M835.07,309C870.79,172.72,984,105.7,1092.92,82.33c25.33-5.42,96.31-25,110.46,16.66,13.72,40.36-29.9,88.23-50.32,110.91-63.28,70.27-141.46,122.38-215.54,174C914.39,400,872.69,435,844,418.85,812.86,401.3,827.67,337.26,835.07,309Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M871.66,282.77c31.06-100.36,121.41-157.92,204.48-176.9,20.35-4.64,72-19.09,87.43,8.91,14.26,25.91-19.77,63.45-32.5,78.37-28.35,33.21-61.94,60.58-95.13,86.88-30.68,24.33-61.7,49.28-94,69.86-17,10.83-48.9,33.95-68.23,17.22C852.92,349.11,864.76,305.06,871.66,282.77Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M912,253.45c23.68-65.54,87.09-108.1,143-122.24,15-3.8,47.58-13.65,60.28,3.85,11.69,16.12-7.15,39.75-15.51,50.67-37.06,48.37-91.32,91.58-141,118.12-12.5,6.67-35,19.77-47.83,6.3C897.7,296.32,906.54,268.5,912,253.45Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M954.75,225.92c13.34-32.55,48.21-57.1,77.09-64.92,20.33-5.49,44.76-.74,27.05,27.58-17.6,28.12-50.26,53.79-77.93,65.18C959.84,262.44,943.29,253.87,954.75,225.92Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M-127.15,451.32C-128,387-156,320.21-142.17,254.69c11.35-53.8,68.51-58.3,102.79-82.67,27.25-19.37,42.71-53.68,57.45-86.59,13.24-29.56,25.13-60,39.08-89.06,9-18.79,24.53-55.69,44.11-56.36,18.74-.64,35.93,28.11,46.82,45.11,14.19,22.16,26.78,45.78,40.57,68.29,23.23,38,51.1,66.07,83,92.67q54.48,45.39,110.76,87.69c27.62,20.82,55.43,41.49,82,64.37,16.65,14.36,53.41,41.29,53.58,67.76.08,12.63-9.72,26.62-16.33,36.71-11.19,17.09-23.93,32.71-36.72,48-23.82,28.47-48.65,55.65-73.21,83.17-31.87,35.7-62.32,70.82-90.34,111.36-29,42-56.65,85.3-84.89,128.05-19.13,29-38.24,61.48-65.83,79.25-34.56,22.21-62.92-1.21-97.87-1.48C22.75,850.72,25,765.68,21.14,742c-3.83-23.93-12.28-46.21-15.56-70.2C1.5,641.89,1.45,611.25.44,581c-1.22-37-1.7-72.26-34.12-86.38-18.44-8-38.4-9.71-57.49-14.51C-103.54,477-126.88,471.64-127.15,451.32Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M-112.37,439.89c-3.15-53.9-21.76-122.88-4.16-178.52,15-47.54,62.08-53.7,93.75-78.68C3.37,162.09,15,128.39,28.08,95.27c10.49-26.56,20.66-53.38,32.56-79.1,8.77-19,22.17-50.95,40.41-54.87C117.44-42.22,135-14,144.23.39c13.43,21,24.92,43.76,36.78,66.07,20.84,39.18,42.19,74.41,72.69,103.19s64.17,50.52,98.05,73c26.5,17.6,52.87,35.71,78.06,56,18.76,15.13,45.73,34.49,54.31,61.47,6.79,21.34-27.67,56.75-37.83,69.25-20.92,25.7-43.08,49.83-65.29,73.81-27.07,29.21-55,54.76-78.92,88.09-42.76,59.59-78.5,133.8-133.52,178.09-33.19,26.71-70.12,33.54-107,29.54-14.61-1.58-18.12-26.77-20-41.46-3.06-24.4-3.44-49.23-5.8-73.73-2.21-22.94-7.1-44.74-11-67.23-4-22.79-5.12-46.14-8.06-69.09C14.83,533.18,13,516.6,5.06,505.15c-8.25-11.85-21.85-16.82-33.74-20.6C-51,477.53-110.14,477.92-112.37,439.89Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M-93.34,417.32c-5.3-49.47-12.72-111.09,8.87-156.67,17.64-37.26,55.28-45.3,82.17-69.59,22.36-20.19,30.8-52.31,41.9-82.15,9.11-24.49,18.26-49.07,29.3-72.37,8.37-17.67,19.16-41.62,35.78-47.78C118.89-16.51,135,7.08,142.83,18.82c13.41,20,24.35,42.44,35.21,64.57,17.77,36.2,34.12,74.88,59.41,104.33C262,216.3,291.22,233.17,321,252.14c22.77,14.53,45.41,29.62,66.87,46.95,16.48,13.3,36.9,29.06,45.49,51.19,7.43,19.08-11.64,41.67-21.16,55.13C396.43,427.63,379,448,361.75,468.47c-18.58,22.08-39.15,42.45-57.13,65.07-37.81,47.6-68,100.31-114.61,136.78C159.83,694,119.22,715.41,83.55,711.55c-25.65-2.78-24-72.09-26.43-94.23-4-36.21-11.88-74.25-24.31-107.6-10.67-28.58-36-37.39-59.36-43.8-14.62-4-29.94-6.2-44.08-12.42C-87,446.29-91.12,438.06-93.34,417.32Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M-75.6,394.13c-3.16-41.82-2.45-91.28,18-127.46,17.92-31.69,49.81-40,72.49-65,17.7-19.48,24.66-51.24,34.18-77C60.69,93.18,77,35,106.35,23.16c27.3-11,55.86,59.37,65.74,80.35,15.65,33.22,28.74,69.65,47.72,100.33,16.35,26.41,38.25,41,61.49,56.7,29.63,20,74.63,43.79,90.47,82.85,11.81,29.1-26.59,72.36-39.71,92.52-13.71,21.06-24,46-38.2,66.35-22.34,32.06-58.54,57.88-88.42,77.58C176.38,599,138.65,620.21,105.69,619c-21.66-.83-25.78-41.66-30.4-61.61C68.67,529,59.86,503.57,41,484.28,21.7,464.65-1,455.4-24.84,447.3-37.09,443.17-51,440-62,431.62-74.11,422.55-74.38,410.21-75.6,394.13Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M-54,370c.17-36.14,6.94-74.67,27-102.54,16.72-23.22,42.88-31,58.89-54.72C44.59,194,51,167.61,59.53,145.79c10.38-26.74,25-73.46,50.86-82.74,25.19-9,47.47,42.42,57.13,62.78,14.14,29.85,25.59,61.49,39.86,91.26,11.18,23.36,24.86,38.41,43.06,53.47,21.37,17.68,51.19,37.27,62.6,66.52,8.23,21.18-11.69,55-18.92,73.68-4.85,12.53-9.29,25.26-11.73,38.84-1.9,10.58-2.09,20.37-7.59,29.45C261,501.9,230.57,504.88,210,512.41c-27.37,10-56.41,21.36-85.05,23.52-17.61,1.36-26.59-18.44-36.64-32.37-11.88-16.47-28.69-28.31-43.37-40.73C25.52,446.4,4.44,436.19-17.38,425.72c-9.84-4.72-21.39-9.35-29-18.74C-54.36,397.25-54,383.07-54,370Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M-31.28,348.57c3.48-30.34,14.32-59.35,32.64-80.8C15.39,251.3,34,242,45.3,222.23c10.5-18.45,17.81-39.42,26.48-59.15,9.18-20.85,22.81-55.7,44-61.38,22.81-6.11,40.38,29.05,50.11,48.54,12.29,24.62,21.62,51.11,32.61,76.59a218.07,218.07,0,0,0,31.33,51.51c13.1,16,30.87,31.3,37.49,53.28,5.86,19.47-5.1,43-7,62.76-2.07,21.09,1.55,43.25-9.92,61.36-23.66,37.35-83.05,30.42-117,31.22-33.5.82-60.43-22-87.54-43.77C27.88,428.83,9.24,416.68-9.12,403.3-27.84,389.65-34.34,375.28-31.28,348.57Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M-10.18,331.2c10.29-44,42.42-67.33,65.39-100.55,18.79-27.21,32.89-83.54,64.54-91,35.93-8.45,57.45,66.18,69.94,95,13.86,31.94,38.55,57.92,48.82,91.73,5.4,17.75.76,34.31-2.11,52.05-3.15,19.48-5.52,39.39-16.39,55.07C198.6,464.34,156.8,464.12,126.69,465c-31.17.89-58.74-20.26-83.57-41.36C16.78,401.27-20.72,376.29-10.18,331.2Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M7.05,319.28C18.64,288,43,262.49,62.77,238.45c16.5-20,34.25-60.39,59.4-63.26,29.57-3.39,47.48,39.69,59.12,66.11,11.45,25.95,28,53.36,34.28,81.85,6.62,29.68-11,69.65-27.78,90.65-18.73,23.41-49.37,32.07-75.65,31.13-27.53-.95-52.79-20.3-73.63-40.38C16.22,383.09-6.43,355.65,7.05,319.28Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M23,313.39c11.07-26.06,30.27-48.1,48-67.76,13.66-15.17,33.81-41,53.52-41.61,21.68-.7,40.05,21,48.66,43.16,8.5,21.9,17.45,49.36,18.72,73.39,2.76,52.32-53.46,110.93-95.68,106.16C56.2,422.2,1,365.3,23,313.39Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M37.83,310.51C53.1,276.57,90.21,228.17,124.56,227c39.43-1.31,49.33,52.54,44.19,91.57-5.22,39.83-50.68,97.49-86.93,89.7C46.44,400.68,19.72,350.77,37.83,310.51Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M53.44,305C66.37,276.6,94,241.1,122.76,240c34.29-1.28,33.65,44.19,25.87,72.49-8.09,29.38-43.71,79.57-73.74,71.64C45.69,376.43,41,332.26,53.44,305Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M67,301.75c8.53-20.28,29.9-45.91,50.21-46.73,24.83-1,20,35.08,13.59,52.48-7.63,20.71-33.18,56.7-54.63,50.87C55.09,352.63,60,318.46,67,301.75Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M1234.93,1460.51c-55,40.69-117.07,74.27-175.65,108.41-85.61,49.88-172.48,98.42-262.43,135.58-48.23,19.92-110.72,48.64-162.47,33-18.92-5.7-36.17-23-53.14-34.16-23.39-15.46-47.12-30.15-70.82-44.87-47.53-29.52-95.21-58.73-141.93-90.14-22.49-15.12-44.32-34.18-67.74-47.08-13.68-7.55-30.06-4-44.68-3.54-33.88,1.11-67.73,3.22-101.58,5-41.41,2.19-82.91,4.52-124.37,3.66-18.7-.4-64.49,3.65-74.78-16-5.54-10.59,7.51-29.67,13.56-38.5,11.11-16.23,23.88-30.86,36.48-45.34,29.14-33.48,60.08-65.36,86-102.76,13.3-19.22,30.74-42.71,22-69-8.77-26.5-24-49.46-33.22-75.88-10.68-30.4-15.1-62-20.14-94.27-3.73-23.83-12.42-44.94-20.58-66.9-9-24.28-18.38-48.77-24.64-74.37-4.15-16.91-10.83-47.34,3.66-58,20.58-15.22,59.19-2.89,82.65,1.59,32.43,6.19,64.63,14.07,97,20.86,23.48,4.94,47,10.36,70.91,10.93,38.48.93,77.09-2.28,115.47-5.28,71.06-5.55,141.62-13.07,212.92-13.07,62.48,0,206.84,88.2,240.63,103.73,67.45,31,136.7,60.39,200.53,101.64,17.26,11.17,43.84,26,52.92,49,5.61,14.16,3,22.35,16.25,31.48,18,12.45,41.15,17.34,61.11,22.91,32.16,9,64.56,16.57,96.86,24.69,65.33,16.39,130.22,34.92,195.28,52.76,19.67,5.39,43.47,6.58,62.22,16.08,12.09,6.1,10.83,13.77,1.48,23-16.41,16.26-39.41,25.29-58.8,34.57-28.4,13.58-57.27,25.71-86.15,37.66s-57.92,23.53-86.81,35.5C1273.85,1441.4,1252.08,1447.81,1234.93,1460.51Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M1189.71,1451.56c-58.13,40.77-122.65,73.25-184.85,104.94-79.61,40.58-161,78.62-244.9,104-49.25,14.88-107.36,31.32-157.68,14.25-17.95-6.09-31.36-19.78-46.75-31.87-17.54-13.78-35.76-26.42-54-38.86q-56.25-38.4-113.68-74.17c-20.28-12.69-42.61-29.67-65.52-34.07-18.21-3.51-38.9,1.56-57.2,3-33,2.65-65.89,5.39-98.86,7.71-38,2.68-76.18,5.15-114.3,4.72-21.24-.24-57.71,3.71-72.74-13-13.1-14.62,34.62-67.5,43-77.55,26.21-31.37,53.78-61.24,78.17-94.78,14.42-19.78,32-43.84,38.05-70.06,5.18-22.34-4.81-47.8-10.7-68.45-7.38-25.87-13.33-52.69-21.89-78-7.63-22.57-19.78-42.67-30.44-63.18-11.74-22.57-23.62-45.51-32.33-70.12-5.33-15.15-14.16-40.52-3.56-55,12.25-16.65,50-5.77,65.54-3.4,31.5,4.88,62.75,12.14,94,18.63,52,10.78,101.48,20.21,154.37,18,68.89-3,137.71-9.89,206.59-13.73,25.43-1.43,51.27-4.32,76.73-2.76,14.59.9,25.7,6.34,34.19,18.61,11.59,16.75,38.28,26,56.85,35.63,28.95,15,58.26,28.9,87.5,43,64.17,31,129.57,60.86,190.43,100.94,19.26,12.68,41.31,26.81,55.55,47.75,8,11.68,5.94,22.93,10.79,35.34,6.43,16.33,27.54,23.7,40.16,29,24.37,10.32,49.73,17.23,74.89,23.71,56.94,14.66,114,24.29,171.88,31.39,13.56,1.65,67,7.36,38.91,34.88-31,30.43-75.72,45.34-112.2,62.48C1252.91,1416,1220,1430.3,1189.71,1451.56Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M1109.38,1444c-54.64,35.87-115.17,62.63-174,88.23-71.41,31.06-144.61,58.75-219.5,74.26-47,9.74-98.91,17.22-145.64,1-31.91-11-56.6-40.9-84.63-61.44s-57.19-39.82-87.22-55.89c-18.64-10-38.69-20-59.43-18.7-50.43,3.19-100.8,10.8-151.29,14.5-33.39,2.47-66.86,4.5-100.36,3.89-20.2-.36-47.95,1.12-65.83-11.85C1.7,1463.72,107,1341.25,116.9,1327.47c24.95-34.56,55.15-80.43,50.33-129.58-4.62-47-24.61-82.07-47.22-118.88-12.83-21-54-76.89-38.73-104.13,8.71-15.57,37.43-10.18,51.07-9.12,26.89,2.09,53.62,6.58,80.37,10.48,39,5.66,79.06,14.39,118.23,17,27.27,1.78,54.71-.6,82-.65,39.18-.07,78.35.29,117.52.72,32.89.36,66.06,0,98.83,3.85,20.38,2.37,35.85,7.7,50.46,22.74,12.72,13.08,31.91,20.74,48.11,29.06,26.78,13.74,53.9,26.47,80.93,39.4,56.61,27.09,113.86,53.62,168,87.47,24.73,15.44,66.31,37.07,72.11,74.52,2.1,13.5,3.64,19.34,14.44,27,15.34,10.89,33.71,15.8,50.92,20.07,40.12,10,81.4,8.47,121.45,18.31,16.31,4.06,37.6,12.82,19,32.86-21.73,23.45-53.35,36.33-79.38,50.81-13,7.23-26.38,14-38.72,22.82C1127.18,1429,1119.07,1437.7,1109.38,1444Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M1005.89,1432.82c-50.47,29.13-105.3,50.31-159.13,69.41-59.8,21.18-121,38.73-183.09,46.19-42.85,5.17-88.5,6.7-130.08-9.13-26.3-10-44.13-31.07-66.76-48.73-34.15-26.7-71.1-47.84-112.14-42.7q-69,8.64-138.45,13c-27.93,1.74-56,3-83.93,1.83-17.68-.76-40.46-2-55.84-11.81-20.58-13.09,56.72-112.7,66.36-127.22,23.89-36,41.41-73.78,51.65-118.39,8.35-36.4-8.71-65-26.3-92.24-10.94-16.91-46.28-59.44-35.21-81.4,6.07-12.11,26.07-11.48,36.81-12.1,20.47-1.17,41,0,61.5.59,30.23.82,62.41-4.85,92.38-.28,66.43,10.09,132.69,18.84,199.52,25.76,36.85,3.81,73.91,7.27,110.43,14.62,13.11,2.64,26.65,5.44,39.07,11.41,8,3.83,12.34,10.37,19.09,15.73,32.15,25.52,74.12,38.65,110.33,55,48.14,21.74,96.53,43.15,143.39,68.83,24.65,13.51,59.07,29,76,56.61,5.12,8.33,2.94,15,6.16,23,3.71,9.24,15,12,22.25,14.56,16.52,5.85,85.64,14.69,53.79,49-15.2,16.34-34.57,26.82-51.7,39.67-6.21,4.65-12.26,9.33-17.43,15.6C1025.94,1420.14,1017.42,1426.14,1005.89,1432.82Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M895.63,1420.2c-99.65,47.14-216.44,79.25-325.08,73-36.13-2.08-75-9-106.32-32.72-18.47-14-33.23-29.82-55.41-34.88-16-3.65-33.26.49-49.37,2-23.33,2.18-46.67,4.12-70,5.69-29,1.92-58,3.41-87.05,2.62-20.74-.57-49.37.07-67.39-13.53-21.5-16.21,33.24-92.29,40.94-105.84,18.67-32.86,31.76-64.69,36.49-104.28,1.39-11.54,6.08-23.37,5.47-35-.63-11.88-6.62-22.45-12.16-31.79-7.23-12.23-32.34-41.26-25.15-56.18,4-8.24,18.88-9.28,26.61-11,14.5-3.3,29.21-5.07,43.8-7.69,24.75-4.47,49.33-19,74.16-18.6,66.8,1.09,134.56,26.37,200,40.25,38.91,8.28,78.09,15.8,116.53,27,12.16,3.56,24.69,7.23,36.25,13.26,8.07,4.2,13.25,11.69,20.72,16.39,28.66,18.07,61.61,29,92.39,41.2,39.94,15.83,80,31.17,119.7,48,24.86,10.56,56.83,19.85,78.26,39.43,15.65,14.29,5,18.57-3.3,31.89-4.22,6.79-3.25,13.48-5.08,21.16-2.61,11-10,18.88-16.94,26-9.56,9.81-22.3,17.89-30.11,29.93-2.76,4.23-2.63,9.49-4.86,13.18C922.21,1410.46,905,1415.77,895.63,1420.2Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M789.68,1403.41c-80.88,29.64-170.87,46.51-256.36,38.68-29.75-2.73-59.67-9.07-87.38-23-12.61-6.32-22.07-13.36-35.88-13.74-32.06-.87-64.21,2.19-96.25,2.92-22.94.53-46,.72-68.86-1.53-15.3-1.5-36-3.3-48.52-14.75-18.21-16.67,14.66-73.36,21.36-89,11.08-26,22.08-54.85,17.69-84.91-1.35-9.19-3.74-17.31-4-26.68-.3-8.05.53-15.49-1.81-23.19-2.89-9.54-15.76-24.36-11.34-33.14,3-6,12-6.29,17.91-8.21a160.51,160.51,0,0,0,28.17-12.21c9.58-5.31,17.73-13.51,27.65-17.9,16.11-7.1,34.14-7.77,51.07-7.74,67.55.13,136,16.4,201.79,33.4,34.29,8.86,68.76,18.29,102.08,31.72,10.12,4.08,21.58,8.18,30.48,15.71,5.55,4.69,9.32,10.57,15.62,14.1,53.87,30.12,116.16,41.31,173.35,63.06,14.88,5.66,97.38,34.27,54.25,61.19-26.21,16.35-53.9,23.79-77.81,46.16-7.28,6.8-12.14,12.43-15,22.81-1.88,6.91,2.63,3.4-3.67,10.62C816.55,1396.45,799.1,1400,789.68,1403.41Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M705.59,1385.89c-94.7,24.19-195,25.34-291.16,3.89-24.24-5.4-49.48-4.11-74-5.48-23.85-1.31-66.25,1.42-83.58-21-12.56-16.22,1.07-50.7,5.79-68.85,6-23.12,11.25-47,1.39-69.45-5.78-13.16-13.69-25.67-19.88-38.7-3-6.22-9.07-15.76-6.52-21.65,4.2-9.72,23.88-13.81,33.43-18.4,30.53-14.65,62.85-18.39,95.49-18.29,60.27.19,120.86,10.25,180,23.89,27.2,6.28,54.78,13,81,23.9,14.85,6.17,25.8,18.08,40,25.14,45.65,22.75,94.69,34.9,141.13,55.71,13.43,6,63.63,26.08,38.34,49.72-24.48,22.89-60.19,20.17-85.65,41.7-2.88,2.47-6.45,5.42-8.12,9.41-1,2.38.76,6.92,0,8.27C745.4,1380.48,717.6,1382.82,705.59,1385.89Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M644.24,1369.9c-48.58,8.13-98.23,10.15-147.63,10.66-27,.28-56.66,2.38-83.08-6-16.23-5.14-31.9-9.64-48.63-12.88-18-3.49-47-6-57.95-24.92-8.19-14.12-2.57-43.16-2.28-60.33.32-18.83-2.84-32.8-13.74-46.27-6.85-8.49-38.27-39.3-34.64-48.18,3.46-8.46,25.35-9.76,34.82-12,29.92-7,60.24-9.4,90.68-9,47.14.58,94.45,6.44,140.85,16.53,19.19,4.19,39,8.52,57.34,16.89,12.34,5.65,22.63,15.66,34.89,21.49,35.11,16.73,72.23,28.1,107.46,45.14,11.31,5.47,48.15,20.06,39.32,42.54-7.37,18.76-32.41,24.47-44.72,37C696,1362.13,670.93,1365.44,644.24,1369.9Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
<path d="M613.63,1359.12A868.93,868.93,0,0,1,496.57,1367c-25.24.07-51.86.49-76.62-6.43-12.44-3.47-23.25-11.6-35-17.39-12.13-6-28.86-12.61-34.1-26.28-4.92-12.84-3.08-31.57-7.4-47-3.85-13.74-11.9-22.23-20.56-31.51-5.53-5.94-33.89-31.63-30.61-37.3,3.52-6.07,20.55-5.58,29.41-6.42a562.43,562.43,0,0,1,73.41-2.25c33.42,1.25,67.09,4.74,99.93,12.65,23.29,5.59,40.87,18.93,62.58,28.71,28.14,12.7,57.29,22.74,85.16,36.63,13.88,6.93,34.44,15.83,41.55,33.7,2.73,6.85,5.39,24.27,2.34,31.12-3.65,8.23-17.26,11.72-23.69,13.83C646.86,1354.26,630,1356.83,613.63,1359.12Z" fill="none" stroke="#F6F6F6" stroke-miterlimit="10" stroke-width="5"/>
</g>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 31 KiB

26
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/solid/blob_1_solid_rd.svg Normal file
View file

@ -0,0 +1,26 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<path id="filterPath"
d="M0.0483,0.4143l0.0127-0.1106a0.2729,0.3029,0,0,1,0.2416-0.2628l0.3291-0.0392A0.2729,0.3029,0,0,1,0.8793,0.1215l0.0538,0.0799a0.2728,0.3028,0,0,1-0.0043,0.3689L0.8342,0.7036a0.2684,0.2979,0,0,1-0.0384,0.044l-0.1937,0.1812a0.2729,0.3029,0,0,1-0.3217,0.0243l-0.1409-0.0989A0.2728,0.3028,0,0,1,0.0313,0.4871h0A0.2736,0.3036,0,0,0,0.0483,0.4143Z">
</path>
</defs><svg viewBox="82.87645721435547 90.12640380859375 163.90713500976562 122.14910888671875"
preserveAspectRatio="none">
<path class="background"
d="M231.6,190.43C310.4,139.49,55.33,26.54,85.78,136.85c10.87,39.4-8.86,48.87-1,58.6C108.75,225.24,200.87,210.29,231.6,190.43Z"
fill="#7C6576"></path>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)">
<!--
TODO: improve this:
The <animateMotion... /> hack is used on <image/> to force content
animation and prevent GIF animation loss when non-animated shapes
are applied (on Safari & FF).
-->
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

18
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/solid/blob_2_solid_str.svg Normal file
View file

@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<path id="filterPath"
d="M0.094,0.7176h0a0.3363,0.4178,0,0,1-0.0377-0.278h0A0.3365,0.418,0,0,1,0.1346,0.237C0.1753,0.1795,0.23,0.1405,0.2895,0.1203a0.3908,0.4855,0,0,0,0.1094-0.0619,0.2819,0.3502,0,0,1,0.1027-0.0518,0.3366,0.4182,0,0,1,0.1348,0.004h0c0.2176,0.0621,0.3421,0.3474,0.2648,0.6076-0.0759,0.2558-0.2172,0.3864-0.429,0.3817A0.4436,0.5511,0,0,1,0.094,0.7176Z">
</path>
</defs><svg viewBox="17.459999084472656 52.0099983215332 265.08001708984375 192" preserveAspectRatio="none">
<polygon class="background" points="263.34 213.81 32.64 244.01 17.46 52.01 282.54 78.24 263.34 213.81"
fill="#3AADAA"></polygon>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

20
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/solid/blob_3_solid_rd.svg Normal file
View file

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<path id="filterPath"
d="M0.0442,0.7361c-0.0096-0.0683-0.0258-0.1816-0.0417-0.2932a0.3598,0.2985,0,0,1,0.3573-0.3335h0.1806a0.3599,0.2985,0,0,1,0.3539,0.2443l0.049,0.2205a0.3599,0.2985,0,0,1-0.2006,0.3244L0.555,0.9715A0.3598,0.2985,0,0,1,0.0941,0.8564h0A0.3593,0.2981,0,0,1,0.0442,0.7361Z">
</path>
</defs><svg viewBox="59.51575469970703 40.560211181640625 181.27603149414062 201.9112548828125"
preserveAspectRatio="none">
<path class="background"
d="M129.19,49.73c-70,34.82-101.39,77.6-26.43,153.1,58.35,58.77,88,35,91.3,34.33C278.42,219.07,243.66-7.23,129.19,49.73Z"
fill="#383E45"></path>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

19
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/solid/oval_1_solid_rd.svg Normal file
View file

@ -0,0 +1,19 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<path id="filterPath"
d="M0.1831,0.3127C-0.5843,1.8563,1.3335,0.2534,0.9483,0.0368,0.847-0.0201,0.3686-0.061,0.1831,0.3127Z"></path>
</defs><svg viewBox="34.86399841308594 100.27824401855469 233.13612365722656 122.38334655761719"
preserveAspectRatio="none">
<path class="background"
d="M165,203.24C4.46,258.67,20.75,181.65,65.21,143.92,173.87,51.72,400.22,122.06,165,203.24Z" fill="#383E45">
</path>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 947 B

37
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/solid/sld_blob_4.svg Normal file
View file

@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.6535.4952c.121.1706.3056.288.2961.36c-.0095.072-.2165.0948-.3503.0948c-.1337 0-.1974-.0151-.2642-.0492c-.0669-.0341-.1337-.0758-.1942-.1819c-.0637-.1099-.121-.2804-.0733-.4282c.0414-.1517.1975-.2767.3025-.2312c.1051.0455.1625.2653.2834.4358z">
<animate dur="40s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.6535.4952c.121.1706.3056.288.2961.36c-.0095.072-.2165.0948-.3503.0948c-.1337 0-.1974-.0151-.2642-.0492c-.0669-.0341-.1337-.0758-.1942-.1819c-.0637-.1099-.121-.2804-.0733-.4282c.0414-.1517.1975-.2767.3025-.2312c.1051.0455.1625.2653.2834.4358z;
M.7427.3117c.0826.0872.1971.2019.2066.3304c.0095.1285-.0922.2753-.1907.3029c-.1017.0275-.2035-.0643-.337-.1331c-.1336-.0688-.2957-.1102-.3497-.2478c-.054-.1377-.0032-.3717.0954-.4635c.0985-.0918.2448-.0413.3433.0138c.0985.0506.1493.1103.2319.1974z;
M.8612.1263c.073.0791.0985.2298.0857.3956c-.0158.1658-.073.3428-.1778.403c-.1048.0603-.2571.0038-.4064-.0791c-.1493-.0829-.2921-.1846-.3111-.3089c-.0158-.1243.0952-.275.2-.3616c.1048-.0867.2032-.1093.3111-.1205c.1079-.0113.2255-.0076.2986.0716z;
M.7518.2211c.101.0985.1982.2099.1982.3371c0 .1272-.101.267-.2603.3371c-.1593.07-.3691.0762-.4935-.0001c-.1243-.0763-.1632-.2321-.1399-.3402c.0233-.1112.1127-.1749.1865-.267c.0738-.0954.1321-.2162.2137-.2353c.0816-.0191.1904.0699.2953.1685z;
M.8832.3637c.0392.108.0536.1748.0607.2828c.0107.108.0143.2542-.05.2923c-.0678.0382-.207-.0286-.3783-.0858c-.1713-.0571-.3711-.0985-.4389-.2128c-.0677-.1145.0001-.2956.125-.4226c.1249-.1271.314-.197.4389-.1557c.1284.0413.1997.1906.2426.3019z;
M.6535.4952c.121.1706.3056.288.2961.36c-.0095.072-.2165.0948-.3503.0948c-.1337 0-.1974-.0151-.2642-.0492c-.0669-.0341-.1337-.0758-.1942-.1819c-.0637-.1099-.121-.2804-.0733-.4282c.0414-.1517.1975-.2767.3025-.2312c.1051.0455.1625.2653.2834.4358z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg preserveAspectRatio="none" viewBox="0 0 28.5 28.5">
<path id="background" d="M23.9 3.7c2.9-.5 4.1 2.3 4.1 5.2c0 3.1-5.8 4.2-8.4 5.5c-2.6 1.3-3.3 2.2-4.7 4.2c-1.5 2-3.7 5.1-6.8 5.8c-3 .8-6.8-.8-7.8-3.5c-1-2.7.7-6.5 3-8.6c2.3-2.1 5.2-2.5 7.1-2.2c1.9.3 2.7 1.2 4.9-.4c2.2-1.4 5.7-5.5 8.6-6z" fill="#7C6576">
<animate dur="40s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M23.9 3.7c2.9-.5 4.1 2.3 4.1 5.2c0 3.1-5.8 4.2-8.4 5.5c-2.6 1.3-3.3 2.2-4.7 4.2c-1.5 2-3.7 5.1-6.8 5.8c-3 .8-6.8-.8-7.8-3.5c-1-2.7.7-6.5 3-8.6c2.3-2.1 5.2-2.5 7.1-2.2c1.9.3 2.7 1.2 4.9-.4c2.2-1.4 5.7-5.5 8.6-6z;
M18.1 7c1.1 1.7 2.6 2.1 4.4 3.7c1.9 1.6 4.1 4.5 4.3 8.2c.2 3.7-1.6 8.2-4.6 9.2c-3 1-7.2-1.5-10.9-3.6c-3.7-2.1-6.7-3.9-8.3-6.6c-1.7-2.7-1.9-6.3-1-9.5c1-3.1 2.9-5.7 5.4-7.2c2.5-1.5 5.4-1.7 7.2-.3c1.8 1.4 2.4 4.4 3.5 6.1z;
M20.4 7.4c2.3 1.7 4.5 3.5 4.9 5.7c.4 2.2-1.3 4.6-3 6.5c-1.7 1.9-3.6 3.1-6 4.9c-2.4 1.8-5.4 4.2-8.1 3.9c-2.7-.2-5.1-3-4.6-5.7c.5-2.7 3.8-5.4 3.4-9.7c-.3-4.3-4.4-10.1-3.9-12.1c.5-2 5.6-.1 9.2 1.6c3.6 1.7 5.8 3.2 8.1 4.9z;
M24.2 5.5c0 2.8-2.4 5.7-1.8 8.3c.6 2.6 4.2 4.7 4.9 6.6c.7 1.9-1.6 3.6-4.5 5.3c-2.8 1.8-6.3 3.6-7.9 2.2c-1.6-1.4-1.4-5.9-4.3-9.5c-2.9-3.5-9.1-6-9.6-8.1c-.5-2.2 4.6-4.2 8.6-6.2c4-2.1 6.8-4.3 9.4-4.1c2.7.2 5.2 2.7 5.2 5.5z;
M23.8 2.5c3 1.7 5.5 4.9 4.3 7.4c-1.2 2.5-6.1 4.2-8.2 7.2c-2.1 3-1.6 7.1-3 9.3c-1.5 2.1-5 2.1-8.2 1c-3.2-1.1-5.9-3.4-7.3-6.2c-1.4-2.8-1.4-6.3-1.1-10c.3-3.7.8-7.7 3.1-9.5c2.3-1.8 6.3-1.4 10.1-1.2c3.6.2 7.2.3 10.3 2z;
M23.9 3.7c2.9-.5 4.1 2.3 4.1 5.2c0 3.1-5.8 4.2-8.4 5.5c-2.6 1.3-3.3 2.2-4.7 4.2c-1.5 2-3.7 5.1-6.8 5.8c-3 .8-6.8-.8-7.8-3.5c-1-2.7.7-6.5 3-8.6c2.3-2.1 5.2-2.5 7.1-2.2c1.9.3 2.7 1.2 4.9-.4c2.2-1.4 5.7-5.5 8.6-6z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.4 KiB

37
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/solid/sld_blob_shadow_1.svg Normal file
View file

@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.9749.142c.054.0978.0127.2397-.0477.3248c-.0604.0851-.143.1168-.2414.1924c-.0984.0756-.2097.2019-.324.1955c-.1144-.0064-.2287-.1388-.2573-.2839c-.0286-.1451.0318-.3027.1335-.4099c.1016-.1073.2446-.1608.3907-.1608c.1461-.0031.2922.0473.3462.1418z">
<animate dur="42s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.9749.142c.054.0978.0127.2397-.0477.3248c-.0604.0851-.143.1168-.2414.1924c-.0984.0756-.2097.2019-.324.1955c-.1144-.0064-.2287-.1388-.2573-.2839c-.0286-.1451.0318-.3027.1335-.4099c.1016-.1073.2446-.1608.3907-.1608c.1461-.0031.2922.0473.3462.1418z;
M.8449.0248c.0956.0578.1688.2193.153.3808c-.016.1577-.1243.3153-.2612.3923c-.137.077-.3027.077-.4237-.0038c-.121-.0808-.2007-.2423-.2135-.3999c-.0128-.1538.0414-.3038.121-.3577c.0797-.0539.188-.0077.2994-.0115c.1147-.0038.2294-.0539.325 0z;
M.8141.206c.1149.118.2195.2571.1757.3388c-.044.0846-.2331.1149-.3953.1755c-.1622.0636-.2973.1572-.3783.1301c-.0845-.0272-.1149-.1723-.1183-.2964c-.0033-.1209.0135-.2209.0744-.3267c.0608-.1058.1689-.2177.2838-.2269c.1183-.0061.2432.0877.3581.2057z;
M.9077.1823c.0894.106.1183.2492.0671.3467c-.0543.0945-.1917.1404-.3258.2062c-.1341.0658-.2651.146-.3322.1116c-.0671-.0315-.0671-.1776-.1118-.3265c-.0447-.149-.1405-.2921-.0958-.3895c.0447-.0974.2268-.1404.3929-.1289c.1662.0115.3162.0773.4056.1805z;
M.9653.0228c.0701.0671.0223.3017-.0414.4652c-.067.1677-.153.264-.2487.3185c-.0957.0544-.2041.0671-.2998.0167c-.0957-.0461-.185-.1551-.236-.3144c-.0511-.1593-.0638-.3604.0096-.4317c.067-.0629.2232.0084.3923-.0042c.169-.0167.354-.1174.4242-.0503z;
M.9749.142c.054.0978.0127.2397-.0477.3248c-.0604.0851-.143.1168-.2414.1924c-.0984.0756-.2097.2019-.324.1955c-.1144-.0064-.2287-.1388-.2573-.2839c-.0286-.1451.0318-.3027.1335-.4099c.1016-.1073.2446-.1608.3907-.1608c.1461-.0031.2922.0473.3462.1418z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 28.3 28.3" preserveAspectRatio="none">
<path id="shadow" d="M27.5 5.1c1.7 3.1.4 7.6-1.5 10.3c-1.9 2.7-4.5 3.7-7.6 6.1c-3.1 2.4-6.6 6.4-10.2 6.2c-3.6-.2-7.2-4.4-8.1-9C-.8 14.1 1.1 9.1 4.3 5.7C7.5 2.3 12 .6 16.6.6C21.2.5 25.8 2.1 27.5 5.1z" transform="scale(.85)" transform-origin="center bottom" fill="#3AADAA">
<animate xlink:href="#shadow" dur="42s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M27.5 5.1c1.7 3.1.4 7.6-1.5 10.3c-1.9 2.7-4.5 3.7-7.6 6.1c-3.1 2.4-6.6 6.4-10.2 6.2c-3.6-.2-7.2-4.4-8.1-9C-.8 14.1 1.1 9.1 4.3 5.7C7.5 2.3 12 .6 16.6.6C21.2.5 25.8 2.1 27.5 5.1z;
M23.5 3.7c3 1.5 5.3 5.7 4.8 9.9c-.5 4.1-3.9 8.2-8.2 10.2c-4.3 2-9.5 2-13.3-.1c-3.8-2.1-6.3-6.3-6.7-10.4C-.3 9.3 1.4 5.4 3.9 4c2.5-1.4 5.9-.2 9.4-.3C16.9 3.6 20.5 2.3 23.5 3.7z;
M22 6.8c3.4 3.9 6.5 8.5 5.2 11.2c-1.3 2.8-6.9 3.8-11.7 5.8c-4.8 2.1-8.8 5.2-11.2 4.3c-2.5-.9-3.4-5.7-3.5-9.8C.7 14.3 1.2 11 3 7.5C4.8 4 8 .3 11.4 0C14.9-.2 18.6 2.9 22 6.8z;
M24.8 6c2.7 3.5 3.5 8.3 2 11.5c-1.6 3.1-5.7 4.6-9.7 6.8c-4 2.2-7.9 4.8-9.9 3.7c-2-1-2-5.9-3.3-10.8C2.6 12.3-.2 7.6 1.1 4.3c1.3-3.3 6.7-4.6 11.7-4.3C17.8.3 22.2 2.6 24.8 6z;
M27.3 4.5c2.2 1.6.7 7.2-1.3 11.1c-2.1 4-4.8 6.3-7.8 7.6c-3 1.3-6.4 1.6-9.4.4c-3-1.1-5.8-3.7-7.4-7.5c-1.6-3.8-2-8.6.3-10.3C3.8 4.3 8.7 6 14 5.7C19.3 5.3 25.1 2.9 27.3 4.5z;
M27.5 5.1c1.7 3.1.4 7.6-1.5 10.3c-1.9 2.7-4.5 3.7-7.6 6.1c-3.1 2.4-6.6 6.4-10.2 6.2c-3.6-.2-7.2-4.4-8.1-9C-.8 14.1 1.1 9.1 4.3 5.7C7.5 2.3 12 .6 16.6.6C21.2.5 25.8 2.1 27.5 5.1z"
calcMode="spline"
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

59
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/solid/sld_blob_shadow_2.svg Normal file
View file

@ -0,0 +1,59 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.7458.2839c.1146.1335.226.2876.2005.4073c-.0255.1198-.191.202-.3343.2362c-.1433.0376-.261.0274-.3629-.0239c-.1019-.0513-.1847-.1437-.1974-.2464c-.0127-.0993.0446-.2054.1146-.3286c.07-.1232.1528-.2635.2547-.2773C.5166.0374.6311.1504.7458.2839z">
<animate dur="18s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.7458.2839c.1146.1335.226.2876.2005.4073c-.0255.1198-.191.202-.3343.2362c-.1433.0376-.261.0274-.3629-.0239c-.1019-.0513-.1847-.1437-.1974-.2464c-.0127-.0993.0446-.2054.1146-.3286c.07-.1232.1528-.2635.2547-.2773C.5166.0374.6311.1504.7458.2839z;
M.8735.2091c.0705.0795.0822.1843.0743.3115c-.0117.1272-.047.2765-.1723.3591c-.1253.0826-.3406.0953-.4737.0222c-.1331-.0731-.184-.232-.2192-.3877C.0474.3585.0241.2124.1024.1296C.1845.0503.3725.0375.5251.0598C.6817.0788.807.1296.8735.2091z;
M.9181.3348c.0597.1296.0238.2466-.012.3542c-.0358.1075-.0796.2087-.1672.2435c-.0876.038-.2149.0095-.3424-.038c-.1234-.0443-.2468-.1043-.3065-.2087c-.0597-.1012-.0557-.2435.0319-.3794C.2175.1704.3887.0439.5518.0503C.7111.0597.8623.202.9181.3348z;
M.8913.1702c.0792.1064.0729.2944.0127.4149c-.0602.1241-.1712.1844-.2884.2518c-.1172.0674-.2314.1347-.3423.1064c-.1077-.0284-.2092-.1561-.2218-.2873C.0388.5248.1085.3901.1972.2801c.0856-.11.1902-.195.3233-.2199C.6505.0319.8153.0603.8913.1702z;
M.7458.2839c.1146.1335.226.2876.2005.4073c-.0255.1198-.191.202-.3343.2362c-.1433.0376-.261.0274-.3629-.0239c-.1019-.0513-.1847-.1437-.1974-.2464c-.0127-.0993.0446-.2054.1146-.3286c.07-.1232.1528-.2635.2547-.2773C.5166.0374.6311.1504.7458.2839z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
</defs>
<svg viewBox="0 0 28.3 28.3" preserveAspectRatio="none">
<g id="backgrounds" transform-origin="center" transform="scale(.99)">
<path id="background_1" d="M22,7.9c3.6,3.9,7.1,8.4,6.3,11.9c-0.8,3.5-6,5.9-10.5,6.9c-4.5,1.1-8.2,0.8-11.4-0.7c-3.2-1.5-5.8-4.2-6.2-7.2 c-0.4-2.9,1.4-6,3.6-9.6c2.2-3.6,4.8-7.7,8-8.1C14.8,0.7,18.4,4,22,7.9z" fill="#7C6576" opacity=".33">
<animate dur="18s" begin="1.5s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M22,7.9c3.6,3.9,7.1,8.4,6.3,11.9c-0.8,3.5-6,5.9-10.5,6.9c-4.5,1.1-8.2,0.8-11.4-0.7c-3.2-1.5-5.8-4.2-6.2-7.2 c-0.4-2.9,1.4-6,3.6-9.6c2.2-3.6,4.8-7.7,8-8.1C14.8,0.7,18.4,4,22,7.9z;
M23.7 5c1.8 2.5 2.1 5.8 1.9 9.8c-.3 4-1.2 8.7-4.4 11.3c-3.2 2.6-8.7 3-12.1.7c-3.4-2.3-4.7-7.3-5.6-12.2C2.6 9.7 2 5.1 4 2.5C6.1 0 10.9-.4 14.8.3C18.8.9 22 2.5 23.7 5z;
M24.6,9c1.5,4.1,0.6,7.8-0.3,11.2c-0.9,3.4-2,6.6-4.2,7.7c-2.2,1.2-5.4,0.3-8.6-1.2c-3.1-1.4-6.2-3.3-7.7-6.6 c-1.5-3.2-1.4-7.7,0.8-12C7,3.8,11.3-0.2,15.4,0C19.4,0.3,23.2,4.8,24.6,9z;
M26.5 4.9c2.5 3 2.3 8.3.4 11.7c-1.9 3.5-5.4 5.2-9.1 7.1c-3.7 1.9-7.3 3.8-10.8 3c-3.4-.8-6.6-4.4-7-8.1C-.4 14.9 1.8 11.1 4.6 8c2.7-3.1 6-5.5 10.2-6.2C18.9 1 24.1 1.8 26.5 4.9z;
M22,7.9c3.6,3.9,7.1,8.4,6.3,11.9c-0.8,3.5-6,5.9-10.5,6.9c-4.5,1.1-8.2,0.8-11.4-0.7c-3.2-1.5-5.8-4.2-6.2-7.2 c-0.4-2.9,1.4-6,3.6-9.6c2.2-3.6,4.8-7.7,8-8.1C14.8,0.7,18.4,4,22,7.9z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
<path id="background_2" d="M22,7.9c3.6,3.9,7.1,8.4,6.3,11.9c-0.8,3.5-6,5.9-10.5,6.9c-4.5,1.1-8.2,0.8-11.4-0.7c-3.2-1.5-5.8-4.2-6.2-7.2 c-0.4-2.9,1.4-6,3.6-9.6c2.2-3.6,4.8-7.7,8-8.1C14.8,0.7,18.4,4,22,7.9z" fill="#7C6576" opacity=".33">
<animate xlink:href="#background_2" dur="18s" begin="2s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M22,7.9c3.6,3.9,7.1,8.4,6.3,11.9c-0.8,3.5-6,5.9-10.5,6.9c-4.5,1.1-8.2,0.8-11.4-0.7c-3.2-1.5-5.8-4.2-6.2-7.2 c-0.4-2.9,1.4-6,3.6-9.6c2.2-3.6,4.8-7.7,8-8.1C14.8,0.7,18.4,4,22,7.9z;
M23.7 5c1.8 2.5 2.1 5.8 1.9 9.8c-.3 4-1.2 8.7-4.4 11.3c-3.2 2.6-8.7 3-12.1.7c-3.4-2.3-4.7-7.3-5.6-12.2C2.6 9.7 2 5.1 4 2.5C6.1 0 10.9-.4 14.8.3C18.8.9 22 2.5 23.7 5z;
M24.6,9c1.5,4.1,0.6,7.8-0.3,11.2c-0.9,3.4-2,6.6-4.2,7.7c-2.2,1.2-5.4,0.3-8.6-1.2c-3.1-1.4-6.2-3.3-7.7-6.6 c-1.5-3.2-1.4-7.7,0.8-12C7,3.8,11.3-0.2,15.4,0C19.4,0.3,23.2,4.8,24.6,9z;
M26.5 4.9c2.5 3 2.3 8.3.4 11.7c-1.9 3.5-5.4 5.2-9.1 7.1c-3.7 1.9-7.3 3.8-10.8 3c-3.4-.8-6.6-4.4-7-8.1C-.4 14.9 1.8 11.1 4.6 8c2.7-3.1 6-5.5 10.2-6.2C18.9 1 24.1 1.8 26.5 4.9z;
M22,7.9c3.6,3.9,7.1,8.4,6.3,11.9c-0.8,3.5-6,5.9-10.5,6.9c-4.5,1.1-8.2,0.8-11.4-0.7c-3.2-1.5-5.8-4.2-6.2-7.2 c-0.4-2.9,1.4-6,3.6-9.6c2.2-3.6,4.8-7.7,8-8.1C14.8,0.7,18.4,4,22,7.9z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
<path id="background_3" d="M22,7.9c3.6,3.9,7.1,8.4,6.3,11.9c-0.8,3.5-6,5.9-10.5,6.9c-4.5,1.1-8.2,0.8-11.4-0.7c-3.2-1.5-5.8-4.2-6.2-7.2 c-0.4-2.9,1.4-6,3.6-9.6c2.2-3.6,4.8-7.7,8-8.1C14.8,0.7,18.4,4,22,7.9z" fill="#7C6576" opacity=".33">
<animate dur="18s" begin="2.5s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M22,7.9c3.6,3.9,7.1,8.4,6.3,11.9c-0.8,3.5-6,5.9-10.5,6.9c-4.5,1.1-8.2,0.8-11.4-0.7c-3.2-1.5-5.8-4.2-6.2-7.2 c-0.4-2.9,1.4-6,3.6-9.6c2.2-3.6,4.8-7.7,8-8.1C14.8,0.7,18.4,4,22,7.9z;
M23.7 5c1.8 2.5 2.1 5.8 1.9 9.8c-.3 4-1.2 8.7-4.4 11.3c-3.2 2.6-8.7 3-12.1.7c-3.4-2.3-4.7-7.3-5.6-12.2C2.6 9.7 2 5.1 4 2.5C6.1 0 10.9-.4 14.8.3C18.8.9 22 2.5 23.7 5z;
M24.6,9c1.5,4.1,0.6,7.8-0.3,11.2c-0.9,3.4-2,6.6-4.2,7.7c-2.2,1.2-5.4,0.3-8.6-1.2c-3.1-1.4-6.2-3.3-7.7-6.6 c-1.5-3.2-1.4-7.7,0.8-12C7,3.8,11.3-0.2,15.4,0C19.4,0.3,23.2,4.8,24.6,9z;
M26.5 4.9c2.5 3 2.3 8.3.4 11.7c-1.9 3.5-5.4 5.2-9.1 7.1c-3.7 1.9-7.3 3.8-10.8 3c-3.4-.8-6.6-4.4-7-8.1C-.4 14.9 1.8 11.1 4.6 8c2.7-3.1 6-5.5 10.2-6.2C18.9 1 24.1 1.8 26.5 4.9z;
M22,7.9c3.6,3.9,7.1,8.4,6.3,11.9c-0.8,3.5-6,5.9-10.5,6.9c-4.5,1.1-8.2,0.8-11.4-0.7c-3.2-1.5-5.8-4.2-6.2-7.2 c-0.4-2.9,1.4-6,3.6-9.6c2.2-3.6,4.8-7.7,8-8.1C14.8,0.7,18.4,4,22,7.9z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
</g>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.8 KiB

20
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/solid/sld_square_1.svg Normal file
View file

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600" id="shape">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.856.9025.094.7888 0 .1101l.95-.1101L.856.9025z"/>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</g>
</defs>
<svg viewBox="0 0 28.3 28.3" preserveAspectRatio="none">
<path id="shadow" d="M25.5,28.3L2.8,25.1L0,6l28.3-3.1L25.5,28.3z" fill="#7C6576" transform="scale(.97)">
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="6s" values=".8 0;.5 -.3;.8 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
</path>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

20
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/solid/sld_square_2.svg Normal file
View file

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="60" id="shape">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.05 0 1 .113l-.094.6741L.144.9.05 0z"/>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</g>
</defs>
<svg viewBox="0 0 28.3 28.3" preserveAspectRatio="none">
<path id="shadow" d="M0,2.8L28.3,6l-2.8,19.1L2.8,28.3L0,2.8z" fill="#3AADAA" transform="scale(.97)">
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;.3 -.3;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
</path>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

37
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/solid/sld_square_organic_1.svg Normal file
View file

@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="60" id="shape">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.14.1882.99.1l-.0421.8L.188.8574.14.1882z"/>
<g id="animation">
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</g>
</defs>
<svg preserveAspectRatio="none" viewBox="0 0 1600 1201" width="96%" height="96%" x="2%" y="2%">
<path id="background_1" d="M1287.58.7c82.33-12.93 80.89 155.17 144.44 337.64c62.1 182.47 189.2 379.3 164.65 554.59c-23.11 175.28-197.87 327.58-368.3 306c-169-20.12-332.2-214.08-564.74-274.42c-232.54-60.34-534.4 12.93-628.28-70.4c-93.88-84.77 18.78-324.71 122.77-508.62c104-182.47 199.32-307.46 316.31-287.35c117 18.68 257.09 181 410.19 165.23C1037.72 207.6 1205.26 13.63 1287.58.7Z" fill="#7C6576">
<animate xlink:href="#background_1" dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M1287.58.7c82.33-12.93 80.89 155.17 144.44 337.64c62.1 182.47 189.2 379.3 164.65 554.59c-23.11 175.28-197.87 327.58-368.3 306c-169-20.12-332.2-214.08-564.74-274.42c-232.54-60.34-534.4 12.93-628.28-70.4c-93.88-84.77 18.78-324.71 122.77-508.62c104-182.47 199.32-307.46 316.31-287.35c117 18.68 257.09 181 410.19 165.23C1037.72 207.6 1205.26 13.63 1287.58.7Z;
M1127.84 155.25c11 93-99.32 200.55 9.65 327.47c109 125.95 437.3 270.3 460.75 339.09c24.83 69.76-255.2 63-506.27 139.51C842.29 1037.86 618.81 1195.78 429.83 1190c-189-4.85-343.49-174.39-401.43-338.12C-30.92 688.11 7.71 530.19 133.24 444C258.77 357.81 469.83 343.21 605 265.7c133.81-77.51 191.75-218 285.55-249C985.75-15.26 1116.8 62.24 1127.84 155.25Z;
M1321.79,69.6c150.55,66.91,275,224.78,278.1,382.66,4.18,158.91-112.91,318.88-220.6,465.25-106.64,146.37-203.88,279.15-304.25,250.92-101.41-29.27-206-221.65-385.79-262.42-179.83-41.82-434.93,68-570.85,18.82C-18.56,874.64-35.29,666.59,60.9,539,156,411.48,364.1,365.48,509.42,297.52c144.28-68,225.83-157.87,355.48-214.33C993.49,25.69,1170.19,2.69,1321.79,69.6Z;
M1287.58.7c82.33-12.93 80.89 155.17 144.44 337.64c62.1 182.47 189.2 379.3 164.65 554.59c-23.11 175.28-197.87 327.58-368.3 306c-169-20.12-332.2-214.08-564.74-274.42c-232.54-60.34-534.4 12.93-628.28-70.4c-93.88-84.77 18.78-324.71 122.77-508.62c104-182.47 199.32-307.46 316.31-287.35c117 18.68 257.09 181 410.19 165.23C1037.72 207.6 1205.26 13.63 1287.58.7Z"/>
</path>
</svg>
<svg viewBox="0 0 28.3 28.3" width="45%" height="45%" y="50%">
<path id="background_2" d="M22.6 9c1.6 4.2 1.2 8.1-.6 11.7c-1.8 3.6-4.9 6.9-9.2 7.6C8.5 29 3.1 27 1 23.2C-1.1 19.4.2 13.8 2.9 8.9C5.6 4.1 9.8-.2 13.6 0C17.4.2 21 4.8 22.6 9z" fill="#3AADAA">
<animate xlink:href="#background_2" dur="18s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M25 9c1.6 4.2 1.2 8.1-.6 11.7c-1.8 3.6-4.9 6.9-9.2 7.6C10.9 29 5.5 27 3.4 23.2C1.3 19.4 2.6 13.8 5.3 8.9C8 4.1 12.2-.2 16 0C19.8.2 23.4 4.8 25 9z;
M25.1,7.9c2.8,4.2,4.3,9.7,2.3,13.7c-2,4.1-7.5,6.7-12.5,6.4c-4.9-0.3-9.3-3.6-12.1-8.2 C0.1,15.3-1.1,9.6,1.1,5.7c2.2-3.9,7.7-5.8,12.5-5.4C18.4,0.8,22.4,3.7,25.1,7.9z;
M26.9 6.6c2.1 3.6 1.9 8.5-.3 12.9c-2.2 4.3-6.3 8.2-11.3 8.6c-5 .5-10.8-2.4-13.5-7C-.9 16.5-.5 9.9 2.4 5.8c2.9-4.1 8.3-5.8 13.2-5.5C20.5.6 24.8 2.9 26.9 6.6z;
M25 9c1.6 4.2 1.2 8.1-.6 11.7c-1.8 3.6-4.9 6.9-9.2 7.6C10.9 29 5.5 27 3.4 23.2C1.3 19.4 2.6 13.8 5.3 8.9C8 4.1 12.2-.2 16 0C19.8.2 23.4 4.8 25 9z"
calcMode="spline"
keySplines=".45 .05 .55 .95; .45 .05 .55 .95; .45 .05 .55 .95"/>
</path>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB

122
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/special/spl_circuit_1.svg Normal file
View file

@ -0,0 +1,122 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.8165.674c-.1345.2237-.6297.2449-.7441.0363c-.1145-.2116.1517-.6529.4007-.6651c.2462-.0121.4751.4081.3434.6288z"/>
</defs>
<svg viewBox="0 0 1600 1204.82" id="floating_shapes" preserveAspectRatio="xMaxYMid meet">
<g class="circuits">
<path d="M1107.75,280.11a45.36,45.36,0,1,0-4.11-82.28,20.62,20.62,0,1,1-19-36.62,87.2,87.2,0,0,1,73-3.27c44.44,18.07,66,68.6,47.88,113s-68.93,65.45-113.37,47.38a20.62,20.62,0,1,1,15.59-38.18Z" fill="#3AADAA"/>
<path d="M1551.29,477.11a34.42,34.42,0,1,0-34.42,34.43A34.41,34.41,0,0,0,1551.29,477.11Zm-34.42-75.73a75.74,75.74,0,1,1-75.71,75.73A75.71,75.71,0,0,1,1516.87,401.38Z" fill="#7C6576"/>
<path d="M1515.4,497.45A20.63,20.63,0,1,1,1536,476.82,20.63,20.63,0,0,1,1515.4,497.45Z" fill="#383E45"/>
<path d="M403.54,1014.73a20.63,20.63,0,0,0-20.63,20.63,34.38,34.38,0,0,1-34.38,34.38H285.27a34.38,34.38,0,0,1-34.38-34.38V896.46a74.27,74.27,0,0,0-74.12-74.26h-.15a20.63,20.63,0,0,0,0,41.25h0a33,33,0,0,1,33,33v138.9a34.38,34.38,0,0,1-34.38,34.38H111.3a20.63,20.63,0,0,0,0,41.26h64a75.42,75.42,0,0,0,55-23.72,75.4,75.4,0,0,0,55,23.72h63.26a75.64,75.64,0,0,0,75.64-75.64A20.63,20.63,0,0,0,403.54,1014.73Z" fill="#3AADAA"/>
<path d="M303.38,966.6A20.63,20.63,0,1,1,324,946,20.63,20.63,0,0,1,303.38,966.6Z" fill="#383E45"/>
<path d="M303.38,1022A20.63,20.63,0,1,1,324,1001.38,20.63,20.63,0,0,1,303.38,1022Z" fill="#383E45"/>
<path d="M458.93,1063.26a20.63,20.63,0,1,1,20.62-20.63A20.62,20.62,0,0,1,458.93,1063.26Z" fill="#7C6576"/>
<path d="M458.93,1118.07a20.63,20.63,0,1,1,20.62-20.62A20.62,20.62,0,0,1,458.93,1118.07Z" fill="#7C6576"/>
<path d="M1160.74,655.7a34.42,34.42,0,1,1,34.42,34.42,20.66,20.66,0,0,0,0,41.31,75.74,75.74,0,1,0-75.71-75.73,20.65,20.65,0,1,0,41.29,0Z" fill="#F6F6F6"/>
<path d="M1416.83,478.34A75.71,75.71,0,0,1,1341.1,554H1203.42a75.69,75.69,0,1,1,0-151.38h44.06V359.3a75.71,75.71,0,0,1,75.72-75.69h137.69a34.41,34.41,0,0,0,34.42-34.4V185.9a34.41,34.41,0,0,0-34.42-34.4,20.64,20.64,0,1,1,0-41.28,75.69,75.69,0,0,1,75.72,75.68v63.31a75.44,75.44,0,0,1-23.75,55,75.48,75.48,0,0,1,23.75,55.05v61.93a20.65,20.65,0,0,1-41.3,0V359.3a34.41,34.41,0,0,0-34.42-34.4H1323.2a34.42,34.42,0,0,0-34.42,34.4v43.35h52.32A75.71,75.71,0,0,1,1416.83,478.34Zm-213.41-34.41a34.41,34.41,0,1,0,0,68.81H1341.1a34.41,34.41,0,1,0,0-68.81Z" fill="#3AADAA"/>
<path d="M463.06,1157a94.87,94.87,0,0,0,94.86-94.89,20.63,20.63,0,1,1,41.25,0,136.13,136.13,0,0,1-136.11,136.15,20.63,20.63,0,0,1,0-41.26Z" fill="#F6F6F6"/>
<path d="M1121.8,712a20.63,20.63,0,1,0,20.63-20.62A20.63,20.63,0,0,0,1121.8,712Z" fill="#7C6576"/>
<path d="M1067,712a20.62,20.62,0,1,0,20.62-20.62A20.62,20.62,0,0,0,1067,712Z" fill="#7C6576"/>
<path d="M1471.5,1198.23a75.67,75.67,0,0,1-75.71-75.64V985.07a75.72,75.72,0,0,1,151.43,0v137.52A75.67,75.67,0,0,1,1471.5,1198.23Zm34.42-75.64V985.07a34.42,34.42,0,0,0-68.83,0v137.52a34.42,34.42,0,0,0,68.83,0Z" fill="#3AADAA"/>
<path d="M1287.08,1088.07a34.43,34.43,0,1,0,34.41,34.43A34.42,34.42,0,0,0,1287.08,1088.07Zm-75.72,34.43a75.72,75.72,0,1,1,75.72,75.73A75.73,75.73,0,0,1,1211.36,1122.5Z" fill="#3AADAA"/>
<path d="M874.34,989A20.65,20.65,0,0,1,895,1009.68a34.43,34.43,0,0,0,34.39,34.47h137.55a34.42,34.42,0,0,0,34.39-34.47,20.64,20.64,0,1,1,41.27,0A75.79,75.79,0,0,1,1111,1071.3c4.85,17.79,21.18,30.76,41.18,30.76H1232a20.68,20.68,0,0,1,0,41.36H1152.2c-37.32,0-69.38-24-80.1-58.08-1.71.11-3.44.17-5.19.17H929.36a75.74,75.74,0,0,1-75.65-75.83A20.66,20.66,0,0,1,874.34,989Z" fill="#F6F6F6"/>
<path d="M704.93,742.63a75.68,75.68,0,0,1,75.72,75.64V955.8a75.72,75.72,0,0,1-151.43,0V818.27A75.67,75.67,0,0,1,704.93,742.63Zm34.42,75.64a34.42,34.42,0,0,0-68.84,0V955.8a34.42,34.42,0,0,0,68.84,0Z" fill="#3AADAA"/>
<path d="M874.33,1030.26A20.64,20.64,0,0,0,895,1009.6a34.4,34.4,0,0,1,34.37-34.43h137.49a34.4,34.4,0,0,1,34.37,34.43,20.63,20.63,0,1,0,41.25,0,75.61,75.61,0,0,0-23.72-55.09,75.62,75.62,0,0,0,23.72-55.09V836.06a75.69,75.69,0,0,0-75.62-75.75,20.66,20.66,0,0,0,0,41.32,34.4,34.4,0,0,1,34.37,34.43v63.36a34.4,34.4,0,0,1-34.37,34.43H929.33a75.68,75.68,0,0,0-75.62,75.75A20.64,20.64,0,0,0,874.33,1030.26Z" fill="#3AADAA"/>
<path d="M966.78,840.18a34.42,34.42,0,1,0-34.41,34.42,20.66,20.66,0,0,1,0,41.31,75.74,75.74,0,1,1,75.71-75.73,20.65,20.65,0,0,1-41.3,0Z" fill="#383E45"/>
<path d="M684.6,951.8a45.37,45.37,0,1,0-74.68,35,20.65,20.65,0,0,1-26.77,31.46,87.21,87.21,0,0,1-30.53-66.43c0-48,38.68-87.16,86.61-87.16s86.62,39.11,86.62,87.16a20.63,20.63,0,1,1-41.25,0Z" fill="#7C6576"/>
<path d="M1308,1122.2a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,1308,1122.2Z" fill="#7C6576"/>
<path d="M932.06,916a95,95,0,0,0-94.94,95.07,75.67,75.67,0,1,1-151.34,0,20.64,20.64,0,1,1,41.28,0,34.4,34.4,0,1,0,68.79,0c0-75.33,61-136.4,136.21-136.4a20.67,20.67,0,0,1,0,41.33Z" fill="#7C6576"/>
<path d="M1281.48,994.3a94.87,94.87,0,0,0-94.86-94.89,20.63,20.63,0,1,1,0-41.26A136.13,136.13,0,0,1,1322.73,994.3a20.63,20.63,0,1,1-41.25,0Z" fill="#7C6576"/>
<path d="M50,1062.08A94.88,94.88,0,0,0,144.88,1157a20.63,20.63,0,0,1,0,41.26A136.13,136.13,0,0,1,8.77,1062.08a20.62,20.62,0,1,1,41.24,0Z" fill="#3AADAA"/>
<path d="M593.89,852.78A63.15,63.15,0,0,0,530.75,916a20.59,20.59,0,1,1-41.18,0A104.34,104.34,0,0,1,593.89,811.59a20.6,20.6,0,1,1,0,41.19Z" fill="#3AADAA"/>
<path d="M952.7,726.13a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,952.7,726.13Z" fill="#7C6576"/>
<path d="M952.7,670.73a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,952.7,670.73Z" fill="#7C6576"/>
<path d="M230.31,1178.78a20.62,20.62,0,1,0-20.62,20.63A20.63,20.63,0,0,0,230.31,1178.78Z" fill="#383E45"/>
<path d="M478.38,1177.6a20.63,20.63,0,1,0-20.63,20.63A20.63,20.63,0,0,0,478.38,1177.6Z" fill="#383E45"/>
<path d="M1008.08,895.28a20.62,20.62,0,1,1-20.62-20.62A20.62,20.62,0,0,1,1008.08,895.28Z" fill="#383E45"/>
<path d="M1062.88,895.28a20.62,20.62,0,1,1-20.62-20.62A20.62,20.62,0,0,1,1062.88,895.28Z" fill="#383E45"/>
<path d="M664,1195.28a20.6,20.6,0,0,1-20.62-20.58v-59a20.62,20.62,0,0,1,41.24,0v59A20.6,20.6,0,0,1,664,1195.28Z" fill="#3AADAA"/>
<path d="M1428.64,675.88a20.62,20.62,0,1,1,0-29.17A20.61,20.61,0,0,1,1428.64,675.88Z" fill="#383E45"/>
<path d="M1149.5,238.6a20.63,20.63,0,1,1-20.73-20.53A20.63,20.63,0,0,1,1149.5,238.6Z" fill="#7C6576"/>
<path d="M1149.5,31.13a20.63,20.63,0,1,1-20.73-20.52A20.64,20.64,0,0,1,1149.5,31.13Z" fill="#7C6576"/>
<path d="M1149.5,86a20.63,20.63,0,1,1-20.73-20.53A20.63,20.63,0,0,1,1149.5,86Z" fill="#7C6576"/>
<path d="M1556,681.93h-81.87a20.63,20.63,0,1,1,0-41.26H1556a20.63,20.63,0,1,1,0,41.26Z" fill="#F6F6F6"/>
<path d="M1457.7,41.31a34.43,34.43,0,0,0,0,68.85,20.66,20.66,0,0,1,0,41.31A75.74,75.74,0,0,1,1457.7,0a20.66,20.66,0,0,1,0,41.31Z" fill="#F6F6F6"/>
<path d="M1394.61,238.7A20.62,20.62,0,1,1,1374,218.07,20.63,20.63,0,0,1,1394.61,238.7Z" fill="#383E45"/>
<path d="M1449.41,238.7a20.63,20.63,0,1,1-20.62-20.63A20.63,20.63,0,0,1,1449.41,238.7Z" fill="#383E45"/>
<path d="M1481.23,74.85a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,1481.23,74.85Z" fill="#7C6576"/>
<path d="M1536,74.85a20.62,20.62,0,1,1-20.62-20.63A20.62,20.62,0,0,1,1536,74.85Z" fill="#7C6576"/>
<path d="M1591.41,74.85a20.62,20.62,0,1,1-20.62-20.63A20.63,20.63,0,0,1,1591.41,74.85Z" fill="#7C6576"/>
<path d="M1317.38,50.18a133.65,133.65,0,0,0-133.63,133.67,20.66,20.66,0,1,1-41.32,0c0-96.66,78.33-175,175-175a20.67,20.67,0,0,1,0,41.34Z" fill="#F6F6F6"/>
<path d="M1351.54,183.6A34.42,34.42,0,1,0,1317.13,218a20.66,20.66,0,0,1,0,41.31,75.74,75.74,0,1,1,75.71-75.73,20.65,20.65,0,1,1-41.3,0Z" fill="#383E45"/>
<path d="M1068.18,435.61c0,62.62-50.06,113-111.36,113a20.68,20.68,0,0,0,0,41.35c84.49,0,152.61-69.32,152.61-154.37a20.63,20.63,0,1,0-41.25,0Z" fill="#7C6576"/>
<path d="M1416.41,482.71a94.87,94.87,0,0,0,94.87,94.89,20.63,20.63,0,0,1,0,41.26,136.13,136.13,0,0,1-136.11-136.15,20.62,20.62,0,1,1,41.24,0Z" fill="#F6F6F6"/>
<path d="M1203.12,793.32a132,132,0,0,0,132-132,20.63,20.63,0,1,1,41.25,0c0,95.7-77.56,173.28-173.23,173.28a20.63,20.63,0,1,1,0-41.26Z" fill="#3AADAA"/>
<path d="M1566.63,753.31c-98.88,0-179,80.17-179,179.07a20.66,20.66,0,1,1-41.31,0c0-121.72,98.64-220.4,220.33-220.4a20.67,20.67,0,0,1,0,41.33Z" fill="#383E45"/>
<path d="M1492.54,930.09a75.68,75.68,0,0,1,75.83-75.53,20.6,20.6,0,1,0,0-41.2c-64.72,0-117.19,52.26-117.19,116.73a20.68,20.68,0,0,0,41.36,0Z" fill="#F6F6F6"/>
<path d="M709.35,742.63A156.75,156.75,0,0,0,866.08,585.85a20.63,20.63,0,0,1,41.25,0c0,109.38-88.64,198-198,198a20.63,20.63,0,0,1,0-41.26Z" fill="#F6F6F6"/>
<path d="M1068.15,661.3c-26.24,0-48.21,21.78-48.21,49.51s22,49.51,48.21,49.51a20.63,20.63,0,1,1,0,41.25c-49.83,0-89.53-41-89.53-90.76s39.7-90.77,89.53-90.77a20.63,20.63,0,1,1,0,41.26Z" fill="#F6F6F6"/>
<path d="M1142.48,1009.33a34.42,34.42,0,1,0,34.42-34.42,20.66,20.66,0,0,1,0-41.31,75.74,75.74,0,1,1-75.72,75.73,20.65,20.65,0,1,1,41.3,0Z" fill="#383E45"/>
<path d="M1025.8,1030.31a34.43,34.43,0,0,0,0,68.85,20.66,20.66,0,0,1,0,41.31,75.74,75.74,0,0,1,0-151.47,20.66,20.66,0,0,1,0,41.31Z" fill="#3AADAA"/>
<path d="M493.05,1035.6a34.42,34.42,0,0,0-68.83,0,20.65,20.65,0,0,1-41.3,0,75.72,75.72,0,0,1,151.43,0,20.65,20.65,0,0,1-41.3,0Z" fill="#383E45"/>
<path d="M358.47,924.11a34.43,34.43,0,1,0-34.42-34.42,20.65,20.65,0,0,1-41.3,0,75.72,75.72,0,1,1,75.72,75.73,20.66,20.66,0,0,1,0-41.31Z" fill="#F6F6F6"/>
<path d="M250.94,1178.78a20.63,20.63,0,0,1,20.62-20.63H395.3a20.63,20.63,0,0,1,0,41.26H271.56A20.63,20.63,0,0,1,250.94,1178.78Z" fill="#3AADAA"/>
<path d="M763,1178.78a20.64,20.64,0,0,1,20.64-20.63H947.37a20.63,20.63,0,1,1,0,41.26H783.61A20.64,20.64,0,0,1,763,1178.78Z" fill="#F6F6F6"/>
</g>
<g class="elements">
<path id="element_1" d="M1338.05,29.37a20.63,20.63,0,1,1-20.73-20.53A20.63,20.63,0,0,1,1338.05,29.37Z" fill="#7C6576" transform="translate(-155)">
<animateMotion dur="8s" repeatCount="indefinite" path="M0,154.22A154.22,154.22,0,0,1,154.22,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_2" d="M1339.22,238.7a20.62,20.62,0,1,1-20.62-20.63A20.62,20.62,0,0,1,1339.22,238.7Z" fill="#7C6576" transform="translate(-57 -111)">
<animateMotion dur="5s" repeatCount="indefinite" path="M54.72,109.45a54.73,54.73,0,1,1,54.73-54.73" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_3" d="M1088.81,456.19a20.63,20.63,0,1,1,20.62-20.63A20.63,20.63,0,0,1,1088.81,456.19Z" fill="#383E45" transform="translate(-134)">
<animateMotion dur="7s" repeatCount="indefinite" path="M134.27,0A134.26,134.26,0,0,1,0,134.27" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_4" d="M1395.79,502.16a20.63,20.63,0,1,1,20.62-20.63A20.63,20.63,0,0,1,1395.79,502.16Z" fill="#7C6576">
<animateMotion dur="9s" repeatCount="indefinite" path="M0,0A115.1,115.1,0,0,0,115.1,115.1" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_5" d="M1370.31,675.88a20.63,20.63,0,1,1,0-29.17A20.62,20.62,0,0,1,1370.31,675.88Z" fill="#383E45" transform="translate(-156 -2)">
<animateMotion dur="12s" repeatCount="indefinite" path="M155.57,0A155.57,155.57,0,0,1,0,155.57" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_6" d="M1587.29,732.61A20.63,20.63,0,1,1,1566.66,712,20.63,20.63,0,0,1,1587.29,732.61Z" fill="#7C6576" transform="translate(-200)">
<animateMotion dur="4s" repeatCount="indefinite" path="M0,200.86C0,89.93,89.93,0,200.86,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_7" d="M1492.42,930.06a20.62,20.62,0,1,0-20.62,20.63A20.63,20.63,0,0,0,1492.42,930.06Z" fill="#7C6576" transform="translate(0 -96)">
<animateMotion dur="6s" repeatCount="indefinite" path="M0,96.37A96.37,96.37,0,0,1,96.37,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_8" d="M725.85,763.26a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,725.85,763.26Z" fill="#7C6576" transform="translate(2 -178)">
<animateMotion dur="8s" repeatCount="indefinite" path="M178.06,0A178.06,178.06,0,0,1,0,178.06" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_9" d="M1088.81,780.94a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,1088.81,780.94Z" fill="#7C6576" transform="translate(-68 -142)
">
<animateMotion dur="15s" repeatCount="indefinite" path="M70.14,140.28A70.14,70.14,0,0,1,70.14,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_10" d="M1142.43,1009a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,1142.43,1009Z" fill="#7C6576" transform="translate(0 -56)">
<animateMotion dur="13s" repeatCount="indefinite" path="M56.31,0A56.31,56.31,0,1,1,0,56.31" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_11" d="M1046.38,1009.63A20.62,20.62,0,1,1,1025.76,989,20.63,20.63,0,0,1,1046.38,1009.63Z" fill="#7C6576" transform="translate(-53)">
<animateMotion dur="8s" repeatCount="indefinite" path="M55.7,111.39A55.7,55.7,0,1,1,55.7,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_12" d="M403.54,1056.19a20.63,20.63,0,1,1,20.63-20.63A20.63,20.63,0,0,1,403.54,1056.19Z" fill="#7C6576" transform="translate(0 -54)">
<animateMotion dur="6s" repeatCount="indefinite" path="M0,55.09a55.09,55.09,0,1,1,110.17,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_13" d="M303.38,911.79A20.63,20.63,0,1,1,324,891.16,20.63,20.63,0,0,1,303.38,911.79Z" fill="#7C6576" transform="translate(0 -58)">
<animateMotion dur="3s" repeatCount="indefinite" path="M0,56.35A56.35,56.35,0,1,1,56.35,112.7" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_14" d="M292.18,1178.78a20.62,20.62,0,1,0-20.62,20.63A20.63,20.63,0,0,0,292.18,1178.78Z" fill="#7C6576" transform="translate(0 -1)">
<animateMotion dur="5s" repeatCount="indefinite" path="M1,1H126.17" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_15" d="M952.7,1199.41a20.63,20.63,0,1,1,20.62-20.63A20.63,20.63,0,0,1,952.7,1199.41Z" fill="#7C6576" transform="translate(-170 -5)">
<animateMotion dur="11s" repeatCount="indefinite" path="M0,5.3H167.14" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</g>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

35
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/special/spl_filter_1.svg Normal file
View file

@ -0,0 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0.8364,0.2594c0.1094,0.1379,0.1905,0.3011,0.1553,0.4281c-0.0353,0.127-0.1905,0.2141-0.3352,0.2649c-0.1447,0.0508-0.2823,0.0689-0.3846,0.0145c-0.0988-0.0544-0.1588-0.1778-0.2082-0.3302C0.0107,0.4916-0.0316,0.3138,0.0319,0.1904C0.0989,0.0634,0.2754-0.0128,0.4341,0.0018C0.5894,0.0163,0.727,0.1251,0.8364,0.2594z">
<animate dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M0.8364,0.2594c0.1094,0.1379,0.1905,0.3011,0.1553,0.4281c-0.0353,0.127-0.1905,0.2141-0.3352,0.2649c-0.1447,0.0508-0.2823,0.0689-0.3846,0.0145c-0.0988-0.0544-0.1588-0.1778-0.2082-0.3302C0.0107,0.4916-0.0316,0.3138,0.0319,0.1904C0.0989,0.0634,0.2754-0.0128,0.4341,0.0018C0.5894,0.0163,0.727,0.1251,0.8364,0.2594z;
M.9238.2221c.0756.1126.0876.2393.0677.3731c-.0199.1337-.0756.2745-.199.3484C.6691 1.0175.4819 1.0176.3227.9507c-.1553-.0634-.2826-.1936-.3145-.3344c-.0318-.1408.0318-.2956.1433-.4153C.263.0778.4222-.0066.5655.0004C.7128.0074.8482.1095.9238.2221z;
M.9182.1241c.088.1102.1021.3071.0563.4764c-.0458.1693-.1408.311-.264.3701c-.1232.0551-.2745.0276-.4153-.0394c-.1408-.0709-.271-.1772-.2921-.3071c-.0211-.1299.0704-.2756.1689-.3937c.1021-.1142.2112-.1969.3484-.2205C.6612-.0177.8302.0099.9182.1241z;
M0.8968,0.2273c0.0951,0.1495,0.1303,0.3459,0.081,0.4869c-0.0493,0.1409-0.1831,0.2221-0.3028,0.2605c-0.1197,0.0384-0.2253,0.0299-0.3556-0.0043c-0.1338-0.0384-0.2958-0.1068-0.3169-0.2178c-0.0211-0.1068,0.0986-0.2563,0.2042-0.41c0.1056-0.1538,0.2007-0.3118,0.3204-0.3374C0.6538-0.0247,0.8017,0.0778,0.8968,0.2273z;
M0.8364,0.2594c0.1094,0.1379,0.1905,0.3011,0.1553,0.4281c-0.0353,0.127-0.1905,0.2141-0.3352,0.2649c-0.1447,0.0508-0.2823,0.0689-0.3846,0.0145c-0.0988-0.0544-0.1588-0.1778-0.2082-0.3302C0.0107,0.4916-0.0316,0.3138,0.0319,0.1904C0.0989,0.0634,0.2754-0.0128,0.4341,0.0018C0.5894,0.0163,0.727,0.1251,0.8364,0.2594z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg class="background" viewBox="0 0 28.3 28.3" preserveAspectRatio="none">
<path id="background" d="M26.2 6.3c1.9 3.1 1.6 7.3.6 11.1c-1 3.8-2.7 7.3-5.8 9.2c-3.1 1.9-7.4 2.3-10.6.6c-3.2-1.7-5.2-5.4-7-10.2C1.6 12.2-.4 6.5 1.8 3.3c2.1-3.2 8.2-3.8 13.3-3C20.1 1.1 24.2 3.2 26.2 6.3z" fill="#7C6576" opacity=".3">
<animate dur="18s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M26.2 6.3c1.9 3.1 1.6 7.3.6 11.1c-1 3.8-2.7 7.3-5.8 9.2c-3.1 1.9-7.4 2.3-10.6.6c-3.2-1.7-5.2-5.4-7-10.2C1.6 12.2-.4 6.5 1.8 3.3c2.1-3.2 8.2-3.8 13.3-3C20.1 1.1 24.2 3.2 26.2 6.3z;
M23.2 7c2.1 3.4 3 7 2.4 10.4c-.6 3.5-2.7 6.8-6 8.9c-3.3 2.1-7.8 2.8-11 1.1c-3.1-1.7-4.9-5.8-5.7-9.9C2.1 13.4 2.5 9.4 4.6 5.9c2.1-3.4 6.1-6.2 9.6-5.9C17.8.3 21.1 3.6 23.2 7z;
M26.9 4.9c1.8 2.9 1.1 7-.1 10.5c-1.2 3.5-2.9 6.5-6.1 9C17.5 26.9 12.8 29.2 9 28c-3.9-1.2-7-5.8-8.1-10.7c-1.1-5-.2-10.4 2.8-13.5c3-3.2 8-4 12.7-3.7C20.9.4 25.1 2 26.9 4.9z;
M23.5 8.9c2.5 3.7 4.8 6.9 4.7 10.6c-.1 3.7-2.5 7.8-5.7 8.7c-3.2 1-7.2-1.2-11.3-3.1C7.1 23.2 2.8 21.3 1 17.8c-1.7-3.5-.9-8.7 2-12.5c2.9-3.8 7.8-6 11.6-5.1C18.4 1.1 21 5.2 23.5 8.9z;
M26.2 6.3c1.9 3.1 1.6 7.3.6 11.1c-1 3.8-2.7 7.3-5.8 9.2c-3.1 1.9-7.4 2.3-10.6.6c-3.2-1.7-5.2-5.4-7-10.2C1.6 12.2-.4 6.5 1.8 3.3c2.1-3.2 8.2-3.8 13.3-3C20.1 1.1 24.2 3.2 26.2 6.3z"
calcMode="spline"
keySplines=".45 .05 .55 .95; .45 .05 .55 .95; .45 .05 .55 .95; .45 .05 .55 .95"/>
</path>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4 KiB

21
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/special/spl_flag_1.svg Normal file
View file

@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0.1131,0.9315c-0.0212,0.0037-0.0389,0.0073-0.0601,0.011c-0.0707-0.2813-0.0707-0.5991,0-0.9242c0.0212-0.0037,0.0389-0.011,0.0601-0.011C0.0495,0.3215,0.0495,0.6393,0.1131,0.9315zM0.2297,0.9242c-0.0424-0.3032-0.0424-0.621,0-0.9242c-0.0212,0-0.0459,0-0.0671,0C0.1131,0.3105,0.1131,0.6283,0.1661,0.9279C0.1873,0.9242,0.2085,0.9242,0.2297,0.9242zM0.3498,0.9352C0.3286,0.6283,0.3286,0.3105,0.3498,0.011C0.3251,0.0073,0.3004,0.0037,0.2756,0c-0.0353,0.3032-0.0353,0.621,0,0.9242C0.3004,0.9279,0.3251,0.9315,0.3498,0.9352zM0.47,0.9571c-0.0035-0.3068-0.0035-0.621,0-0.9242c-0.0283-0.0037-0.053-0.011-0.0813-0.0146c-0.0177,0.3032-0.0177,0.6174,0,0.9242C0.417,0.9461,0.4417,0.9498,0.47,0.9571zM0.5901,0.979c0.0141-0.3032,0.0141-0.6174,0-0.9242c-0.0283-0.0037-0.0601-0.011-0.0883-0.0183c0,0.3032,0,0.621,0,0.9242C0.53,0.968,0.5583,0.9753,0.5901,0.979zM0.7102,0.9973c0.0318-0.3032,0.0318-0.6174,0-0.9242c-0.0318-0.0037-0.0636-0.0073-0.0989-0.0146c0.0177,0.3068,0.0177,0.6247,0,0.9242C0.6431,0.99,0.6784,0.9936,0.7102,0.9973zM0.8304,0.9973c0.053-0.3068,0.053-0.6247,0-0.9242c-0.0353,0.0037-0.0707,0-0.106,0c0.0353,0.3068,0.0353,0.6247,0,0.9242C0.7597,1.0009,0.7951,1.0009,0.8304,0.9973zM0.8339,0.9973c0.0389-0.0037,0.0742-0.0073,0.1131-0.0183c0.0707-0.3288,0.0707-0.6429,0-0.9242c-0.0389,0.011-0.0742,0.0146-0.1131,0.0183C0.8869,0.3726,0.8869,0.6904,0.8339,0.9973z"/>
<g id="animation">
<animate xlink:href="#filterPath" dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M0.1131,0.9315c-0.0212,0.0037-0.0389,0.0073-0.0601,0.011c-0.0707-0.2813-0.0707-0.5991,0-0.9242c0.0212-0.0037,0.0389-0.011,0.0601-0.011C0.0495,0.3215,0.0495,0.6393,0.1131,0.9315zM0.2297,0.9242c-0.0424-0.3032-0.0424-0.621,0-0.9242c-0.0212,0-0.0459,0-0.0671,0C0.1131,0.3105,0.1131,0.6283,0.1661,0.9279C0.1873,0.9242,0.2085,0.9242,0.2297,0.9242zM0.3498,0.9352C0.3286,0.6283,0.3286,0.3105,0.3498,0.011C0.3251,0.0073,0.3004,0.0037,0.2756,0c-0.0353,0.3032-0.0353,0.621,0,0.9242C0.3004,0.9279,0.3251,0.9315,0.3498,0.9352zM0.47,0.9571c-0.0035-0.3068-0.0035-0.621,0-0.9242c-0.0283-0.0037-0.053-0.011-0.0813-0.0146c-0.0177,0.3032-0.0177,0.6174,0,0.9242C0.417,0.9461,0.4417,0.9498,0.47,0.9571zM0.5901,0.979c0.0141-0.3032,0.0141-0.6174,0-0.9242c-0.0283-0.0037-0.0601-0.011-0.0883-0.0183c0,0.3032,0,0.621,0,0.9242C0.53,0.968,0.5583,0.9753,0.5901,0.979zM0.7102,0.9973c0.0318-0.3032,0.0318-0.6174,0-0.9242c-0.0318-0.0037-0.0636-0.0073-0.0989-0.0146c0.0177,0.3068,0.0177,0.6247,0,0.9242C0.6431,0.99,0.6784,0.9936,0.7102,0.9973zM0.8304,0.9973c0.053-0.3068,0.053-0.6247,0-0.9242c-0.0353,0.0037-0.0707,0-0.106,0c0.0353,0.3068,0.0353,0.6247,0,0.9242C0.7597,1.0009,0.7951,1.0009,0.8304,0.9973zM0.8339,0.9973c0.0389-0.0037,0.0742-0.0073,0.1131-0.0183c0.0707-0.3288,0.0707-0.6429,0-0.9242c-0.0389,0.011-0.0742,0.0146-0.1131,0.0183C0.8869,0.3726,0.8869,0.6904,0.8339,0.9973z;
M0.1131,0.9927c-0.0212-0.0037-0.0389-0.0073-0.0601-0.011c-0.0707-0.3291-0.0707-0.6436,0-0.9252c0.0212,0.0037,0.0389,0.011,0.0601,0.011C0.0495,0.3564,0.0495,0.6745,0.1131,0.9927zM0.2297,1c-0.0424-0.3035-0.0424-0.6217,0-0.9252c-0.0212,0-0.0459,0-0.0671,0c-0.053,0.2999-0.053,0.618,0,0.9252C0.1873,1,0.2085,1,0.2297,1zM0.3498,0.989c-0.0247-0.2999-0.0247-0.618,0-0.9252C0.3251,0.0638,0.3004,0.0675,0.2756,0.0711c-0.0353,0.3072-0.0353,0.6254,0,0.9252C0.3004,0.9927,0.3251,0.9927,0.3498,0.989zM0.47,0.9671c-0.0035-0.3035-0.0035-0.6217,0-0.9252c-0.0283,0.0037-0.053,0.011-0.0813,0.0146c-0.0177,0.3072-0.0177,0.6254,0,0.9252C0.417,0.9781,0.4417,0.9744,0.47,0.9671zM0.5901,0.9451c0.0141-0.3072,0.0141-0.6254,0-0.9252c-0.0283,0.0037-0.0601,0.011-0.0883,0.0183c0,0.3035,0,0.6217,0,0.9252C0.53,0.9561,0.5583,0.9488,0.5901,0.9451zM0.7102,0.9269c0.0318-0.3072,0.0318-0.6254,0-0.9252c-0.0318,0.0037-0.0636,0.0073-0.0989,0.0146c0.0177,0.3035,0.0177,0.618,0,0.9252C0.6431,0.9342,0.6784,0.9305,0.7102,0.9269zM0.8304,0.9269c0.053-0.2999,0.053-0.618,0-0.9252c-0.0353-0.0037-0.0707,0-0.106,0c0.0353,0.3035,0.0353,0.6217,0,0.9252C0.7597,0.9232,0.7951,0.9232,0.8304,0.9269zM0.8339,0.9269c0.0389,0.0037,0.0742,0.0073,0.1131,0.0183c0.0707-0.2816,0.0707-0.5998,0-0.9252c-0.0389-0.011-0.0742-0.0146-0.1131-0.0183C0.8869,0.3088,0.8869,0.627,0.8339,0.9269z;
M0.1131,0.9315c-0.0212,0.0037-0.0389,0.0073-0.0601,0.011c-0.0707-0.2813-0.0707-0.5991,0-0.9242c0.0212-0.0037,0.0389-0.011,0.0601-0.011C0.0495,0.3215,0.0495,0.6393,0.1131,0.9315zM0.2297,0.9242c-0.0424-0.3032-0.0424-0.621,0-0.9242c-0.0212,0-0.0459,0-0.0671,0C0.1131,0.3105,0.1131,0.6283,0.1661,0.9279C0.1873,0.9242,0.2085,0.9242,0.2297,0.9242zM0.3498,0.9352C0.3286,0.6283,0.3286,0.3105,0.3498,0.011C0.3251,0.0073,0.3004,0.0037,0.2756,0c-0.0353,0.3032-0.0353,0.621,0,0.9242C0.3004,0.9279,0.3251,0.9315,0.3498,0.9352zM0.47,0.9571c-0.0035-0.3068-0.0035-0.621,0-0.9242c-0.0283-0.0037-0.053-0.011-0.0813-0.0146c-0.0177,0.3032-0.0177,0.6174,0,0.9242C0.417,0.9461,0.4417,0.9498,0.47,0.9571zM0.5901,0.979c0.0141-0.3032,0.0141-0.6174,0-0.9242c-0.0283-0.0037-0.0601-0.011-0.0883-0.0183c0,0.3032,0,0.621,0,0.9242C0.53,0.968,0.5583,0.9753,0.5901,0.979zM0.7102,0.9973c0.0318-0.3032,0.0318-0.6174,0-0.9242c-0.0318-0.0037-0.0636-0.0073-0.0989-0.0146c0.0177,0.3068,0.0177,0.6247,0,0.9242C0.6431,0.99,0.6784,0.9936,0.7102,0.9973zM0.8304,0.9973c0.053-0.3068,0.053-0.6247,0-0.9242c-0.0353,0.0037-0.0707,0-0.106,0c0.0353,0.3068,0.0353,0.6247,0,0.9242C0.7597,1.0009,0.7951,1.0009,0.8304,0.9973zM0.8339,0.9973c0.0389-0.0037,0.0742-0.0073,0.1131-0.0183c0.0707-0.3288,0.0707-0.6429,0-0.9242c-0.0389,0.011-0.0742,0.0146-0.1131,0.0183C0.8869,0.3726,0.8869,0.6904,0.8339,0.9973z"
calcMode="spline"
keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
</g>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6 KiB

20
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/special/spl_organics_1.svg Normal file
View file

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.9948.294c.0211.099-.0282.1627-.0317.2617c-.0035.0955.0388.2264-.0388.3219c-.0775.0955-.2749.1521-.4371.1061c-.1657-.046-.2996-.1945-.2432-.2936c.0564-.0991.2996-.1486.4265-.2688c.1269-.1202.1269-.3113.1727-.3396C.889.0606.9771.195.9948.294zM.0748.2303c.0529-.0955.1057-.1662.2044-.2051c.0987-.0354.2432-.0389.3243.0248c.0811.0637.0952.1875.0493.2794c-.0458.0955-.1516.1592-.2855.1945c-.1339.0354-.2926.0389-.3454-.0177C-.0309.4496.0219.3258.0748.2303z">
<animate class="animation" dur="45s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.9948.294c.0211.099-.0282.1627-.0317.2617c-.0035.0955.0388.2264-.0388.3219c-.0775.0955-.2749.1521-.4371.1061c-.1657-.046-.2996-.1945-.2432-.2936c.0564-.0991.2996-.1486.4265-.2688c.1269-.1202.1269-.3113.1727-.3396C.889.0606.9771.195.9948.294zM.0748.2303c.0529-.0955.1057-.1662.2044-.2051c.0987-.0354.2432-.0389.3243.0248c.0811.0637.0952.1875.0493.2794c-.0458.0955-.1516.1592-.2855.1945c-.1339.0354-.2926.0389-.3454-.0177C-.0309.4496.0219.3258.0748.2303z;
M.9984.445c-.0109.1058-.0764.1532-.1092.248c-.0328.0948-.1055.2298-.222.2772c-.1165.0474-.4367.0438-.5823-.0511c-.1638-.1058-.0328-.2261.0509-.31c.0837-.0839.3421-.0584.4986-.1386c.1565-.0802.2184-.2699.2729-.2808C.962.1787 1.0093.3392.9984.445zM.1687.1459c.0728-.0875.1092-.1204.2184-.1386c.1055-.0182.1674 0 .2693.0292c.1165.0328.1638.1204.0983.2079c-.0655.0875-.2402.1787-.3785.1897c-.1419.0109-.3239.0802-.3676.0109C-.0351.3757.0995.2334.1687.1459z;
M.9684.8411c-.0651.0849-.1591.144-.2603.1144c-.094-.0258-.2711.0406-.3941.0443c-.1229.0037-.1988-.0664-.2748-.2289c-.0832-.1772-.0253-.3396.0904-.3617c.1157-.0221.2784.2252.4555.2399c.1771.0147.2964-.1181.3471-.0997C.9864.568 1.0334.7562.9684.8411zM.408.0291c.1085-.0369.2567-.0406.3543 0c.1012.0443.1699.0738.1952.1698c.0325.1181.0687.2879-.2133.3765c-.1012.0406-.2639-.0554-.3181-.1476C.3502.2912.0465.3724.0465.2875C.0465.1398.3032.0623.408.0291z;
M.9984.445c-.0109.1058-.0764.1532-.1092.248c-.0328.0948-.1055.2298-.222.2772c-.1165.0474-.4367.0438-.5823-.0511c-.1638-.1058-.0328-.2261.0509-.31c.0837-.0839.3421-.0584.4986-.1386c.1565-.0802.2184-.2699.2729-.2808C.962.1787 1.0093.3392.9984.445zM.1687.1459c.0728-.0875.1092-.1204.2184-.1386c.1055-.0182.1674 0 .2693.0292c.1165.0328.1638.1204.0983.2079c-.0655.0875-.2402.1787-.3785.1897c-.1419.0109-.3239.0802-.3676.0109C-.0351.3757.0995.2334.1687.1459z;
M.9948.294c.0211.099-.0282.1627-.0317.2617c-.0035.0955.0388.2264-.0388.3219c-.0775.0955-.2749.1521-.4371.1061c-.1657-.046-.2996-.1945-.2432-.2936c.0564-.0991.2996-.1486.4265-.2688c.1269-.1202.1269-.3113.1727-.3396C.889.0606.9771.195.9948.294zM.0748.2303c.0529-.0955.1057-.1662.2044-.2051c.0987-.0354.2432-.0389.3243.0248c.0811.0637.0952.1875.0493.2794c-.0458.0955-.1516.1592-.2855.1945c-.1339.0354-.2926.0389-.3454-.0177C-.0309.4496.0219.3258.0748.2303z"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.4 KiB

100
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/special/spl_rain_1.svg Normal file
View file

@ -0,0 +1,100 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0 0 1 0 1 1 0 1Z"/>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg preserveAspectRatio="xMidYMid" viewBox="0 0 1048 998">
<style type="text/css">
@keyframes ld-speed-dash {
0% { transform: translate(0,-1535.2044154363916px); }
100% { transform: translate(0,1535.2044154363916px); }
}
.ld.ld-speed-dash { animation: ld-speed-dash 30s linear infinite; }
</style>
<g transform="translate(524,499)">
<g style="transform:rotate(317deg)">
<line x1="139.100879730443" x2="139.100879730443" y1="0" y2="-71.04786877195058" stroke="#FFFFFF" stroke-width="0.7130947004639525" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -16.703482167176887s;animation-duration:55s"/>
<line x1="-63.51861727952404" x2="-63.51861727952404" y1="0" y2="-68.39111041164568" stroke="#FFFFFF" stroke-width="3.3214265507816907" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -4.374240038464121s;animation-duration:15s"/>
<line x1="-117.49024395060964" x2="-117.49024395060964" y1="0" y2="-58.78211742934825" stroke="#FFFFFF" stroke-width="6.173126328985981" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -5.776258306947928s;animation-duration:30s"/>
<line x1="-114.06891986032277" x2="-114.06891986032277" y1="0" y2="-87.13160412483236" stroke="#FFFFFF" stroke-width="7.201752963720091" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -11.531954312553463s;animation-duration:55s"/>
<line x1="207.9741440374656" x2="207.9741440374656" y1="0" y2="-41.511786344890226" stroke="#FFFFFF" stroke-width="9.145795097464573" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -9.128739134637772s;animation-duration:15s"/>
<line x1="-254.50083191979107" x2="-254.50083191979107" y1="0" y2="-71.89367792709987" stroke="#FFFFFF" stroke-width="5.367733709347666" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -2.7849402787702315s;animation-duration:30s"/>
<line x1="231.6361646857463" x2="231.6361646857463" y1="0" y2="-64.5929400012937" stroke="#FFFFFF" stroke-width="0.2981416926990728" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -9.30518152134181s;animation-duration:55s"/>
<line x1="-161.2513495410185" x2="-161.2513495410185" y1="0" y2="-30.230744542410037" stroke="#FFFFFF" stroke-width="4.800203605695815" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -19.238479879923347s;animation-duration:15s"/>
<line x1="-344.43724073643705" x2="-344.43724073643705" y1="0" y2="-72.62320854950363" stroke="#FFFFFF" stroke-width="3.0452074326826537" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -15.2845616094445s;animation-duration:30s"/>
<line x1="-315.0768149645206" x2="-315.0768149645206" y1="0" y2="-57.558847961213495" stroke="#FFFFFF" stroke-width="4.431587553727089" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -18.590861797636933s;animation-duration:55s"/>
<line x1="498.17176842138616" x2="498.17176842138616" y1="0" y2="-82.48271376058466" stroke="#FFFFFF" stroke-width="7.42049387863906" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -14.152060815025628s;animation-duration:15s"/>
<line x1="324.91234501120925" x2="324.91234501120925" y1="0" y2="-39.084540730153655" stroke="#FFFFFF" stroke-width="4.79847375296929" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -3.6845912875746123s;animation-duration:30s"/>
<line x1="147.52142536275292" x2="147.52142536275292" y1="0" y2="-65.94570030949353" stroke="#FFFFFF" stroke-width="3.6455912012668366" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -9.78489176604132s;animation-duration:55s"/>
<line x1="-327.67000573591764" x2="-327.67000573591764" y1="0" y2="-72.47968583034498" stroke="#FFFFFF" stroke-width="6.732430759136288" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -11.656245748581844s;animation-duration:15s"/>
<line x1="-439.54875964304546" x2="-439.54875964304546" y1="0" y2="-70.7000091504135" stroke="#FFFFFF" stroke-width="2.9870126722842323" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -1.4236693153234592s;animation-duration:30s"/>
<line x1="-298.0663521387467" x2="-298.0663521387467" y1="0" y2="-33.506471261847956" stroke="#FFFFFF" stroke-width="7.99502207118555" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -12.910345026680442s;animation-duration:55s"/>
<line x1="411.9653874440297" x2="411.9653874440297" y1="0" y2="-48.44491706270871" stroke="#FFFFFF" stroke-width="0.9009543909407098" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -3.9043515156720066s;animation-duration:15s"/>
<line x1="-354.9524838211148" x2="-354.9524838211148" y1="0" y2="-31.014688677364823" stroke="#FFFFFF" stroke-width="4.908401887449246" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -3.8558556021818324s;animation-duration:30s"/>
<line x1="348.9217881974914" x2="348.9217881974914" y1="0" y2="-37.15527730858323" stroke="#FFFFFF" stroke-width="0.08011844414302499" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -6.390293383769228s;animation-duration:55s"/>
<line x1="-253.65575812674703" x2="-253.65575812674703" y1="0" y2="-59.99226275618864" stroke="#FFFFFF" stroke-width="2.05240820597933" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -9.479737767154166s;animation-duration:15s"/>
<line x1="-159.53131280701962" x2="-159.53131280701962" y1="0" y2="-50.00878205544575" stroke="#FFFFFF" stroke-width="6.821418695266572" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -14.952389091754057s;animation-duration:30s"/>
<line x1="-85.58732142310727" x2="-85.58732142310727" y1="0" y2="-38.158182639854274" stroke="#FFFFFF" stroke-width="6.0338667249992834" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -17.432153054992877s;animation-duration:55s"/>
<line x1="238.5803924391303" x2="238.5803924391303" y1="0" y2="-78.87191687263861" stroke="#FFFFFF" stroke-width="6.567421485086895" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -13.110675756090764s;animation-duration:15s"/>
<line x1="332.56595215916263" x2="332.56595215916263" y1="0" y2="-43.92624562859615" stroke="#FFFFFF" stroke-width="8.148950641334766" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -8.40127391377941s;animation-duration:30s"/>
<line x1="354.08166077331003" x2="354.08166077331003" y1="0" y2="-53.990491786774186" stroke="#FFFFFF" stroke-width="0.08723232325953881" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -14.683037939672747s;animation-duration:55s"/>
<line x1="246.5926558179895" x2="246.5926558179895" y1="0" y2="-53.184781642796295" stroke="#FFFFFF" stroke-width="1.817349691207886" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -18.812996292032366s;animation-duration:15s"/>
<line x1="192.2322075552097" x2="192.2322075552097" y1="0" y2="-25.609081760055016" stroke="#FFFFFF" stroke-width="5.4961007847383065" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -17.931250060946038s;animation-duration:30s"/>
<line x1="-391.93548573454336" x2="-391.93548573454336" y1="0" y2="-71.36506838177266" stroke="#FFFFFF" stroke-width="5.1852102142784116" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -7.676703438612842s;animation-duration:55s"/>
<line x1="284.4720652626202" x2="284.4720652626202" y1="0" y2="-57.39180255114305" stroke="#FFFFFF" stroke-width="9.099336926875209" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -11.100468502738194s;animation-duration:15s"/>
<line x1="28.333272921747565" x2="28.333272921747565" y1="0" y2="-71.53678203874225" stroke="#FFFFFF" stroke-width="7.369747895309885" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -10.648450374739804s;animation-duration:30s"/>
<line x1="192.21591076251792" x2="192.21591076251792" y1="0" y2="-35.069269256143144" stroke="#FFFFFF" stroke-width="6.343891019895506" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -13.552975337712798s;animation-duration:55s"/>
<line x1="-386.3976411463455" x2="-386.3976411463455" y1="0" y2="-76.21323392471032" stroke="#FFFFFF" stroke-width="3.485753542197133" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -1.6717306089600692s;animation-duration:15s"/>
<line x1="55.199288315206225" x2="55.199288315206225" y1="0" y2="-31.3289246141787" stroke="#FFFFFF" stroke-width="4.769166283508337" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -2.156725283391281s;animation-duration:30s"/>
<line x1="278.16052889945706" x2="278.16052889945706" y1="0" y2="-74.94251848701617" stroke="#FFFFFF" stroke-width="6.456259610724869" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -13.617785000560868s;animation-duration:55s"/>
<line x1="342.4393542659095" x2="342.4393542659095" y1="0" y2="-63.13056606145892" stroke="#FFFFFF" stroke-width="1.3363805763840186" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -3.9277071934640517s;animation-duration:15s"/>
<line x1="485.37108467158083" x2="485.37108467158083" y1="0" y2="-36.72165178582405" stroke="#FFFFFF" stroke-width="7.563967329697359" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -15.688507080894318s;animation-duration:30s"/>
<line x1="112.42767145146924" x2="112.42767145146924" y1="0" y2="-56.7378990606034" stroke="#FFFFFF" stroke-width="3.616378447219563" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -5.4482302832414s;animation-duration:55s"/>
<line x1="-36.82785784507289" x2="-36.82785784507289" y1="0" y2="-75.22274643581328" stroke="#FFFFFF" stroke-width="3.652698118563137" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -6.112450485841272s;animation-duration:15s"/>
<line x1="432.2146387231786" x2="432.2146387231786" y1="0" y2="-76.31519116387139" stroke="#FFFFFF" stroke-width="4.291181397225535" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -15.031644988705395s;animation-duration:30s"/>
<line x1="-80.45676501647533" x2="-80.45676501647533" y1="0" y2="-85.95677078741566" stroke="#FFFFFF" stroke-width="7.2791807812302185" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -11.736485043082125s;animation-duration:55s"/>
<line x1="-13.312227591811265" x2="-13.312227591811265" y1="0" y2="-56.14448330374391" stroke="#FFFFFF" stroke-width="4.228278079231071" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -13.266776462541587s;animation-duration:15s"/>
<line x1="-218.2715040420858" x2="-218.2715040420858" y1="0" y2="-65.17812491778103" stroke="#FFFFFF" stroke-width="1.0120832379789995" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -16.600682267823856s;animation-duration:30s"/>
<line x1="-121.69728026806908" x2="-121.69728026806908" y1="0" y2="-53.73266746191761" stroke="#FFFFFF" stroke-width="8.853638892543511" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -8.357309726685255s;animation-duration:55s"/>
<line x1="242.07607809092502" x2="242.07607809092502" y1="0" y2="-25.563754929635905" stroke="#FFFFFF" stroke-width="5.929789356472446" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -6.597792103784408s;animation-duration:15s"/>
<line x1="-39.30346478835616" x2="-39.30346478835616" y1="0" y2="-63.42233842531628" stroke="#FFFFFF" stroke-width="8.98117669406177" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -14.53519580592972s;animation-duration:30s"/>
<line x1="503.06205737791566" x2="503.06205737791566" y1="0" y2="-67.7235704852171" stroke="#FFFFFF" stroke-width="8.59550591697016" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -0.2719460652253014s;animation-duration:55s"/>
<line x1="201.1212811544643" x2="201.1212811544643" y1="0" y2="-65.70666146264549" stroke="#FFFFFF" stroke-width="6.734844660447944" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -3.5587609617142713s;animation-duration:15s"/>
<line x1="-514.3785024555569" x2="-514.3785024555569" y1="0" y2="-79.59542740675269" stroke="#FFFFFF" stroke-width="0.5226434248653391" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -15.585620753390014s;animation-duration:30s"/>
<line x1="-200.6121354177445" x2="-200.6121354177445" y1="0" y2="-69.40773894414676" stroke="#FFFFFF" stroke-width="2.8909082275057894" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -12.630573793889157s;animation-duration:55s"/>
<line x1="-397.34406699452944" x2="-397.34406699452944" y1="0" y2="-27.934199982563676" stroke="#FFFFFF" stroke-width="1.1793627447657988" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -7.949594462595346s;animation-duration:15s"/>
<line x1="42.362409922808766" x2="42.362409922808766" y1="0" y2="-69.58695069480532" stroke="#FFFFFF" stroke-width="7.578334158823694" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -2.364071172520328s;animation-duration:30s"/>
<line x1="-5.4753117712315245" x2="-5.4753117712315245" y1="0" y2="-55.82221101615197" stroke="#FFFFFF" stroke-width="2.7025598189827433" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -8.120620178473734s;animation-duration:55s"/>
<line x1="-313.23505818504486" x2="-313.23505818504486" y1="0" y2="-60.82709793449657" stroke="#FFFFFF" stroke-width="0.5325867153953314" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -18.04609478242723s;animation-duration:15s"/>
<line x1="-384.7885064566058" x2="-384.7885064566058" y1="0" y2="-56.17654673539688" stroke="#FFFFFF" stroke-width="6.416520405694656" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -11.19758339305346s;animation-duration:30s"/>
<line x1="-146.76875242863778" x2="-146.76875242863778" y1="0" y2="-64.45310535273768" stroke="#FFFFFF" stroke-width="2.3881703839076724" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -3.822171986336933s;animation-duration:55s"/>
<line x1="217.29139913621276" x2="217.29139913621276" y1="0" y2="-53.120921012488694" stroke="#FFFFFF" stroke-width="1.926193223541401" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -12.261732444414681s;animation-duration:15s"/>
<line x1="320.46142352549515" x2="320.46142352549515" y1="0" y2="-27.82628366325887" stroke="#FFFFFF" stroke-width="0.17679999974107138" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -5.778316380547146s;animation-duration:30s"/>
<line x1="278.29934105809053" x2="278.29934105809053" y1="0" y2="-75.89823845053398" stroke="#FFFFFF" stroke-width="1.1530078513241997" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -2.8163391150023642s;animation-duration:55s"/>
<line x1="40.37748375173017" x2="40.37748375173017" y1="0" y2="-62.19611316421922" stroke="#FFFFFF" stroke-width="3.7932408294699678" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -5.484795896222212s;animation-duration:15s"/>
<line x1="143.3802854436688" x2="143.3802854436688" y1="0" y2="-82.88948414946906" stroke="#FFFFFF" stroke-width="2.7221781263266673" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -12.797911730771657s;animation-duration:30s"/>
<line x1="-391.0227051116983" x2="-391.0227051116983" y1="0" y2="-42.423913706321244" stroke="#FFFFFF" stroke-width="0.9232402471531866" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -1.0603754423199963s;animation-duration:55s"/>
<line x1="-412.4970430026221" x2="-412.4970430026221" y1="0" y2="-49.54225952346891" stroke="#FFFFFF" stroke-width="7.007150436055624" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -10.550926421679314s;animation-duration:15s"/>
<line x1="86.39419079283995" x2="86.39419079283995" y1="0" y2="-41.1863582302351" stroke="#FFFFFF" stroke-width="1.8916111407730565" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -1.7002214218710066s;animation-duration:30s"/>
<line x1="-375.41219875778046" x2="-375.41219875778046" y1="0" y2="-45.55263414375017" stroke="#FFFFFF" stroke-width="3.929547369071244" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -11.8161534118211s;animation-duration:55s"/>
<line x1="330.4253919092346" x2="330.4253919092346" y1="0" y2="-68.4609969734615" stroke="#FFFFFF" stroke-width="0.2291365897207186" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -14.808609516303667s;animation-duration:15s"/>
<line x1="-150.2787076381307" x2="-150.2787076381307" y1="0" y2="-43.6856644729947" stroke="#FFFFFF" stroke-width="8.853290768409236" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -4.6397838944192715s;animation-duration:30s"/>
<line x1="127.24194395601141" x2="127.24194395601141" y1="0" y2="-61.83529047818619" stroke="#FFFFFF" stroke-width="0.8766954743243146" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -9.645853964116945s;animation-duration:55s"/>
<line x1="-479.32805869124036" x2="-479.32805869124036" y1="0" y2="-49.61967344955898" stroke="#FFFFFF" stroke-width="8.992273709112911" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -14.992490287727213s;animation-duration:15s"/>
<line x1="-235.92659336958332" x2="-235.92659336958332" y1="0" y2="-46.193813376477635" stroke="#FFFFFF" stroke-width="8.19409190520511" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -2.6136304791754483s;animation-duration:30s"/>
<line x1="-443.0760616451817" x2="-443.0760616451817" y1="0" y2="-50.37151653587158" stroke="#FFFFFF" stroke-width="2.152055936537093" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -15.252427300623479s;animation-duration:55s"/>
<line x1="65.7493777276102" x2="65.7493777276102" y1="0" y2="-75.57004159103506" stroke="#FFFFFF" stroke-width="4.600454748316518" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -10.124281037889764s;animation-duration:15s"/>
<line x1="-443.8394454594296" x2="-443.8394454594296" y1="0" y2="-28.39690255418258" stroke="#FFFFFF" stroke-width="3.204753346962342" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -6.7759220001484355s;animation-duration:30s"/>
<line x1="364.44761145888646" x2="364.44761145888646" y1="0" y2="-60.45517301538762" stroke="#FFFFFF" stroke-width="7.12366235593035" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -4.115347432993746s;animation-duration:55s"/>
<line x1="-342.1949749880765" x2="-342.1949749880765" y1="0" y2="-39.900530613861186" stroke="#FFFFFF" stroke-width="8.56648183379656" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -8.843402563150299s;animation-duration:15s"/>
<line x1="276.8962093415599" x2="276.8962093415599" y1="0" y2="-83.74657999585139" stroke="#FFFFFF" stroke-width="8.766009224205" stroke-linecap="round" class="ld ld-speed-dash" style="animation-delay: -18.002832523285868s;animation-duration:30s"/>
</g>
</g>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

316
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/special/spl_snow_1.svg Normal file
View file

@ -0,0 +1,316 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0 0 1 0 1 1 0 1Z"/>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg preserveAspectRatio="xMidYMid" viewBox="0 0 1792 998">
<g transform="translate(896,499) scale(1,1) translate(-896,-499)">
<path id="path0" d="M 1527.6226653456367 88.4398901953608 c 0 19.1468828489678 -4.684875590704887 5.499636563001389 -10.184512153706276 5.499636563001389 S 1507.2536410382243 107.5867730443286 1507.2536410382243 88.4398901953608 s 4.684875590704887 -5.499636563001389 10.184512153706276 -5.499636563001389 S 1527.6226653456367 69.29300734639301 1527.6226653456367 88.4398901953608z" fill="none" stroke="none"/>
<circle id="circle_0" cx="0" cy="0" r="6.005063664367906" fill="#FFFFFF">
<animateMotion xlink:href="#circle_0" begin="-6.224872262032182s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path0"/></animateMotion>
</circle>
<path id="path1" d="M 573.0770058526846 897.8696071165839 c 0 20.482251302790807 -5.011614680470091 5.883199842290977 -10.894814522761067 5.883199842290977 S 551.2873768071624 918.3518584193747 551.2873768071624 897.8696071165839 s 5.011614680470091 -5.883199842290977 10.894814522761067 -5.883199842290977 S 573.0770058526846 877.3873558137931 573.0770058526846 897.8696071165839z" fill="none" stroke="none"/>
<circle id="circle_1" cx="0" cy="0" r="5.53372001316273" fill="#FFFFFF">
<animateMotion xlink:href="#circle_1" begin="-1.4620811589727634s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path1"/></animateMotion>
</circle>
<path id="path2" d="M 507.7974939001856 380.0584322654407 c 0 23.72558196236055 -5.805195586535027 6.814794818975903 -12.61999040551093 6.814794818975903 S 482.55751308916376 403.7840142278012 482.55751308916376 380.0584322654407 s 5.805195586535027 -6.814794818975903 12.61999040551093 -6.814794818975903 S 507.7974939001856 356.33285030308014 507.7974939001856 380.0584322654407z" fill="none" stroke="none"/>
<circle id="circle_2" cx="0" cy="0" r="7.620496924861558" fill="#FFFFFF">
<animateMotion xlink:href="#circle_2" begin="-3.428603936889767s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path2"/></animateMotion>
</circle>
<path id="path3" d="M 146.3666965404899 6.7659242444326395 c 0 22.4179203451986 -5.485235829144337 6.439189886386831 -11.924425715531168 6.439189886386831 S 122.51784510942757 29.18384458963124 122.51784510942757 6.7659242444326395 s 5.485235829144337 -6.439189886386831 11.924425715531168 -6.439189886386831 S 146.3666965404899 -15.65199610076596 146.3666965404899 6.7659242444326395z" fill="none" stroke="none"/>
<circle id="circle_3" cx="0" cy="0" r="4.357515570272738" fill="#FFFFFF">
<animateMotion xlink:href="#circle_3" begin="-6.11504263580489s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path3"/></animateMotion>
</circle>
<path id="path4" d="M 163.31910835917245 503.1989502752524 c 0 26.039299317584256 -6.371317918132317 7.479373208242286 -13.850691126374603 7.479373208242286 S 135.61772610642322 529.2382495928366 135.61772610642322 503.1989502752524 s 6.371317918132317 -7.479373208242286 13.850691126374603 -7.479373208242286 S 163.31910835917245 477.15965095766813 163.31910835917245 503.1989502752524z" fill="none" stroke="none"/>
<circle id="circle_4" cx="0" cy="0" r="5.257747425492679" fill="#FFFFFF">
<animateMotion xlink:href="#circle_4" begin="-9.87848092475156s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path4"/></animateMotion>
</circle>
<path id="path5" d="M 55.8366070844082 714.910111018393 c 0 22.456024418683196 -5.494559166273548 6.450134673451557 -11.944693839725105 6.450134673451557 S 31.94721940495799 737.3661354370762 31.94721940495799 714.910111018393 s 5.494559166273548 -6.450134673451557 11.944693839725105 -6.450134673451557 S 55.8366070844082 692.4540865997097 55.8366070844082 714.910111018393z" fill="none" stroke="none"/>
<circle id="circle_5" cx="0" cy="0" r="4.017752728397131" fill="#FFFFFF">
<animateMotion xlink:href="#circle_5" begin="-2.5755106821274376s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path5"/></animateMotion>
</circle>
<path id="path6" d="M 480.1593814711465 302.29103251264297 c 0 30.82137230783754 -7.541399607236844 8.852947365017165 -16.39434697225401 8.852947365017165 S 447.37068752663845 333.1124048204805 447.37068752663845 302.29103251264297 s 7.541399607236844 -8.852947365017165 16.39434697225401 -8.852947365017165 S 480.1593814711465 271.46966020480545 480.1593814711465 302.29103251264297z" fill="none" stroke="none"/>
<circle id="circle_6" cx="0" cy="0" r="4.3293262624888635" fill="#FFFFFF">
<animateMotion xlink:href="#circle_6" begin="-2.8991845567777874s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path6"/></animateMotion>
</circle>
<path id="path7" d="M 1795.021582383942 847.2005912554148 c 0 31.004292384702573 -7.586156647320842 8.90548823815925 -16.491644885480092 8.90548823815925 S 1762.0382926129816 878.2048836401174 1762.0382926129816 847.2005912554148 s 7.586156647320842 -8.90548823815925 16.491644885480092 -8.90548823815925 S 1795.021582383942 816.1962988707122 1795.021582383942 847.2005912554148z" fill="none" stroke="none"/>
<circle id="circle_7" cx="0" cy="0" r="7.252149400026495" fill="#FFFFFF">
<animateMotion xlink:href="#circle_7" begin="-2.319474363918639s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path7"/></animateMotion>
</circle>
<path id="path8" d="M 1387.2570111270738 268.11257611419717 c 0 21.332004919121903 -5.219533118508551 6.127278008683952 -11.346811127192503 6.127278008683952 S 1364.5633888726888 289.4445810333191 1364.5633888726888 268.11257611419717 s 5.219533118508551 -6.127278008683952 11.346811127192503 -6.127278008683952 S 1387.2570111270738 246.78057119507525 1387.2570111270738 268.11257611419717z" fill="none" stroke="none"/>
<circle id="circle_8" cx="0" cy="0" r="6.1127480572540875" fill="#FFFFFF">
<animateMotion xlink:href="#circle_8" begin="-7.143979333035533s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path8"/></animateMotion>
</circle>
<path id="path9" d="M 1416.120197605089 655.5367769327356 c 0 29.62387169074381 -7.24839413709689 8.508984421809393 -15.757378558906282 8.508984421809393 S 1384.6054404872764 685.1606486234795 1384.6054404872764 655.5367769327356 s 7.24839413709689 -8.508984421809393 15.757378558906282 -8.508984421809393 S 1416.120197605089 625.9129052419918 1416.120197605089 655.5367769327356z" fill="none" stroke="none"/>
<circle id="circle_9" cx="0" cy="0" r="6.629742655767762" fill="#FFFFFF">
<animateMotion xlink:href="#circle_9" begin="-2.3127393195309476s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path9"/></animateMotion>
</circle>
<path id="path10" d="M 1386.0744684177123 468.0139396799513 c 0 33.71096462566701 -8.248427514790864 9.682936647797971 -17.931364162588835 9.682936647797971 S 1350.2117400925347 501.72490430561834 1350.2117400925347 468.0139396799513 s 8.248427514790864 -9.682936647797971 17.931364162588835 -9.682936647797971 S 1386.0744684177123 434.3029750542843 1386.0744684177123 468.0139396799513z" fill="none" stroke="none"/>
<circle id="circle_10" cx="0" cy="0" r="4.220115710382529" fill="#FFFFFF">
<animateMotion xlink:href="#circle_10" begin="-4.085329606508625s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path10"/></animateMotion>
</circle>
<path id="path11" d="M 1723.1617384109247 773.4264753693743 c 0 33.71665141300214 -8.249818962755842 9.684570086713382 -17.934389049469225 9.684570086713382 S 1687.2929603119862 807.1431267823765 1687.2929603119862 773.4264753693743 s 8.249818962755842 -9.684570086713382 17.934389049469225 -9.684570086713382 S 1723.1617384109247 739.7098239563721 1723.1617384109247 773.4264753693743z" fill="none" stroke="none"/>
<circle id="circle_11" cx="0" cy="0" r="5.547662956798196" fill="#FFFFFF">
<animateMotion xlink:href="#circle_11" begin="-7.016760710914451s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path11"/></animateMotion>
</circle>
<path id="path12" d="M 650.5016086279388 403.99610416241006 c 0 23.873407077663593 -5.8413655615559845 6.857255224435288 -12.698620785991272 6.857255224435288 S 625.1043670559563 427.8695112400737 625.1043670559563 403.99610416241006 s 5.8413655615559845 -6.857255224435288 12.698620785991272 -6.857255224435288 S 650.5016086279388 380.12269708474645 650.5016086279388 403.99610416241006z" fill="none" stroke="none"/>
<circle id="circle_12" cx="0" cy="0" r="6.805676434643689" fill="#FFFFFF">
<animateMotion xlink:href="#circle_12" begin="-1.0168845116271252s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path12"/></animateMotion>
</circle>
<path id="path13" d="M 1168.8004982163163 522.7121940796384 c 0 19.699854613412654 -4.820177192643521 5.658468878320656 -10.478646070964178 5.658468878320656 S 1147.8432060743878 542.412048693051 1147.8432060743878 522.7121940796384 s 4.820177192643521 -5.658468878320656 10.478646070964178 -5.658468878320656 S 1168.8004982163163 503.01233946622574 1168.8004982163163 522.7121940796384z" fill="none" stroke="none"/>
<circle id="circle_13" cx="0" cy="0" r="6.702672257912094" fill="#FFFFFF">
<animateMotion xlink:href="#circle_13" begin="-8.406541295672818s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path13"/></animateMotion>
</circle>
<path id="path14" d="M 1415.8095369340817 118.92317039756246 c 0 33.67218502569636 -8.238938889266128 9.671797826529804 -17.910736715795935 9.671797826529804 S 1379.9880635024897 152.5953554232588 1379.9880635024897 118.92317039756246 s 8.238938889266128 -9.671797826529804 17.910736715795935 -9.671797826529804 S 1415.8095369340817 85.25098537186611 1415.8095369340817 118.92317039756246z" fill="none" stroke="none"/>
<circle id="circle_14" cx="0" cy="0" r="6.699082416526213" fill="#FFFFFF">
<animateMotion xlink:href="#circle_14" begin="-9.453679505151689s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path14"/></animateMotion>
</circle>
<path id="path15" d="M 1513.389757382891 679.5594756050059 c 0 32.612823568537586 -7.979733426344302 9.367513152665051 -17.34724657900935 9.367513152665051 S 1478.6952642248723 712.1722991735435 1478.6952642248723 679.5594756050059 s 7.979733426344302 -9.367513152665051 17.34724657900935 -9.367513152665051 S 1513.389757382891 646.9466520364683 1513.389757382891 679.5594756050059z" fill="none" stroke="none"/>
<circle id="circle_15" cx="0" cy="0" r="6.910411190845731" fill="#FFFFFF">
<animateMotion xlink:href="#circle_15" begin="-8.676037371894827s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path15"/></animateMotion>
</circle>
<path id="path16" d="M 358.3938279534296 618.9958667753644 c 0 29.283355034023614 -7.165076231729182 8.411176445942953 -15.576252677672136 8.411176445942953 S 327.24132259808533 648.2792218093881 327.24132259808533 618.9958667753644 s 7.165076231729182 -8.411176445942953 15.576252677672136 -8.411176445942953 S 358.3938279534296 589.7125117413408 358.3938279534296 618.9958667753644z" fill="none" stroke="none"/>
<circle id="circle_16" cx="0" cy="0" r="4.11667346572394" fill="#FFFFFF">
<animateMotion xlink:href="#circle_16" begin="-4.6609936317092675s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path16"/></animateMotion>
</circle>
<path id="path17" d="M 1559.5271259673139 964.2283001047646 c 0 20.259726199245744 -4.957167048751618 5.819283057230161 -10.776450105981779 5.819283057230161 S 1537.9742257553505 984.4880263040103 1537.9742257553505 964.2283001047646 s 4.957167048751618 -5.819283057230161 10.776450105981779 -5.819283057230161 S 1559.5271259673139 943.9685739055188 1559.5271259673139 964.2283001047646z" fill="none" stroke="none"/>
<circle id="circle_17" cx="0" cy="0" r="4.581429292171109" fill="#FFFFFF">
<animateMotion xlink:href="#circle_17" begin="-6.414591679302588s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path17"/></animateMotion>
</circle>
<path id="path18" d="M 1217.023072172435 549.9676775794858 c 0 33.275018097676664 -8.141759747303864 9.557717964226276 -17.69947771153014 9.557717964226276 S 1181.6241167493747 583.2426956771625 1181.6241167493747 549.9676775794858 s 8.141759747303864 -9.557717964226276 17.69947771153014 -9.557717964226276 S 1217.023072172435 516.6926594818091 1217.023072172435 549.9676775794858z" fill="none" stroke="none"/>
<circle id="circle_18" cx="0" cy="0" r="6.573467519359826" fill="#FFFFFF">
<animateMotion xlink:href="#circle_18" begin="-1.647045671477818s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path18"/></animateMotion>
</circle>
<path id="path19" d="M 887.6377379909399 282.7808650886725 c 0 20.693675828995893 -5.063346213477718 5.943928163647757 -11.007274377125476 5.943928163647757 S 865.623189236689 303.4745409176684 865.623189236689 282.7808650886725 s 5.063346213477718 -5.943928163647757 11.007274377125476 -5.943928163647757 S 887.6377379909399 262.0871892596766 887.6377379909399 282.7808650886725z" fill="none" stroke="none"/>
<circle id="circle_19" cx="0" cy="0" r="5.896726777928994" fill="#FFFFFF">
<animateMotion xlink:href="#circle_19" begin="-5.972604314143917s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path19"/></animateMotion>
</circle>
<path id="path20" d="M 1100.119807078773 842.2572809734706 c 0 20.39235909811092 -4.989619779325012 5.857379740946754 -10.846999520271766 5.857379740946754 S 1078.4258080382294 862.6496400715815 1078.4258080382294 842.2572809734706 s 4.989619779325012 -5.857379740946754 10.846999520271766 -5.857379740946754 S 1100.119807078773 821.8649218753598 1100.119807078773 842.2572809734706z" fill="none" stroke="none"/>
<circle id="circle_20" cx="0" cy="0" r="4.6246982858993695" fill="#FFFFFF">
<animateMotion xlink:href="#circle_20" begin="-2.9687023576269778s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path20"/></animateMotion>
</circle>
<path id="path21" d="M 1610.519969406717 947.9882820401934 c 0 25.049083656780116 -6.129031107510028 7.194949560990033 -13.323980668500061 7.194949560990033 S 1583.872008069717 973.0373656969736 1583.872008069717 947.9882820401934 s 6.129031107510028 -7.194949560990033 13.323980668500061 -7.194949560990033 S 1610.519969406717 922.9391983834133 1610.519969406717 947.9882820401934z" fill="none" stroke="none"/>
<circle id="circle_21" cx="0" cy="0" r="6.397156900510775" fill="#FFFFFF">
<animateMotion xlink:href="#circle_21" begin="-5.0805849692360265s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path21"/></animateMotion>
</circle>
<path id="path22" d="M 1578.6579357730711 325.64784194279275 c 0 26.568445517006896 -6.50078986054424 7.631362010204109 -14.132151870748348 7.631362010204109 S 1550.3936320315743 352.2162874597997 1550.3936320315743 325.64784194279275 s 6.50078986054424 -7.631362010204109 14.132151870748348 -7.631362010204109 S 1578.6579357730711 299.07939642578583 1578.6579357730711 325.64784194279275z" fill="none" stroke="none"/>
<circle id="circle_22" cx="0" cy="0" r="5.435149097632442" fill="#FFFFFF">
<animateMotion xlink:href="#circle_22" begin="-0.24695004014624322s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path22"/></animateMotion>
</circle>
<path id="path23" d="M 603.7065440496756 122.67473183721123 c 0 29.77331483243631 -7.2849600121918625 8.551909579529578 -15.836869591721442 8.551909579529578 S 572.0328048662327 152.44804666964754 572.0328048662327 122.67473183721123 s 7.2849600121918625 -8.551909579529578 15.836869591721442 -8.551909579529578 S 603.7065440496756 92.90141700477491 603.7065440496756 122.67473183721123z" fill="none" stroke="none"/>
<circle id="circle_23" cx="0" cy="0" r="5.06145512402902" fill="#FFFFFF">
<animateMotion xlink:href="#circle_23" begin="-7.0385956482150025s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path23"/></animateMotion>
</circle>
<path id="path24" d="M 315.4884264496855 155.08688244490247 c 0 21.282676386499354 -5.207463371164735 6.11310917484556 -11.320572546010295 6.11310917484556 S 292.84728135766494 176.36955883140183 292.84728135766494 155.08688244490247 s 5.207463371164735 -6.11310917484556 11.320572546010295 -6.11310917484556 S 315.4884264496855 133.8042060584031 315.4884264496855 155.08688244490247z" fill="none" stroke="none"/>
<circle id="circle_24" cx="0" cy="0" r="5.22904676717004" fill="#FFFFFF">
<animateMotion xlink:href="#circle_24" begin="-6.911936685758491s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path24"/></animateMotion>
</circle>
<path id="path25" d="M 531.0410293334029 755.1948879184143 c 0 23.65868287560242 -5.7888266610516546 6.795579123843249 -12.584405784894903 6.795579123843249 S 505.8722177636131 778.8535707940167 505.8722177636131 755.1948879184143 s 5.7888266610516546 -6.795579123843249 12.584405784894903 -6.795579123843249 S 531.0410293334029 731.536205042812 531.0410293334029 755.1948879184143z" fill="none" stroke="none"/>
<circle id="circle_25" cx="0" cy="0" r="5.726740041134284" fill="#FFFFFF">
<animateMotion xlink:href="#circle_25" begin="-8.8052420814231s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path25"/></animateMotion>
</circle>
<path id="path26" d="M 1578.075104855395 363.03663708525204 c 0 21.129159072031058 -5.169900624007599 6.069013776008921 -11.238914400016519 6.069013776008921 S 1555.597276055362 384.1657961572831 1555.597276055362 363.03663708525204 s 5.169900624007599 -6.069013776008921 11.238914400016519 -6.069013776008921 S 1578.075104855395 341.90747801322095 1578.075104855395 363.03663708525204z" fill="none" stroke="none"/>
<circle id="circle_26" cx="0" cy="0" r="4.537948830625891" fill="#FFFFFF">
<animateMotion xlink:href="#circle_26" begin="-8.32952190954321s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path26"/></animateMotion>
</circle>
<path id="path27" d="M 1012.6415169922468 463.7018610494744 c 0 27.362094796125128 -6.694980641605084 7.859325101014665 -14.554305742619748 7.859325101014665 S 983.5329055070074 491.06395584559954 983.5329055070074 463.7018610494744 s 6.694980641605084 -7.859325101014665 14.554305742619748 -7.859325101014665 S 1012.6415169922468 436.3397662533493 1012.6415169922468 463.7018610494744z" fill="none" stroke="none"/>
<circle id="circle_27" cx="0" cy="0" r="7.174683883014255" fill="#FFFFFF">
<animateMotion xlink:href="#circle_27" begin="-5.912479680257983s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path27"/></animateMotion>
</circle>
<path id="path28" d="M 531.1238887559579 426.0308100769474 c 0 22.148397754680914 -5.419288812315542 6.361773823153029 -11.78106263546857 6.361773823153029 S 507.5617634850208 448.1792078316283 507.5617634850208 426.0308100769474 s 5.419288812315542 -6.361773823153029 11.78106263546857 -6.361773823153029 S 531.1238887559579 403.8824123222665 531.1238887559579 426.0308100769474z" fill="none" stroke="none"/>
<circle id="circle_28" cx="0" cy="0" r="4.631733507303418" fill="#FFFFFF">
<animateMotion xlink:href="#circle_28" begin="-3.486044992693327s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path28"/></animateMotion>
</circle>
<path id="path29" d="M 1333.383227494829 789.7329924411949 c 0 29.841313733196994 -7.301598041101391 8.571441178684243 -15.873039219785634 8.571441178684243 S 1301.6371490552579 819.574306174392 1301.6371490552579 789.7329924411949 s 7.301598041101391 -8.571441178684243 15.873039219785634 -8.571441178684243 S 1333.383227494829 759.8916787079979 1333.383227494829 789.7329924411949z" fill="none" stroke="none"/>
<circle id="circle_29" cx="0" cy="0" r="5.314081992409825" fill="#FFFFFF">
<animateMotion xlink:href="#circle_29" begin="-7.942769213834245s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path29"/></animateMotion>
</circle>
<path id="path30" d="M 322.7376739288655 862.3766097340795 c 0 29.30041382954823 -7.169250192336268 8.416076312742577 -15.585326505078845 8.416076312742577 S 291.5670209187078 891.6770235636277 291.5670209187078 862.3766097340795 s 7.169250192336268 -8.416076312742577 15.585326505078845 -8.416076312742577 S 322.7376739288655 833.0761959045312 322.7376739288655 862.3766097340795z" fill="none" stroke="none"/>
<circle id="circle_30" cx="0" cy="0" r="4.766258050725651" fill="#FFFFFF">
<animateMotion xlink:href="#circle_30" begin="-5.738978868380458s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path30"/></animateMotion>
</circle>
<path id="path31" d="M 1572.9472870484176 402.3814033737251 c 0 22.652497466205208 -5.542632358752337 6.50656842114405 -12.049200779896388 6.50656842114405 S 1548.8488854886248 425.0339008399303 1548.8488854886248 402.3814033737251 s 5.542632358752337 -6.50656842114405 12.049200779896388 -6.50656842114405 S 1572.9472870484176 379.7289059075199 1572.9472870484176 402.3814033737251z" fill="none" stroke="none"/>
<circle id="circle_31" cx="0" cy="0" r="5.271730285778473" fill="#FFFFFF">
<animateMotion xlink:href="#circle_31" begin="-0.19139616564018747s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path31"/></animateMotion>
</circle>
<path id="path32" d="M 135.76587564776366 893.8712103622679 c 0 26.4217935644048 -6.4649069359713875 7.5892385770098905 -14.054145512981277 7.5892385770098905 S 107.6575846218011 920.2930039266727 107.6575846218011 893.8712103622679 s 6.4649069359713875 -7.5892385770098905 14.054145512981277 -7.5892385770098905 S 135.76587564776366 867.4494167978631 135.76587564776366 893.8712103622679z" fill="none" stroke="none"/>
<circle id="circle_32" cx="0" cy="0" r="4.687023214525275" fill="#FFFFFF">
<animateMotion xlink:href="#circle_32" begin="-1.118125813400257s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path32"/></animateMotion>
</circle>
<path id="path33" d="M 303.7378138296696 324.36660021102875 c 0 29.67322258998406 -7.260469357123759 8.523159680101806 -15.783629037225564 8.523159680101806 S 272.17055575521846 354.0398228010128 272.17055575521846 324.36660021102875 s 7.260469357123759 -8.523159680101806 15.783629037225564 -8.523159680101806 S 303.7378138296696 294.6933776210447 303.7378138296696 324.36660021102875z" fill="none" stroke="none"/>
<circle id="circle_33" cx="0" cy="0" r="5.1418833324710045" fill="#FFFFFF">
<animateMotion xlink:href="#circle_33" begin="-9.503923101924299s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path33"/></animateMotion>
</circle>
<path id="path34" d="M 1235.810862800787 564.3681072701031 c 0 36.01111893339133 -8.811231228382985 10.343619268101765 -19.154850496484748 10.343619268101765 S 1197.5011618078177 600.3792262034945 1197.5011618078177 564.3681072701031 s 8.811231228382985 -10.343619268101765 19.154850496484748 -10.343619268101765 S 1235.810862800787 528.3569883367118 1235.810862800787 564.3681072701031z" fill="none" stroke="none"/>
<circle id="circle_34" cx="0" cy="0" r="6.978686287139333" fill="#FFFFFF">
<animateMotion xlink:href="#circle_34" begin="-7.676039913970262s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path34"/></animateMotion>
</circle>
<path id="path35" d="M 1570.1900122858206 837.0123650426317 c 0 34.50735369076843 -8.443288669017807 9.91168669841221 -18.354975367430015 9.91168669841221 S 1533.4800615509607 871.5197187334002 1533.4800615509607 837.0123650426317 s 8.443288669017807 -9.91168669841221 18.354975367430015 -9.91168669841221 S 1570.1900122858206 802.5050113518632 1570.1900122858206 837.0123650426317z" fill="none" stroke="none"/>
<circle id="circle_35" cx="0" cy="0" r="5.663786696045198" fill="#FFFFFF">
<animateMotion xlink:href="#circle_35" begin="-3.4810308409049684s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path35"/></animateMotion>
</circle>
<path id="path36" d="M 431.3317544645913 382.02852315130195 c 0 28.056540514201096 -6.864898210921544 8.058793551951378 -14.923691762872924 8.058793551951378 S 401.4843709388455 410.08506366550307 401.4843709388455 382.02852315130195 s 6.864898210921544 -8.058793551951378 14.923691762872924 -8.058793551951378 S 431.3317544645913 353.97198263710084 431.3317544645913 382.02852315130195z" fill="none" stroke="none"/>
<circle id="circle_36" cx="0" cy="0" r="5.971636513567016" fill="#FFFFFF">
<animateMotion xlink:href="#circle_36" begin="-7.6884777771953665s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path36"/></animateMotion>
</circle>
<path id="path37" d="M 28.318033811453358 466.2011054019648 c 0 29.15513453320383 -7.133703130464767 8.374347153154293 -15.50805028361906 8.374347153154293 S -2.6980667557847617 495.3562399351686 -2.6980667557847617 466.2011054019648 s 7.133703130464767 -8.374347153154293 15.50805028361906 -8.374347153154293 S 28.318033811453358 437.045970868761 28.318033811453358 466.2011054019648z" fill="none" stroke="none"/>
<circle id="circle_37" cx="0" cy="0" r="4.183881189302688" fill="#FFFFFF">
<animateMotion xlink:href="#circle_37" begin="-8.108476070565596s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path37"/></animateMotion>
</circle>
<path id="path38" d="M 964.3365062174715 131.72645288703035 c 0 25.969742131394394 -6.3542986066177765 7.459394016464347 -13.813692623082122 7.459394016464347 S 936.7091209713072 157.69619501842473 936.7091209713072 131.72645288703035 s 6.3542986066177765 -7.459394016464347 13.813692623082122 -7.459394016464347 S 964.3365062174715 105.75671075563595 964.3365062174715 131.72645288703035z" fill="none" stroke="none"/>
<circle id="circle_38" cx="0" cy="0" r="6.782101173381927" fill="#FFFFFF">
<animateMotion xlink:href="#circle_38" begin="-1.3243371539921278s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path38"/></animateMotion>
</circle>
<path id="path39" d="M 848.7707459581809 978.4870373959569 c 0 28.780001747704766 -7.04191532124691 8.266596246681157 -15.308511567928067 8.266596246681157 S 818.1537228223247 1007.2670391436617 818.1537228223247 978.4870373959569 s 7.04191532124691 -8.266596246681157 15.308511567928067 -8.266596246681157 S 848.7707459581809 949.7070356482521 848.7707459581809 978.4870373959569z" fill="none" stroke="none"/>
<circle id="circle_39" cx="0" cy="0" r="4.6509944031056225" fill="#FFFFFF">
<animateMotion xlink:href="#circle_39" begin="-6.778699339674919s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path39"/></animateMotion>
</circle>
<path id="path40" d="M 79.90287676509202 635.0989007821069 c 0 32.92000738366643 -8.054895423663062 9.45574680169142 -17.51064222535448 9.45574680169142 S 44.881592314383056 668.0189081657733 44.881592314383056 635.0989007821069 s 8.054895423663062 -9.45574680169142 17.51064222535448 -9.45574680169142 S 79.90287676509202 602.1788933984404 79.90287676509202 635.0989007821069z" fill="none" stroke="none"/>
<circle id="circle_40" cx="0" cy="0" r="7.0746808870708575" fill="#FFFFFF">
<animateMotion xlink:href="#circle_40" begin="-8.215308742681398s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path40"/></animateMotion>
</circle>
<path id="path41" d="M 1274.9617045317264 527.2381704350912 c 0 27.262459990304965 -6.670601912521426 7.830706592959936 -14.501308505481363 7.830706592959936 S 1245.9590875207637 554.5006304253961 1245.9590875207637 527.2381704350912 s 6.670601912521426 -7.830706592959936 14.501308505481363 -7.830706592959936 S 1274.9617045317264 499.9757104447862 1274.9617045317264 527.2381704350912z" fill="none" stroke="none"/>
<circle id="circle_41" cx="0" cy="0" r="4.690963100709684" fill="#FFFFFF">
<animateMotion xlink:href="#circle_41" begin="-3.502133389676909s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path41"/></animateMotion>
</circle>
<path id="path42" d="M 807.2318565612995 608.6831524068533 c 0 27.696404768356064 -6.776779890129675 7.9553503058044015 -14.732130195934076 7.9553503058044015 S 777.7675961694313 636.3795571752094 777.7675961694313 608.6831524068533 s 6.776779890129675 -7.9553503058044015 14.732130195934076 -7.9553503058044015 S 807.2318565612995 580.9867476384973 807.2318565612995 608.6831524068533z" fill="none" stroke="none"/>
<circle id="circle_42" cx="0" cy="0" r="4.0032644729493985" fill="#FFFFFF">
<animateMotion xlink:href="#circle_42" begin="-3.5788198881951527s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path42"/></animateMotion>
</circle>
<path id="path43" d="M 1264.4523761201217 134.73042901947048 c 0 29.752503772588298 -7.2798679443567105 8.545931934679619 -15.825799879036328 8.545931934679619 S 1232.800776362049 164.48293279205876 1232.800776362049 134.73042901947048 s 7.2798679443567105 -8.545931934679619 15.825799879036328 -8.545931934679619 S 1264.4523761201217 104.97792524688218 1264.4523761201217 134.73042901947048z" fill="none" stroke="none"/>
<circle id="circle_43" cx="0" cy="0" r="4.851535276460794" fill="#FFFFFF">
<animateMotion xlink:href="#circle_43" begin="-3.061874943683627s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path43"/></animateMotion>
</circle>
<path id="path44" d="M 956.0514737150163 66.47697091767228 c 0 31.8581092394291 -7.7950692819879706 9.150733504942401 -16.945802786930372 9.150733504942401 S 922.1598681411556 98.33508015710137 922.1598681411556 66.47697091767228 s 7.7950692819879706 -9.150733504942401 16.945802786930372 -9.150733504942401 S 956.0514737150163 34.61886167824318 956.0514737150163 66.47697091767228z" fill="none" stroke="none"/>
<circle id="circle_44" cx="0" cy="0" r="5.900418792724069" fill="#FFFFFF">
<animateMotion xlink:href="#circle_44" begin="-4.864616991719714s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path44"/></animateMotion>
</circle>
<path id="path45" d="M 1303.8004245956279 112.98784938898203 c 0 28.98929694991984 -7.093125849448471 8.32671295370038 -15.419838803148851 8.32671295370038 S 1272.9607469893301 141.97714633890186 1272.9607469893301 112.98784938898203 s 7.093125849448471 -8.32671295370038 15.419838803148851 -8.32671295370038 S 1303.8004245956279 83.9985524390622 1303.8004245956279 112.98784938898203z" fill="none" stroke="none"/>
<circle id="circle_45" cx="0" cy="0" r="6.363323341119404" fill="#FFFFFF">
<animateMotion xlink:href="#circle_45" begin="-2.5313495241719464s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path45"/></animateMotion>
</circle>
<path id="path46" d="M 239.51599092560753 589.2040353288797 c 0 25.550051472621668 -6.251608339045726 7.338844571923245 -13.59045291096897 7.338844571923245 S 212.3350851036696 614.7540868015014 212.3350851036696 589.2040353288797 s 6.251608339045726 -7.338844571923245 13.59045291096897 -7.338844571923245 S 239.51599092560753 563.653983856258 239.51599092560753 589.2040353288797z" fill="none" stroke="none"/>
<circle id="circle_46" cx="0" cy="0" r="5.674454919208007" fill="#FFFFFF">
<animateMotion xlink:href="#circle_46" begin="-1.3739283936187374s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path46"/></animateMotion>
</circle>
<path id="path47" d="M 1597.2736627727536 444.9980199427908 c 0 29.61598007877572 -7.246463210764271 8.506717682201536 -15.753180892965808 8.506717682201536 S 1565.7673009868222 474.61400002156654 1565.7673009868222 444.9980199427908 s 7.246463210764271 -8.506717682201536 15.753180892965808 -8.506717682201536 S 1597.2736627727536 415.38203986401504 1597.2736627727536 444.9980199427908z" fill="none" stroke="none"/>
<circle id="circle_47" cx="0" cy="0" r="4.125661419030846" fill="#FFFFFF">
<animateMotion xlink:href="#circle_47" begin="-3.9102994857406914s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path47"/></animateMotion>
</circle>
<path id="path48" d="M 968.0640411314117 733.427370375976 c 0 24.785442765166223 -6.064523229774713 7.119222921909448 -13.183746151684161 7.119222921909448 S 941.6965488280433 758.2128131411422 941.6965488280433 733.427370375976 s 6.064523229774713 -7.119222921909448 13.183746151684161 -7.119222921909448 S 968.0640411314117 708.6419276108098 968.0640411314117 733.427370375976z" fill="none" stroke="none"/>
<circle id="circle_48" cx="0" cy="0" r="4.31229715573057" fill="#FFFFFF">
<animateMotion xlink:href="#circle_48" begin="-1.8531931734951113s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path48"/></animateMotion>
</circle>
<path id="path49" d="M 677.2549053143902 143.74831460975898 c 0 35.54385914562747 -8.696901705845018 10.209406350339806 -18.906308056184823 10.209406350339806 S 639.4422892020206 179.29217375538644 639.4422892020206 143.74831460975898 s 8.696901705845018 -10.209406350339806 18.906308056184823 -10.209406350339806 S 677.2549053143902 108.20445546413151 677.2549053143902 143.74831460975898z" fill="none" stroke="none"/>
<circle id="circle_49" cx="0" cy="0" r="6.638703047433261" fill="#FFFFFF">
<animateMotion xlink:href="#circle_49" begin="-6.942796482811264s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path49"/></animateMotion>
</circle>
<path id="path50" d="M 377.14005136376215 331.5477074947498 c 0 26.031835614245487 -6.3694916928472995 7.477229378559874 -13.846721071407174 7.477229378559874 S 349.44660922094783 357.57954310899527 349.44660922094783 331.5477074947498 s 6.3694916928472995 -7.477229378559874 13.846721071407174 -7.477229378559874 S 377.14005136376215 305.5158718805043 377.14005136376215 331.5477074947498z" fill="none" stroke="none"/>
<circle id="circle_50" cx="0" cy="0" r="7.233969115170091" fill="#FFFFFF">
<animateMotion xlink:href="#circle_50" begin="-2.088864233012959s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path50"/></animateMotion>
</circle>
<path id="path51" d="M 1211.7129265881088 465.0431420078129 c 0 26.691217761240278 -6.53082987775028 7.666626378228591 -14.19745625597887 7.666626378228591 S 1183.3180140761508 491.7343597690532 1183.3180140761508 465.0431420078129 s 6.53082987775028 -7.666626378228591 14.19745625597887 -7.666626378228591 S 1211.7129265881088 438.3519242465726 1211.7129265881088 465.0431420078129z" fill="none" stroke="none"/>
<circle id="circle_51" cx="0" cy="0" r="4.251305890283744" fill="#FFFFFF">
<animateMotion xlink:href="#circle_51" begin="-5.038396550996587s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path51"/></animateMotion>
</circle>
<path id="path52" d="M 1286.3948877062444 648.0895786449763 c 0 22.99212756703462 -5.6257333408701715 6.604121747978029 -12.2298550888482 6.604121747978029 S 1261.9351775285481 671.0817062120109 1261.9351775285481 648.0895786449763 s 5.6257333408701715 -6.604121747978029 12.2298550888482 -6.604121747978029 S 1286.3948877062444 625.0974510779417 1286.3948877062444 648.0895786449763z" fill="none" stroke="none"/>
<circle id="circle_52" cx="0" cy="0" r="4.779395674007662" fill="#FFFFFF">
<animateMotion xlink:href="#circle_52" begin="-4.061859209160248s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path52"/></animateMotion>
</circle>
<path id="path53" d="M 1009.920089482022 676.3362504180883 c 0 27.35397709771138 -6.692994396248529 7.856993421683056 -14.549987817931584 7.856993421683056 S 980.820113846159 703.6902275157997 980.820113846159 676.3362504180883 s 6.692994396248529 -7.856993421683056 14.549987817931584 -7.856993421683056 S 1009.920089482022 648.9822733203769 1009.920089482022 676.3362504180883z" fill="none" stroke="none"/>
<circle id="circle_53" cx="0" cy="0" r="7.1954959284837114" fill="#FFFFFF">
<animateMotion xlink:href="#circle_53" begin="-5.499405472671867s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path53"/></animateMotion>
</circle>
<path id="path54" d="M 1253.5965317275613 249.58576782677974 c 0 36.97168371450165 -9.046263036526998 10.619526173314304 -19.665789209841304 10.619526173314304 S 1214.2649533078788 286.5574515412814 1214.2649533078788 249.58576782677974 s 9.046263036526998 -10.619526173314304 19.665789209841304 -10.619526173314304 S 1253.5965317275613 212.61408411227808 1253.5965317275613 249.58576782677974z" fill="none" stroke="none"/>
<circle id="circle_54" cx="0" cy="0" r="5.936933333029261" fill="#FFFFFF">
<animateMotion xlink:href="#circle_54" begin="-5.758544340243736s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path54"/></animateMotion>
</circle>
<path id="path55" d="M 643.5265148513123 845.2369873633078 c 0 18.926542559013175 -4.630962541035138 5.43634733078038 -10.067309871815517 5.43634733078038 S 623.3918951076813 864.163529922321 623.3918951076813 845.2369873633078 s 4.630962541035138 -5.43634733078038 10.067309871815517 -5.43634733078038 S 643.5265148513123 826.3104448042945 643.5265148513123 845.2369873633078z" fill="none" stroke="none"/>
<circle id="circle_55" cx="0" cy="0" r="5.854684527726226" fill="#FFFFFF">
<animateMotion xlink:href="#circle_55" begin="-7.706609101359303s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path55"/></animateMotion>
</circle>
<path id="path56" d="M 236.0045911233557 876.6265888264655 c 0 20.498591863025098 -5.015612902655077 5.887893407464656 -10.903506310119733 5.887893407464656 S 214.19757850311626 897.1251806894907 214.19757850311626 876.6265888264655 s 5.015612902655077 -5.887893407464656 10.903506310119733 -5.887893407464656 S 236.0045911233557 856.1279969634404 236.0045911233557 876.6265888264655z" fill="none" stroke="none"/>
<circle id="circle_56" cx="0" cy="0" r="4.6119801970819365" fill="#FFFFFF">
<animateMotion xlink:href="#circle_56" begin="-4.673757002634449s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path56"/></animateMotion>
</circle>
<path id="path57" d="M 935.1377008162426 694.685153103967 c 0 33.2412606486292 -8.133499945941185 9.548021675670089 -17.681521621611274 9.548021675670089 S 899.77465757302 727.9264137525962 899.77465757302 694.685153103967 s 8.133499945941185 -9.548021675670089 17.681521621611274 -9.548021675670089 S 935.1377008162426 661.4438924553377 935.1377008162426 694.685153103967z" fill="none" stroke="none"/>
<circle id="circle_57" cx="0" cy="0" r="7.132224905281194" fill="#FFFFFF">
<animateMotion xlink:href="#circle_57" begin="-4.586215338543487s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path57"/></animateMotion>
</circle>
<path id="path58" d="M 1056.2317304219623 806.3180582111834 c 0 37.21007453035781 -9.104592704236484 10.688000131060223 -19.79259283529671 10.688000131060223 S 1016.6465447513689 843.5281327415412 1016.6465447513689 806.3180582111834 s 9.104592704236484 -10.688000131060223 19.79259283529671 -10.688000131060223 S 1056.2317304219623 769.1079836808256 1056.2317304219623 806.3180582111834z" fill="none" stroke="none"/>
<circle id="circle_58" cx="0" cy="0" r="4.296451674743584" fill="#FFFFFF">
<animateMotion xlink:href="#circle_58" begin="-5.811487210063177s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path58"/></animateMotion>
</circle>
<path id="path59" d="M 311.6912596785021 255.32815377342806 c 0 28.96694709767519 -7.0876572685801 8.320293315289684 -15.407950583869782 8.320293315289684 S 280.87535851076257 284.2951008711033 280.87535851076257 255.32815377342806 s 7.0876572685801 -8.320293315289684 15.407950583869782 -8.320293315289684 S 311.6912596785021 226.36120667575287 311.6912596785021 255.32815377342806z" fill="none" stroke="none"/>
<circle id="circle_59" cx="0" cy="0" r="4.491174118835286" fill="#FFFFFF">
<animateMotion xlink:href="#circle_59" begin="-1.4799443488781683s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path59"/></animateMotion>
</circle>
<path id="path60" d="M 608.3973119207124 704.5158493141612 c 0 35.72115639086325 -8.740282946700582 10.260332154822423 -19.000615101523003 10.260332154822423 S 570.3960817176664 740.2370057050244 570.3960817176664 704.5158493141612 s 8.740282946700582 -10.260332154822423 19.000615101523003 -10.260332154822423 S 608.3973119207124 668.7946929232979 608.3973119207124 704.5158493141612z" fill="none" stroke="none"/>
<circle id="circle_60" cx="0" cy="0" r="6.544648304516206" fill="#FFFFFF">
<animateMotion xlink:href="#circle_60" begin="-7.845860935363708s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path60"/></animateMotion>
</circle>
<path id="path61" d="M 1385.3678907711455 664.2651710351967 c 0 36.40507023899452 -8.90762356911568 10.456775494179277 -19.364399063294957 10.456775494179277 S 1346.6390926445556 700.6702412741912 1346.6390926445556 664.2651710351967 s 8.90762356911568 -10.456775494179277 19.364399063294957 -10.456775494179277 S 1385.3678907711455 627.8601007962021 1385.3678907711455 664.2651710351967z" fill="none" stroke="none"/>
<circle id="circle_61" cx="0" cy="0" r="5.362462373153279" fill="#FFFFFF">
<animateMotion xlink:href="#circle_61" begin="-6.426117186572178s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path61"/></animateMotion>
</circle>
<path id="path62" d="M 1576.2155836920467 620.47159978351 c 0 32.29325507626088 -7.901541135680852 9.275722202755784 -17.17726333843664 9.275722202755784 S 1541.8610570151734 652.7648548597708 1541.8610570151734 620.47159978351 s 7.901541135680852 -9.275722202755784 17.17726333843664 -9.275722202755784 S 1576.2155836920467 588.1783447072492 1576.2155836920467 620.47159978351z" fill="none" stroke="none"/>
<circle id="circle_62" cx="0" cy="0" r="4.856542990534317" fill="#FFFFFF">
<animateMotion xlink:href="#circle_62" begin="-5.109833192629578s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path62"/></animateMotion>
</circle>
<path id="path63" d="M 106.29550567294228 534.7015412614745 c 0 19.36112366152311 -4.737296215053526 5.5611738176715315 -10.298470032725058 5.5611738176715315 S 85.69856560749216 554.0626649229977 85.69856560749216 534.7015412614745 s 4.737296215053526 -5.5611738176715315 10.298470032725058 -5.5611738176715315 S 106.29550567294228 515.3404175999514 106.29550567294228 534.7015412614745z" fill="none" stroke="none"/>
<circle id="circle_63" cx="0" cy="0" r="6.705987427922996" fill="#FFFFFF">
<animateMotion xlink:href="#circle_63" begin="-9.054294090456544s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path63"/></animateMotion>
</circle>
<path id="path64" d="M 1288.6182389935318 862.0050841112678 c 0 27.23946638969793 -6.664975818755876 7.8241020481047245 -14.489077866860601 7.8241020481047245 S 1259.6400832598108 889.2445505009657 1259.6400832598108 862.0050841112678 s 6.664975818755876 -7.8241020481047245 14.489077866860601 -7.8241020481047245 S 1288.6182389935318 834.7656177215699 1288.6182389935318 862.0050841112678z" fill="none" stroke="none"/>
<circle id="circle_64" cx="0" cy="0" r="6.424540377409873" fill="#FFFFFF">
<animateMotion xlink:href="#circle_64" begin="-0.7209497423906019s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path64"/></animateMotion>
</circle>
<path id="path65" d="M 1018.264804410086 970.779488033273 c 0 28.989490116904726 -7.09317311371073 8.326768437834337 -15.419941551545067 8.326768437834337 S 987.4249213069958 999.7689781501776 987.4249213069958 970.779488033273 s 7.09317311371073 -8.326768437834337 15.419941551545067 -8.326768437834337 S 1018.264804410086 941.7899979163683 1018.264804410086 970.779488033273z" fill="none" stroke="none"/>
<circle id="circle_65" cx="0" cy="0" r="6.258904907352308" fill="#FFFFFF">
<animateMotion xlink:href="#circle_65" begin="-9.508151443302834s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path65"/></animateMotion>
</circle>
<path id="path66" d="M 1606.786047827675 710.832648598188 c 0 30.07579487273762 -7.358971085882608 8.638792144296977 -15.997763230179585 8.638792144296977 S 1574.790521367316 740.9084434709257 1574.790521367316 710.832648598188 s 7.358971085882608 -8.638792144296977 15.997763230179585 -8.638792144296977 S 1606.786047827675 680.7568537254504 1606.786047827675 710.832648598188z" fill="none" stroke="none"/>
<circle id="circle_66" cx="0" cy="0" r="7.147770528711191" fill="#FFFFFF">
<animateMotion xlink:href="#circle_66" begin="-2.4620633393772873s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path66"/></animateMotion>
</circle>
<path id="path67" d="M 1400.6271434974371 285.7980493788177 c 0 37.491341938962904 -9.173413453150497 10.768789705872324 -19.94220315902282 10.768789705872324 S 1360.7427371793917 323.28939131778066 1360.7427371793917 285.7980493788177 s 9.173413453150497 -10.768789705872324 19.94220315902282 -10.768789705872324 S 1400.6271434974371 248.30670743985482 1400.6271434974371 285.7980493788177z" fill="none" stroke="none"/>
<circle id="circle_67" cx="0" cy="0" r="4.0511042072977395" fill="#FFFFFF">
<animateMotion xlink:href="#circle_67" begin="-8.309611500785199s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path67"/></animateMotion>
</circle>
<path id="path68" d="M 1172.1328498040302 24.32898709214909 c 0 22.986844027091838 -5.624440559820343 6.602604135441273 -12.227044695261615 6.602604135441273 S 1147.678760413507 47.315831119240926 1147.678760413507 24.32898709214909 s 5.624440559820343 -6.602604135441273 12.227044695261615 -6.602604135441273 S 1172.1328498040302 1.342143065057254 1172.1328498040302 24.32898709214909z" fill="none" stroke="none"/>
<circle id="circle_68" cx="0" cy="0" r="6.141407555651717" fill="#FFFFFF">
<animateMotion xlink:href="#circle_68" begin="-7.429343608665803s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path68"/></animateMotion>
</circle>
<path id="path69" d="M 881.1379547778173 695.160569607147 c 0 29.27877371334521 -7.163955270286594 8.409860534684263 -15.573815804970856 8.409860534684263 S 849.9903231678755 724.4393433204922 849.9903231678755 695.160569607147 s 7.163955270286594 -8.409860534684263 15.573815804970856 -8.409860534684263 S 881.1379547778173 665.8817958938017 881.1379547778173 695.160569607147z" fill="none" stroke="none"/>
<circle id="circle_69" cx="0" cy="0" r="6.582741450284031" fill="#FFFFFF">
<animateMotion xlink:href="#circle_69" begin="-3.275768285371947s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path69"/></animateMotion>
</circle>
<path id="path70" d="M 1692.4768020847428 81.52555230410755 c 0 23.703515189234743 -5.799796269706373 6.808456490524874 -12.608252760231247 6.808456490524874 S 1667.2602965642805 105.22906749334228 1667.2602965642805 81.52555230410755 s 5.799796269706373 -6.808456490524874 12.608252760231247 -6.808456490524874 S 1692.4768020847428 57.822037114872806 1692.4768020847428 81.52555230410755z" fill="none" stroke="none"/>
<circle id="circle_70" cx="0" cy="0" r="5.317419324745017" fill="#FFFFFF">
<animateMotion xlink:href="#circle_70" begin="-0.15945303924263854s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path70"/></animateMotion>
</circle>
<path id="path71" d="M 1784.99822225385 831.3963324395111 c 0 27.541127317441376 -6.738786471288846 7.910749335860821 -14.649535807149668 7.910749335860821 S 1755.6991506395505 858.9374597569524 1755.6991506395505 831.3963324395111 s 6.738786471288846 -7.910749335860821 14.649535807149668 -7.910749335860821 S 1784.99822225385 803.8552051220697 1784.99822225385 831.3963324395111z" fill="none" stroke="none"/>
<circle id="circle_71" cx="0" cy="0" r="5.304806546624901" fill="#FFFFFF">
<animateMotion xlink:href="#circle_71" begin="-8.766489978379843s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path71"/></animateMotion>
</circle>
<path id="path72" d="M 137.22467637250952 897.3169682354272 c 0 35.69923378373892 -8.734918904531861 10.254035235754795 -18.98895414028666 10.254035235754795 S 99.24676809193622 933.0162020191661 99.24676809193622 897.3169682354272 s 8.734918904531861 -10.254035235754795 18.98895414028666 -10.254035235754795 S 137.22467637250952 861.6177344516883 137.22467637250952 897.3169682354272z" fill="none" stroke="none"/>
<circle id="circle_72" cx="0" cy="0" r="7.082545978120274" fill="#FFFFFF">
<animateMotion xlink:href="#circle_72" begin="-3.5293599124646535s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path72"/></animateMotion>
</circle>
<path id="path73" d="M 763.7643420939928 665.4100629788518 c 0 33.65195565862396 -8.233989150514374 9.66598726364731 -17.89997641416168 9.66598726364731 S 727.9643892656695 699.0620186374757 727.9643892656695 665.4100629788518 s 8.233989150514374 -9.66598726364731 17.89997641416168 -9.66598726364731 S 763.7643420939928 631.7581073202279 763.7643420939928 665.4100629788518z" fill="none" stroke="none"/>
<circle id="circle_73" cx="0" cy="0" r="7.569842809357101" fill="#FFFFFF">
<animateMotion xlink:href="#circle_73" begin="-3.716871282667926s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path73"/></animateMotion>
</circle>
<path id="path74" d="M 541.6613009522962 575.0220333007763 c 0 21.87383868368365 -5.352109465156637 6.282911111270836 -11.635020576427472 6.282911111270836 S 518.3912597994413 596.89587198446 518.3912597994413 575.0220333007763 s 5.352109465156637 -6.282911111270836 11.635020576427472 -6.282911111270836 S 541.6613009522962 553.1481946170927 541.6613009522962 575.0220333007763z" fill="none" stroke="none"/>
<circle id="circle_74" cx="0" cy="0" r="7.091584716199327" fill="#FFFFFF">
<animateMotion xlink:href="#circle_74" begin="-9.954928338372227s" dur="10s" repeatCount="indefinite"><mpath xlink:href="#path74"/></animateMotion>
</circle>
</g>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 52 KiB

263
odoo-bringout-oca-ocb-web_editor/web_editor/static/image_shapes/special/spl_speed_1.svg Normal file
View file

@ -0,0 +1,263 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<style type="text/css">
@keyframes ld-speed-dash {
0% { transform: translate(0,0); }
50% { transform: translate(420px,0); } 100% { transform: translate(0,0); }
}
.ld.ld-speed-dash { animation: ld-speed-dash 0.5s linear infinite; }
</style>
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0 0 1 0 1 1 0 1Z"/>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg preserveAspectRatio="none" viewBox="0 0 1680 916">
<g transform="translate(840,458)">
<g style="transform:rotate(55.24338047767972deg)">
<path class="ld ld-speed-dash" d="M313.2445224481763 0 L3016.3446181725676 22.970719727734053L3016.3446181725676 -22.970719727734053z" fill="#FFFFFF" style="animation-delay:-0.6489830890161201s"/>
</g>
<g style="transform:rotate(210.4868856357207deg)">
<path class="ld ld-speed-dash" d="M246.44683979796605 0 L3395.193670017361 28.314006846451704L3395.193670017361 -28.314006846451704z" fill="#FFFFFF" style="animation-delay:-1.6578847076863537s"/>
</g>
<g style="transform:rotate(11.804271323202018deg)">
<path class="ld ld-speed-dash" d="M432.4046927974893 0 L3760.0907644539116 18.55222383241528L3760.0907644539116 -18.55222383241528z" fill="#FFFFFF" style="animation-delay:-1.850133252333448s"/>
</g>
<g style="transform:rotate(290.7161730335263deg)">
<path class="ld ld-speed-dash" d="M174.15158313264382 0 L2546.6645917604255 24.539259218471095L2546.6645917604255 -24.539259218471095z" fill="#FFFFFF" style="animation-delay:-1.9766260357049634s"/>
</g>
<g style="transform:rotate(81.41376440297725deg)">
<path class="ld ld-speed-dash" d="M247.25038624683202 0 L2307.3774339381475 29.28173657581924L2307.3774339381475 -29.28173657581924z" fill="#FFFFFF" style="animation-delay:-0.9699037613678558s"/>
</g>
<g style="transform:rotate(30.284589478401685deg)">
<path class="ld ld-speed-dash" d="M414.280660250802 0 L3565.7563633646746 18.23666494702347L3565.7563633646746 -18.23666494702347z" fill="#FFFFFF" style="animation-delay:-0.923679783771481s"/>
</g>
<g style="transform:rotate(217.14660851410417deg)">
<path class="ld ld-speed-dash" d="M173.7941720547917 0 L3223.7522335113167 17.332620232541363L3223.7522335113167 -17.332620232541363z" fill="#FFFFFF" style="animation-delay:-1.8492032592515848s"/>
</g>
<g style="transform:rotate(48.29907110760935deg)">
<path class="ld ld-speed-dash" d="M201.2735832417632 0 L3049.7640609564082 15.943761716463927L3049.7640609564082 -15.943761716463927z" fill="#FFFFFF" style="animation-delay:-1.0990466564806636s"/>
</g>
<g style="transform:rotate(146.1549253656204deg)">
<path class="ld ld-speed-dash" d="M437.39387601152345 0 L3538.469041049942 17.81595925765719L3538.469041049942 -17.81595925765719z" fill="#FFFFFF" style="animation-delay:-1.125377682112692s"/>
</g>
<g style="transform:rotate(73.04298076974551deg)">
<path class="ld ld-speed-dash" d="M298.5348949064443 0 L2576.1825810011146 25.847492726877142L2576.1825810011146 -25.847492726877142z" fill="#FFFFFF" style="animation-delay:-0.9685658204106042s"/>
</g>
<g style="transform:rotate(60.616709263655075deg)">
<path class="ld ld-speed-dash" d="M315.8408637199277 0 L2897.5535429894485 25.702663313553842L2897.5535429894485 -25.702663313553842z" fill="#FFFFFF" style="animation-delay:-1.542523075478611s"/>
</g>
<g style="transform:rotate(100.4615586871835deg)">
<path class="ld ld-speed-dash" d="M254.7515409111282 0 L2364.1993507673897 21.096698011404996L2364.1993507673897 -21.096698011404996z" fill="#FFFFFF" style="animation-delay:-0.39824796640343507s"/>
</g>
<g style="transform:rotate(65.37582262849955deg)">
<path class="ld ld-speed-dash" d="M188.3578726853288 0 L2657.0211215039385 13.060246203277037L2657.0211215039385 -13.060246203277037z" fill="#FFFFFF" style="animation-delay:-0.06598363448004374s"/>
</g>
<g style="transform:rotate(112.02688169934763deg)">
<path class="ld ld-speed-dash" d="M343.25986980556115 0 L2748.3233778832237 20.028083647301397L2748.3233778832237 -20.028083647301397z" fill="#FFFFFF" style="animation-delay:-1.4258544105147384s"/>
</g>
<g style="transform:rotate(113.13396331646763deg)">
<path class="ld ld-speed-dash" d="M284.78544752684365 0 L2717.109589385633 27.024689038603597L2717.109589385633 -27.024689038603597z" fill="#FFFFFF" style="animation-delay:-0.7873199196462166s"/>
</g>
<g style="transform:rotate(79.55398352468583deg)">
<path class="ld ld-speed-dash" d="M159.80425774135685 0 L2268.8444579606416 22.48999810501333L2268.8444579606416 -22.48999810501333z" fill="#FFFFFF" style="animation-delay:-0.035573447747699216s"/>
</g>
<g style="transform:rotate(99.83056335776561deg)">
<path class="ld ld-speed-dash" d="M211.87732702690317 0 L2304.7605938486695 23.15943581661871L2304.7605938486695 -23.15943581661871z" fill="#FFFFFF" style="animation-delay:-1.883254016123865s"/>
</g>
<g style="transform:rotate(57.65729453990513deg)">
<path class="ld ld-speed-dash" d="M250.34111696902914 0 L2899.7939454001926 20.19361222723075L2899.7939454001926 -20.19361222723075z" fill="#FFFFFF" style="animation-delay:-1.4411192647494797s"/>
</g>
<g style="transform:rotate(108.63546495122914deg)">
<path class="ld ld-speed-dash" d="M296.89071306462733 0 L2617.1568452205493 12.348376706939423L2617.1568452205493 -12.348376706939423z" fill="#FFFFFF" style="animation-delay:-1.7756863188336487s"/>
</g>
<g style="transform:rotate(55.114249387677305deg)">
<path class="ld ld-speed-dash" d="M198.0530895490627 0 L2903.980289863673 11.087315245696864L2903.980289863673 -11.087315245696864z" fill="#FFFFFF" style="animation-delay:-0.5215636384353961s"/>
</g>
<g style="transform:rotate(127.78117814251597deg)">
<path class="ld ld-speed-dash" d="M360.4110430863276 0 L3128.5363497286958 20.05221628604818L3128.5363497286958 -20.05221628604818z" fill="#FFFFFF" style="animation-delay:-1.8027494316948762s"/>
</g>
<g style="transform:rotate(213.9162179418826deg)">
<path class="ld ld-speed-dash" d="M254.79700423966216 0 L3354.8144945531362 27.667496579945244L3354.8144945531362 -27.667496579945244z" fill="#FFFFFF" style="animation-delay:-0.9030241406131401s"/>
</g>
<g style="transform:rotate(223.09230252203915deg)">
<path class="ld ld-speed-dash" d="M345.4171221030021 0 L3293.2453339702015 27.593464445601597L3293.2453339702015 -27.593464445601597z" fill="#FFFFFF" style="animation-delay:-0.860549961144355s"/>
</g>
<g style="transform:rotate(41.22844870034023deg)">
<path class="ld ld-speed-dash" d="M380.42487662742707 0 L3361.6149760035933 21.318882211266445L3361.6149760035933 -21.318882211266445z" fill="#FFFFFF" style="animation-delay:-0.3320571154332974s"/>
</g>
<g style="transform:rotate(74.73133572326748deg)">
<path class="ld ld-speed-dash" d="M315.06660598608784 0 L2549.458503918934 27.40176442431239L2549.458503918934 -27.40176442431239z" fill="#FFFFFF" style="animation-delay:-0.5746637580825329s"/>
</g>
<g style="transform:rotate(265.1179163644999deg)">
<path class="ld ld-speed-dash" d="M98.50424105560748 0 L2060.5452345584754 20.01812037292764L2060.5452345584754 -20.01812037292764z" fill="#FFFFFF" style="animation-delay:-0.9777874924087229s"/>
</g>
<g style="transform:rotate(90.83848848895639deg)">
<path class="ld ld-speed-dash" d="M259.84206537701056 0 L2114.202607300303 23.772976607270124L2114.202607300303 -23.772976607270124z" fill="#FFFFFF" style="animation-delay:-0.20663411589934366s"/>
</g>
<g style="transform:rotate(240.46264324666643deg)">
<path class="ld ld-speed-dash" d="M267.8816775896251 0 L2853.171812319316 21.566995901033252L2853.171812319316 -21.566995901033252z" fill="#FFFFFF" style="animation-delay:-0.6417651916024907s"/>
</g>
<g style="transform:rotate(262.8487057078134deg)">
<path class="ld ld-speed-dash" d="M197.36366451215005 0 L2219.5841041400668 16.470936703291976L2219.5841041400668 -16.470936703291976z" fill="#FFFFFF" style="animation-delay:-0.8857067472574132s"/>
</g>
<g style="transform:rotate(22.158703468812398deg)">
<path class="ld ld-speed-dash" d="M476.43043785988954 0 L3723.576448292826 24.25011230847808L3723.576448292826 -24.25011230847808z" fill="#FFFFFF" style="animation-delay:-1.5236462382470983s"/>
</g>
<g style="transform:rotate(96.35121086965866deg)">
<path class="ld ld-speed-dash" d="M133.94074075608765 0 L2134.9721770649735 29.250182152970723L2134.9721770649735 -29.250182152970723z" fill="#FFFFFF" style="animation-delay:-0.6012195514386818s"/>
</g>
<g style="transform:rotate(113.8704019517356deg)">
<path class="ld ld-speed-dash" d="M176.74423879055144 0 L2627.078844129286 27.41035869827181L2627.078844129286 -27.41035869827181z" fill="#FFFFFF" style="animation-delay:-0.4512486157444813s"/>
</g>
<g style="transform:rotate(318.6520639302219deg)">
<path class="ld ld-speed-dash" d="M248.77896379120511 0 L3227.866419017381 11.095039186354265L3227.866419017381 -11.095039186354265z" fill="#FFFFFF" style="animation-delay:-0.4639335579054209s"/>
</g>
<g style="transform:rotate(341.7454645247612deg)">
<path class="ld ld-speed-dash" d="M239.14874814015087 0 L3522.251129728406 13.52820950579158L3522.251129728406 -13.52820950579158z" fill="#FFFFFF" style="animation-delay:-0.6387003125281372s"/>
</g>
<g style="transform:rotate(86.98937850853238deg)">
<path class="ld ld-speed-dash" d="M165.62230687997337 0 L2077.874519080917 28.667649166329614L2077.874519080917 -28.667649166329614z" fill="#FFFFFF" style="animation-delay:-0.06846445382861344s"/>
</g>
<g style="transform:rotate(171.17815601058436deg)">
<path class="ld ld-speed-dash" d="M395.61814165990035 0 L3737.541876980575 16.065861238866862L3737.541876980575 -16.065861238866862z" fill="#FFFFFF" style="animation-delay:-1.8574488306542118s"/>
</g>
<g style="transform:rotate(300.143573836183deg)">
<path class="ld ld-speed-dash" d="M276.47134938315753 0 L2875.784887211603 21.515180675836785L2875.784887211603 -21.515180675836785z" fill="#FFFFFF" style="animation-delay:-1.1358579567642209s"/>
</g>
<g style="transform:rotate(79.23618930522349deg)">
<path class="ld ld-speed-dash" d="M315.7145627698534 0 L2433.0851300956774 19.29807352767049L2433.0851300956774 -19.29807352767049z" fill="#FFFFFF" style="animation-delay:-0.7889680697480399s"/>
</g>
<g style="transform:rotate(183.98546097847913deg)">
<path class="ld ld-speed-dash" d="M463.15940688966 0 L3819.4642736936275 29.829463048409046L3819.4642736936275 -29.829463048409046z" fill="#FFFFFF" style="animation-delay:-0.3274586698919939s"/>
</g>
<g style="transform:rotate(293.6806041786108deg)">
<path class="ld ld-speed-dash" d="M265.12872058026954 0 L2710.8312524926473 13.438406971430812L2710.8312524926473 -13.438406971430812z" fill="#FFFFFF" style="animation-delay:-1.3475237097514055s"/>
</g>
<g style="transform:rotate(136.8452855182489deg)">
<path class="ld ld-speed-dash" d="M425.64134986205437 0 L3372.331793998036 19.590918815404883L3372.331793998036 -19.590918815404883z" fill="#FFFFFF" style="animation-delay:-1.4902275108795786s"/>
</g>
<g style="transform:rotate(263.55944634321855deg)">
<path class="ld ld-speed-dash" d="M143.9672316106818 0 L2147.3664877144693 26.30065288602394L2147.3664877144693 -26.30065288602394z" fill="#FFFFFF" style="animation-delay:-1.2511347005766535s"/>
</g>
<g style="transform:rotate(113.8407201933296deg)">
<path class="ld ld-speed-dash" d="M167.76728985826 0 L2617.3779489818835 21.74535969216877L2617.3779489818835 -21.74535969216877z" fill="#FFFFFF" style="animation-delay:-0.6243469630651299s"/>
</g>
<g style="transform:rotate(27.52762985879408deg)">
<path class="ld ld-speed-dash" d="M467.04656209242165 0 L3654.0587179096633 23.95053466937522L3654.0587179096633 -23.95053466937522z" fill="#FFFFFF" style="animation-delay:-1.3839630974557946s"/>
</g>
<g style="transform:rotate(196.55175240064295deg)">
<path class="ld ld-speed-dash" d="M443.91177804318187 0 L3740.595747096498 16.84110169194345L3740.595747096498 -16.84110169194345z" fill="#FFFFFF" style="animation-delay:-1.5320881113766567s"/>
</g>
<g style="transform:rotate(251.7001603677825deg)">
<path class="ld ld-speed-dash" d="M262.47441366060997 0 L2574.2508258842868 13.750281635012488L2574.2508258842868 -13.750281635012488z" fill="#FFFFFF" style="animation-delay:-1.6935172774163747s"/>
</g>
<g style="transform:rotate(344.92538381917194deg)">
<path class="ld ld-speed-dash" d="M337.0866073970525 0 L3644.5049915685127 27.8852834296704L3644.5049915685127 -27.8852834296704z" fill="#FFFFFF" style="animation-delay:-1.7988559066127827s"/>
</g>
<g style="transform:rotate(270.0462656082373deg)">
<path class="ld ld-speed-dash" d="M136.5262872710875 0 L1969.7601275697086 16.62796179269232L1969.7601275697086 -16.62796179269232z" fill="#FFFFFF" style="animation-delay:-0.3962343565941828s"/>
</g>
<g style="transform:rotate(357.52629316704554deg)">
<path class="ld ld-speed-dash" d="M203.0081020277444 0 L3561.5842099002934 21.80803645068479L3561.5842099002934 -21.80803645068479z" fill="#FFFFFF" style="animation-delay:-0.09004915330808227s"/>
</g>
<g style="transform:rotate(297.6700380951448deg)">
<path class="ld ld-speed-dash" d="M230.77743933987702 0 L2772.3485205584725 17.634362824258076L2772.3485205584725 -17.634362824258076z" fill="#FFFFFF" style="animation-delay:-1.8847482138818528s"/>
</g>
<g style="transform:rotate(334.67458104556795deg)">
<path class="ld ld-speed-dash" d="M335.2092546395992 0 L3548.357553510144 11.752587412578528L3548.357553510144 -11.752587412578528z" fill="#FFFFFF" style="animation-delay:-0.3468252877774507s"/>
</g>
<g style="transform:rotate(200.03509804173376deg)">
<path class="ld ld-speed-dash" d="M410.12367162993473 0 L3677.6535902358546 20.851990632140456L3677.6535902358546 -20.851990632140456z" fill="#FFFFFF" style="animation-delay:-1.5033160558457652s"/>
</g>
<g style="transform:rotate(208.50821043740768deg)">
<path class="ld ld-speed-dash" d="M353.3195477450612 0 L3528.047602886495 21.779724642613296L3528.047602886495 -21.779724642613296z" fill="#FFFFFF" style="animation-delay:-0.49278025813507353s"/>
</g>
<g style="transform:rotate(203.37137940920567deg)">
<path class="ld ld-speed-dash" d="M249.47643114325987 0 L3484.1084560730374 17.543644210107555L3484.1084560730374 -17.543644210107555z" fill="#FFFFFF" style="animation-delay:-1.183525013282905s"/>
</g>
<g style="transform:rotate(94.75392540557597deg)">
<path class="ld ld-speed-dash" d="M163.22182557297185 0 L2121.8570920062657 12.884390827854148L2121.8570920062657 -12.884390827854148z" fill="#FFFFFF" style="animation-delay:-0.5993106933731225s"/>
</g>
<g style="transform:rotate(91.09764440491854deg)">
<path class="ld ld-speed-dash" d="M241.27121697017162 0 L2102.5421000132364 27.60948995568958L2102.5421000132364 -27.60948995568958z" fill="#FFFFFF" style="animation-delay:-0.5701454600935785s"/>
</g>
<g style="transform:rotate(195.49626166701324deg)">
<path class="ld ld-speed-dash" d="M280.26762318326337 0 L3584.721595208608 26.901254751248473L3584.721595208608 -26.901254751248473z" fill="#FFFFFF" style="animation-delay:-1.7033306019751842s"/>
</g>
<g style="transform:rotate(99.6468381262713deg)">
<path class="ld ld-speed-dash" d="M262.5474471366609 0 L2350.6016230690575 16.48956496439186L2350.6016230690575 -16.48956496439186z" fill="#FFFFFF" style="animation-delay:-1.2772043212668458s"/>
</g>
<g style="transform:rotate(353.51642356333923deg)">
<path class="ld ld-speed-dash" d="M302.4122813656499 0 L3652.6395967906174 29.940813512408994L3652.6395967906174 -29.940813512408994z" fill="#FFFFFF" style="animation-delay:-0.5338704255383058s"/>
</g>
<g style="transform:rotate(296.1023443106776deg)">
<path class="ld ld-speed-dash" d="M240.0422142252214 0 L2744.32540948797 25.12222385489084L2744.32540948797 -25.12222385489084z" fill="#FFFFFF" style="animation-delay:-0.5725340822030076s"/>
</g>
<g style="transform:rotate(123.81424989866738deg)">
<path class="ld ld-speed-dash" d="M379.73551970888406 0 L3062.0709890139296 15.766582448800893L3062.0709890139296 -15.766582448800893z" fill="#FFFFFF" style="animation-delay:-0.8038374830548025s"/>
</g>
<g style="transform:rotate(307.5133115199984deg)">
<path class="ld ld-speed-dash" d="M335.2219844735896 0 L3097.6910633392436 12.256501772505061L3097.6910633392436 -12.256501772505061z" fill="#FFFFFF" style="animation-delay:-1.9665339756256763s"/>
</g>
<g style="transform:rotate(197.96980504029375deg)">
<path class="ld ld-speed-dash" d="M483.1566190043299 0 L3768.6196125710753 24.37077465750347L3768.6196125710753 -24.37077465750347z" fill="#FFFFFF" style="animation-delay:-1.3400876261784194s"/>
</g>
<g style="transform:rotate(189.1671462122452deg)">
<path class="ld ld-speed-dash" d="M223.1400076281049 0 L3563.6240550711086 21.863396711280206L3563.6240550711086 -21.863396711280206z" fill="#FFFFFF" style="animation-delay:-1.2079027055446052s"/>
</g>
<g style="transform:rotate(10.29853264676965deg)">
<path class="ld ld-speed-dash" d="M472.37526258757174 0 L3807.758596999251 24.595418787187754L3807.758596999251 -24.595418787187754z" fill="#FFFFFF" style="animation-delay:-1.9560543689958285s"/>
</g>
<g style="transform:rotate(353.285676068699deg)">
<path class="ld ld-speed-dash" d="M481.49698916619434 0 L3831.0171260583297 21.955548694783225L3831.0171260583297 -21.955548694783225z" fill="#FFFFFF" style="animation-delay:-1.2189052002595084s"/>
</g>
<g style="transform:rotate(42.4184896598519deg)">
<path class="ld ld-speed-dash" d="M165.7637255254543 0 L3125.790932850129 25.504192924218245L3125.790932850129 -25.504192924218245z" fill="#FFFFFF" style="animation-delay:-0.5061115118465103s"/>
</g>
<g style="transform:rotate(272.26577032833677deg)">
<path class="ld ld-speed-dash" d="M103.651415171839 0 L1996.06066019413 29.55673031483032L1996.06066019413 -29.55673031483032z" fill="#FFFFFF" style="animation-delay:-1.5586274134897886s"/>
</g>
<g style="transform:rotate(221.51826436955614deg)">
<path class="ld ld-speed-dash" d="M338.6495499451276 0 L3314.7310804000663 27.581281361701176L3314.7310804000663 -27.581281361701176z" fill="#FFFFFF" style="animation-delay:-0.6608791563791256s"/>
</g>
<g style="transform:rotate(43.226821627165634deg)">
<path class="ld ld-speed-dash" d="M185.0229697206139 0 L3130.397256532069 10.477557707979717L3130.397256532069 -10.477557707979717z" fill="#FFFFFF" style="animation-delay:-1.1972579359569604s"/>
</g>
<g style="transform:rotate(225.99295227079088deg)">
<path class="ld ld-speed-dash" d="M414.091155497906 0 L3307.6643398105834 26.355277595234924L3307.6643398105834 -26.355277595234924z" fill="#FFFFFF" style="animation-delay:-1.5129389750277573s"/>
</g>
<g style="transform:rotate(120.42097927370318deg)">
<path class="ld ld-speed-dash" d="M149.1625236217494 0 L2754.864629841125 12.188449754943989L2754.864629841125 -12.188449754943989z" fill="#FFFFFF" style="animation-delay:-1.947609317586565s"/>
</g>
<g style="transform:rotate(3.5388204044753913deg)">
<path class="ld ld-speed-dash" d="M392.51149313030595 0 L3749.597912289889 15.888700212403197L3749.597912289889 -15.888700212403197z" fill="#FFFFFF" style="animation-delay:-1.3332837322725055s"/>
</g>
<g style="transform:rotate(281.72140359288227deg)">
<path class="ld ld-speed-dash" d="M205.78786359399032 0 L2348.2057740718265 15.034358480513177L2348.2057740718265 -15.034358480513177z" fill="#FFFFFF" style="animation-delay:-0.9836557586571493s"/>
</g>
<g style="transform:rotate(1.6261164472698475deg)">
<path class="ld ld-speed-dash" d="M234.09021214417234 0 L3593.474862112877 24.534341183066903L3593.474862112877 -24.534341183066903z" fill="#FFFFFF" style="animation-delay:-1.5081678120290505s"/>
</g>
<g style="transform:rotate(47.59642177815526deg)">
<path class="ld ld-speed-dash" d="M413.7388134402528 0 L3276.143327703428 11.363853837051208L3276.143327703428 -11.363853837051208z" fill="#FFFFFF" style="animation-delay:-1.5223841980889588s"/>
</g>
<g style="transform:rotate(230.50681744242306deg)">
<path class="ld ld-speed-dash" d="M402.6724750243132 0 L3206.459698231108 10.125852356402284L3206.459698231108 -10.125852356402284z" fill="#FFFFFF" style="animation-delay:-0.8523546486866076s"/>
</g>
<g style="transform:rotate(235.73899572949838deg)">
<path class="ld ld-speed-dash" d="M145.04977014661085 0 L2837.258262128088 20.589335353751L2837.258262128088 -20.589335353751z" fill="#FFFFFF" style="animation-delay:-0.41441863349594854s"/>
</g>
<g style="transform:rotate(66.58548349719469deg)">
<path class="ld ld-speed-dash" d="M153.5556796581544 0 L2592.752932239427 18.521882029167195L2592.752932239427 -18.521882029167195z" fill="#FFFFFF" style="animation-delay:-0.5305769590933451s"/>
</g>
<g style="transform:rotate(33.133383029425175deg)">
<path class="ld ld-speed-dash" d="M286.5877552678988 0 L3398.1355535365446 25.618123371944407L3398.1355535365446 -25.618123371944407z" fill="#FFFFFF" style="animation-delay:-1.3246119075207416s"/>
</g>
</g>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

1376
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/DOMPurify.js Normal file
View file

File diff suppressed because it is too large Load diff

21
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/cropperjs/LICENSE Normal file
View file

@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright 2015-present Chen Fengyuan
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

304
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/cropperjs/cropper.css Normal file
View file

@ -0,0 +1,304 @@
/*!
* Cropper.js v1.5.5
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2019-08-04T02:26:27.232Z
*/
.cropper-container {
direction: ltr;
font-size: 0;
line-height: 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cropper-container img {
display: block;
height: 100%;
image-orientation: 0deg;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
overflow: hidden;
}
.cropper-drag-box {
background-color: #fff;
opacity: 0;
}
.cropper-modal {
background-color: #000;
opacity: 0.5;
}
.cropper-view-box {
display: block;
height: 100%;
outline: 1px solid #39f;
outline-color: rgba(51, 153, 255, 0.75);
overflow: hidden;
width: 100%;
}
.cropper-dashed {
border: 0 dashed #eee;
display: block;
opacity: 0.5;
position: absolute;
}
.cropper-dashed.dashed-h {
border-bottom-width: 1px;
border-top-width: 1px;
height: calc(100% / 3);
left: 0;
top: calc(100% / 3);
width: 100%;
}
.cropper-dashed.dashed-v {
border-left-width: 1px;
border-right-width: 1px;
height: 100%;
left: calc(100% / 3);
top: 0;
width: calc(100% / 3);
}
.cropper-center {
display: block;
height: 0;
left: 50%;
opacity: 0.75;
position: absolute;
top: 50%;
width: 0;
}
.cropper-center::before,
.cropper-center::after {
background-color: #eee;
content: ' ';
display: block;
position: absolute;
}
.cropper-center::before {
height: 1px;
left: -3px;
top: 0;
width: 7px;
}
.cropper-center::after {
height: 7px;
left: 0;
top: -3px;
width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
display: block;
height: 100%;
opacity: 0.1;
position: absolute;
width: 100%;
}
.cropper-face {
background-color: #fff;
left: 0;
top: 0;
}
.cropper-line {
background-color: #39f;
}
.cropper-line.line-e {
cursor: ew-resize;
right: -3px;
top: 0;
width: 5px;
}
.cropper-line.line-n {
cursor: ns-resize;
height: 5px;
left: 0;
top: -3px;
}
.cropper-line.line-w {
cursor: ew-resize;
left: -3px;
top: 0;
width: 5px;
}
.cropper-line.line-s {
bottom: -3px;
cursor: ns-resize;
height: 5px;
left: 0;
}
.cropper-point {
background-color: #39f;
height: 5px;
opacity: 0.75;
width: 5px;
}
.cropper-point.point-e {
cursor: ew-resize;
margin-top: -3px;
right: -3px;
top: 50%;
}
.cropper-point.point-n {
cursor: ns-resize;
left: 50%;
margin-left: -3px;
top: -3px;
}
.cropper-point.point-w {
cursor: ew-resize;
left: -3px;
margin-top: -3px;
top: 50%;
}
.cropper-point.point-s {
bottom: -3px;
cursor: s-resize;
left: 50%;
margin-left: -3px;
}
.cropper-point.point-ne {
cursor: nesw-resize;
right: -3px;
top: -3px;
}
.cropper-point.point-nw {
cursor: nwse-resize;
left: -3px;
top: -3px;
}
.cropper-point.point-sw {
bottom: -3px;
cursor: nesw-resize;
left: -3px;
}
.cropper-point.point-se {
bottom: -3px;
cursor: nwse-resize;
height: 20px;
opacity: 1;
right: -3px;
width: 20px;
}
@media (min-width: 768px) {
.cropper-point.point-se {
height: 15px;
width: 15px;
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
height: 10px;
width: 10px;
}
}
@media (min-width: 1200px) {
.cropper-point.point-se {
height: 5px;
opacity: 0.75;
width: 5px;
}
}
.cropper-point.point-se::before {
background-color: #39f;
bottom: -50%;
content: ' ';
display: block;
height: 200%;
opacity: 0;
position: absolute;
right: -50%;
width: 200%;
}
.cropper-invisible {
opacity: 0;
}
.cropper-bg {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
display: block;
height: 0;
position: absolute;
width: 0;
}
.cropper-hidden {
display: none !important;
}
.cropper-move {
cursor: move;
}
.cropper-crop {
cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
cursor: not-allowed;
}

3576
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/cropperjs/cropper.js Normal file
View file

File diff suppressed because it is too large Load diff

7830
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/html2canvas.js Normal file
View file

File diff suppressed because one or more lines are too long

454
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/jQuery.transfo.js Normal file
View file

@ -0,0 +1,454 @@
/*
Copyright (c) 2014 Christophe Matthieu,
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
*/
(function($){
'use strict';
var rad = Math.PI/180;
// public methods
var methods = {
init : function(settings) {
return this.each(function() {
var $this = $(this), transfo = $this.data('transfo');
if (!transfo) {
_init($this, settings);
} else {
_overwriteOptions($this, transfo, settings);
_targetCss($this, transfo);
}
});
},
destroy : function() {
return this.each(function() {
var $this = $(this);
if ($this.data('transfo')) {
_destroy($this);
}
});
},
reset : function() {
return this.each(function() {
var $this = $(this);
if ($this.data('transfo')) {
_reset($this);
}
});
},
toggle : function() {
return this.each(function() {
var $this = $(this);
var transfo = $this.data('transfo');
if (transfo) {
transfo.settings.hide = !transfo.settings.hide;
_showHide($this, transfo);
}
});
},
hide : function() {
return this.each(function() {
var $this = $(this);
var transfo = $this.data('transfo');
if (transfo) {
transfo.settings.hide = true;
_showHide($this, transfo);
}
});
},
show : function() {
return this.each(function() {
var $this = $(this);
var transfo = $this.data('transfo');
if (transfo) {
transfo.settings.hide = false;
_showHide($this, transfo);
}
});
},
settings : function() {
if(this.length > 1) {
this.map(function () {
var $this = $(this);
return $this.data('transfo') && $this.data('transfo').settings;
});
}
return this.data('transfo') && $this.data('transfo').settings;
},
center : function() {
if(this.length > 1) {
this.map(function () {
var $this = $(this);
return $this.data('transfo') && $this.data('transfo').$center.offset();
});
}
return this.data('transfo') && this.data('transfo').$center.offset();
}
};
$.fn.transfo = function( method ) {
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === 'object' || ! method ) {
return methods.init.apply( this, arguments );
} else {
$.error( 'Method ' + method + ' does not exist on jQuery.transfo' );
}
return false;
};
function _init ($this, settings) {
var transfo = {};
$this.data('transfo', transfo);
transfo.settings = settings;
transfo.settings.document = transfo.settings.document || document;
// generate all the controls markup
var css = "box-sizing: border-box; position: absolute; background-color: #fff; border: 1px solid #ccc; width: 8px; height: 8px; margin-left: -4px; margin-top: -4px;";
transfo.$markup = $(''
+ '<div class="transfo-container">'
+ '<div class="transfo-controls">'
+ '<div style="cursor: crosshair; position: absolute; margin: -30px; top: 0; right: 0; padding: 1px 0 0 1px;" class="transfo-rotator">'
+ '<span class="fa-stack fa-lg">'
+ '<i class="fa fa-circle fa-stack-2x"></i>'
+ '<i class="fa fa-repeat fa-stack-1x fa-inverse"></i>'
+ '</span>'
+ '</div>'
+ '<div style="' + css + 'top: 0%; left: 0%; cursor: nw-resize;" class="transfo-scaler-tl"></div>'
+ '<div style="' + css + 'top: 0%; left: 100%; cursor: ne-resize;" class="transfo-scaler-tr"></div>'
+ '<div style="' + css + 'top: 100%; left: 100%; cursor: se-resize;" class="transfo-scaler-br"></div>'
+ '<div style="' + css + 'top: 100%; left: 0%; cursor: sw-resize;" class="transfo-scaler-bl"></div>'
+ '<div style="' + css + 'top: 0%; left: 50%; cursor: n-resize;" class="transfo-scaler-tc"></div>'
+ '<div style="' + css + 'top: 100%; left: 50%; cursor: s-resize;" class="transfo-scaler-bc"></div>'
+ '<div style="' + css + 'top: 50%; left: 0%; cursor: w-resize;" class="transfo-scaler-ml"></div>'
+ '<div style="' + css + 'top: 50%; left: 100%; cursor: e-resize;" class="transfo-scaler-mr"></div>'
+ '<div style="' + css + 'border: 0; width: 0px; height: 0px; top: 50%; left: 50%;" class="transfo-scaler-mc"></div>'
+ '</div>'
+ '</div>');
transfo.$center = transfo.$markup.find(".transfo-scaler-mc");
// init setting and get css to set wrap
_setOptions($this, transfo);
_overwriteOptions ($this, transfo, settings);
// append controls to container
$(transfo.settings.document.body).append(transfo.$markup);
// set transfo container and markup
setTimeout(function () {
_targetCss($this, transfo);
},0);
_bind($this, transfo);
_targetCss($this, transfo);
_stop_animation($this[0]);
}
function _overwriteOptions ($this, transfo, settings) {
transfo.settings = $.extend(transfo.settings, settings || {});
}
function _stop_animation (target) {
target.style.webkitAnimationPlayState = "paused";
target.style.animationPlayState = "paused";
target.style.webkitTransition = "none";
target.style.transition = "none";
}
function _setOptions ($this, transfo) {
var style = $this.attr("style") || "";
var transform = style.match(/transform\s*:([^;]+)/) ? style.match(/transform\s*:([^;]+)/)[1] : "";
transfo.settings = {};
transfo.settings.angle= transform.indexOf('rotate') != -1 ? parseFloat(transform.match(/rotate\(([^)]+)deg\)/)[1]) : 0;
transfo.settings.scalex= transform.indexOf('scaleX') != -1 ? parseFloat(transform.match(/scaleX\(([^)]+)\)/)[1]) : 1;
transfo.settings.scaley= transform.indexOf('scaleY') != -1 ? parseFloat(transform.match(/scaleY\(([^)]+)\)/)[1]) : 1;
transfo.settings.style = style.replace(/[^;]*transform[^;]+/g, '').replace(/;+/g, ';');
$this.attr("style", transfo.settings.style);
_stop_animation($this[0]);
transfo.settings.pos = $this.offset();
transfo.settings.height = $this.innerHeight();
transfo.settings.width = $this.innerWidth();
var translatex = transform.match(/translateX\(([0-9.-]+)(%|px)\)/);
var translatey = transform.match(/translateY\(([0-9.-]+)(%|px)\)/);
transfo.settings.translate = "%";
if (translatex && translatex[2] === "%") {
transfo.settings.translatexp = parseFloat(translatex[1]);
transfo.settings.translatex = transfo.settings.translatexp / 100 * transfo.settings.width;
} else {
transfo.settings.translatex = translatex ? parseFloat(translatex[1]) : 0;
}
if (translatey && translatey[2] === "%") {
transfo.settings.translateyp = parseFloat(translatey[1]);
transfo.settings.translatey = transfo.settings.translateyp / 100 * transfo.settings.height;
} else {
transfo.settings.translatey = translatey ? parseFloat(translatey[1]) : 0;
}
transfo.settings.css = window.getComputedStyle($this[0], null);
transfo.settings.rotationStep = 5;
transfo.settings.hide = false;
transfo.settings.callback = function () {};
}
function _bind ($this, transfo) {
function mousedown (event) {
_mouseDown($this, this, transfo, event);
$(transfo.settings.document).on("mousemove", mousemove).on("mouseup", mouseup);
}
function mousemove (event) {
_mouseMove($this, this, transfo, event);
}
function mouseup (event) {
_mouseUp($this, this, transfo, event);
$(transfo.settings.document).off("mousemove", mousemove).off("mouseup", mouseup);
}
transfo.$markup.off().on("mousedown", mousedown);
transfo.$markup.find(".transfo-controls >:not(.transfo-scaler-mc)").off().on("mousedown", mousedown);
}
function _mouseDown($this, div, transfo, event) {
event.preventDefault();
if (transfo.active || event.which !== 1) return;
var type = "position", $e = $(div);
if ($e.hasClass("transfo-rotator")) type = "rotator";
else if ($e.hasClass("transfo-scaler-tl")) type = "tl";
else if ($e.hasClass("transfo-scaler-tr")) type = "tr";
else if ($e.hasClass("transfo-scaler-br")) type = "br";
else if ($e.hasClass("transfo-scaler-bl")) type = "bl";
else if ($e.hasClass("transfo-scaler-tc")) type = "tc";
else if ($e.hasClass("transfo-scaler-bc")) type = "bc";
else if ($e.hasClass("transfo-scaler-ml")) type = "ml";
else if ($e.hasClass("transfo-scaler-mr")) type = "mr";
transfo.active = {
"type": type,
"scalex": transfo.settings.scalex,
"scaley": transfo.settings.scaley,
"pageX": event.pageX,
"pageY": event.pageY,
"center": transfo.$center.offset(),
};
}
function _mouseUp($this, div, transfo, event) {
transfo.active = null;
}
function _mouseMove($this, div, transfo, event) {
event.preventDefault();
if (!transfo.active) return;
var settings = transfo.settings;
var center = transfo.active.center;
var cdx = center.left - event.pageX;
var cdy = center.top - event.pageY;
if (transfo.active.type == "rotator") {
var ang, dang = Math.atan((settings.width * settings.scalex) / (settings.height * settings.scaley)) / rad;
if (cdy) ang = Math.atan(- cdx / cdy) / rad;
else ang = 0;
if (event.pageY >= center.top && event.pageX >= center.left) ang += 180;
else if (event.pageY >= center.top && event.pageX < center.left) ang += 180;
else if (event.pageY < center.top && event.pageX < center.left) ang += 360;
ang -= dang;
if (settings.scaley < 0 && settings.scalex < 0) ang += 180;
if (!event.ctrlKey) {
settings.angle = Math.round(ang / transfo.settings.rotationStep) * transfo.settings.rotationStep;
} else {
settings.angle = ang;
}
// reset position : don't move center
_targetCss($this, transfo);
var new_center = transfo.$center.offset();
var x = center.left - new_center.left;
var y = center.top - new_center.top;
var angle = ang * rad;
settings.translatex += x*Math.cos(angle) - y*Math.sin(-angle);
settings.translatey += - x*Math.sin(angle) + y*Math.cos(-angle);
}
else if (transfo.active.type == "position") {
var angle = settings.angle * rad;
var x = event.pageX - transfo.active.pageX;
var y = event.pageY - transfo.active.pageY;
transfo.active.pageX = event.pageX;
transfo.active.pageY = event.pageY;
var dx = x*Math.cos(angle) - y*Math.sin(-angle);
var dy = - x*Math.sin(angle) + y*Math.cos(-angle);
settings.translatex += dx;
settings.translatey += dy;
}
else if (transfo.active.type.length === 2) {
var angle = settings.angle * rad;
var dx = cdx*Math.cos(angle) - cdy*Math.sin(-angle);
var dy = - cdx*Math.sin(angle) + cdy*Math.cos(-angle);
if (transfo.active.type.indexOf("t") != -1) {
settings.scaley = dy / (settings.height/2);
}
if (transfo.active.type.indexOf("b") != -1) {
settings.scaley = - dy / (settings.height/2);
}
if (transfo.active.type.indexOf("l") != -1) {
settings.scalex = dx / (settings.width/2);
}
if (transfo.active.type.indexOf("r") != -1) {
settings.scalex = - dx / (settings.width/2);
}
if (settings.scaley > 0 && settings.scaley < 0.05) settings.scaley = 0.05;
if (settings.scalex > 0 && settings.scalex < 0.05) settings.scalex = 0.05;
if (settings.scaley < 0 && settings.scaley > -0.05) settings.scaley = -0.05;
if (settings.scalex < 0 && settings.scalex > -0.05) settings.scalex = -0.05;
if (event.shiftKey &&
(transfo.active.type === "tl" || transfo.active.type === "bl" ||
transfo.active.type === "tr" || transfo.active.type === "br")) {
settings.scaley = settings.scalex;
}
}
settings.angle = Math.round(settings.angle);
settings.translatex = Math.round(settings.translatex);
settings.translatey = Math.round(settings.translatey);
settings.scalex = Math.round(settings.scalex*100)/100;
settings.scaley = Math.round(settings.scaley*100)/100;
_targetCss($this, transfo);
_stop_animation($this[0]);
return false;
}
function _setCss($this, css, settings) {
var transform = "";
var trans = false;
if (settings.angle !== 0) {
trans = true;
transform += " rotate("+settings.angle+"deg) ";
}
if (settings.translatex) {
trans = true;
transform += " translateX("+(settings.translate === "%" ? settings.translatexp+"%" : settings.translatex+"px")+") ";
}
if (settings.translatey) {
trans = true;
transform += " translateY("+(settings.translate === "%" ? settings.translateyp+"%" : settings.translatey+"px")+") ";
}
if (settings.scalex != 1) {
trans = true;
transform += " scaleX("+settings.scalex+") ";
}
if (settings.scaley != 1){
trans = true;
transform += " scaleY("+settings.scaley+") ";
}
if (trans) {
css += ";"
/* Safari */
css += "-webkit-transform:" + transform + ";"
/* Firefox */
+ "-moz-transform:" + transform + ";"
/* IE */
+ "-ms-transform:" + transform + ";"
/* Opera */
+ "-o-transform:" + transform + ";"
/* Other */
+ "transform:" + transform + ";";
}
css = css.replace(/(\s*;)+/g, ';').replace(/^\s*;|;\s*$/g, '');
$this.attr("style", css);
}
function _targetCss ($this, transfo) {
var settings = transfo.settings;
var width = parseFloat(settings.css.width);
var height = parseFloat(settings.css.height);
settings.translatexp = Math.round(settings.translatex/width*1000)/10;
settings.translateyp = Math.round(settings.translatey/height*1000)/10;
_setCss($this, settings.style, settings);
transfo.$markup.css({
"position": "absolute",
"width": width + "px",
"height": height + "px",
"top": settings.pos.top + "px",
"left": settings.pos.left + "px"
});
var $controls = transfo.$markup.find('.transfo-controls');
_setCss($controls,
"width:" + width + "px;" +
"height:" + height + "px;" +
"cursor: move;",
settings);
$controls.children().css("transform", "scaleX("+(1/settings.scalex)+") scaleY("+(1/settings.scaley)+")");
_showHide($this, transfo);
transfo.settings.callback.call($this[0], $this);
}
function _showHide ($this, transfo) {
transfo.$markup.css("z-index", transfo.settings.hide ? -1 : 1000);
if (transfo.settings.hide) {
transfo.$markup.find(".transfo-controls > *").hide();
transfo.$markup.find(".transfo-scaler-mc").show();
} else {
transfo.$markup.find(".transfo-controls > *").show();
}
}
function _destroy ($this) {
$this.data('transfo').$markup.remove();
$this.removeData('transfo');
}
function _reset ($this) {
var transfo = $this.data('transfo');
_destroy($this);
$this.transfo(transfo.settings);
}
})(jQuery);

21
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/jquery-cropper/LICENSE Normal file
View file

@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2018 Chen Fengyuan
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

75
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/jquery-cropper/jquery-cropper.js vendored Normal file
View file

@ -0,0 +1,75 @@
/*!
* jQuery Cropper v1.0.0
* https://github.com/fengyuanchen/jquery-cropper
*
* Copyright (c) 2018 Chen Fengyuan
* Released under the MIT license
*
* Date: 2018-04-01T06:20:13.168Z
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery'), require('cropperjs')) :
typeof define === 'function' && define.amd ? define(['jquery', 'cropperjs'], factory) :
(factory(global.jQuery,global.Cropper));
}(this, (function ($,Cropper) { 'use strict';
$ = $ && $.hasOwnProperty('default') ? $['default'] : $;
Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
if ($.fn) {
var AnotherCropper = $.fn.cropper;
var NAMESPACE = 'cropper';
$.fn.cropper = function jQueryCropper(option) {
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
var result = void 0;
this.each(function (i, element) {
var $element = $(element);
var isDestroy = option === 'destroy';
var cropper = $element.data(NAMESPACE);
if (!cropper) {
if (isDestroy) {
return;
}
var options = $.extend({}, $element.data(), $.isPlainObject(option) && option);
cropper = new Cropper(element, options);
$element.data(NAMESPACE, cropper);
}
if (typeof option === 'string') {
var fn = cropper[option];
if ($.isFunction(fn)) {
result = fn.apply(cropper, args);
if (result === cropper) {
result = undefined;
}
if (isDestroy) {
$element.removeData(NAMESPACE);
}
}
}
});
return result !== undefined ? result : this;
};
$.fn.cropper.Constructor = Cropper;
$.fn.cropper.setDefaults = Cropper.setDefaults;
$.fn.cropper.noConflict = function noConflict() {
$.fn.cropper = AnotherCropper;
return this;
};
}
})));

358
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/vkbeautify/vkbeautify.0.99.00.beta.js Normal file
View file

@ -0,0 +1,358 @@
/**
* vkBeautify - javascript plugin to pretty-print or minify text in XML, JSON, CSS and SQL formats.
*
* Version - 0.99.00.beta
* Copyright (c) 2012 Vadim Kiryukhin
* vkiryukhin @ gmail.com
* http://www.eslinstructor.net/vkbeautify/
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Pretty print
*
* vkbeautify.xml(text [,indent_pattern]);
* vkbeautify.json(text [,indent_pattern]);
* vkbeautify.css(text [,indent_pattern]);
* vkbeautify.sql(text [,indent_pattern]);
*
* @text - String; text to beatufy;
* @indent_pattern - Integer | String;
* Integer: number of white spaces;
* String: character string to visualize indentation ( can also be a set of white spaces )
* Minify
*
* vkbeautify.xmlmin(text [,preserve_comments]);
* vkbeautify.jsonmin(text);
* vkbeautify.cssmin(text [,preserve_comments]);
* vkbeautify.sqlmin(text);
*
* @text - String; text to minify;
* @preserve_comments - Bool; [optional];
* Set this flag to true to prevent removing comments from @text ( minxml and mincss functions only. )
*
* Examples:
* vkbeautify.xml(text); // pretty print XML
* vkbeautify.json(text, 4 ); // pretty print JSON
* vkbeautify.css(text, '. . . .'); // pretty print CSS
* vkbeautify.sql(text, '----'); // pretty print SQL
*
* vkbeautify.xmlmin(text, true);// minify XML, preserve comments
* vkbeautify.jsonmin(text);// minify JSON
* vkbeautify.cssmin(text);// minify CSS, remove comments ( default )
* vkbeautify.sqlmin(text);// minify SQL
*
*/
(function() {
function createShiftArr(step) {
var space = ' ';
if ( isNaN(parseInt(step)) ) { // argument is string
space = step;
} else { // argument is integer
switch(step) {
case 1: space = ' '; break;
case 2: space = ' '; break;
case 3: space = ' '; break;
case 4: space = ' '; break;
case 5: space = ' '; break;
case 6: space = ' '; break;
case 7: space = ' '; break;
case 8: space = ' '; break;
case 9: space = ' '; break;
case 10: space = ' '; break;
case 11: space = ' '; break;
case 12: space = ' '; break;
}
}
var shift = ['\n']; // array of shifts
for(ix=0;ix<100;ix++){
shift.push(shift[ix]+space);
}
return shift;
}
function vkbeautify(){
this.step = ' '; // 4 spaces
this.shift = createShiftArr(this.step);
};
vkbeautify.prototype.xml = function(text,step) {
var ar = text.replace(/>\s{0,}</g,"><")
.replace(/</g,"~::~<")
.replace(/\s*xmlns\:/g,"~::~xmlns:")
.replace(/\s*xmlns\=/g,"~::~xmlns=")
.split('~::~'),
len = ar.length,
inComment = false,
deep = 0,
str = '',
ix = 0,
shift = step ? createShiftArr(step) : this.shift;
for(ix=0;ix<len;ix++) {
// start comment or <![CDATA[...]]> or <!DOCTYPE //
if(ar[ix].search(/<!/) > -1) {
str += shift[deep]+ar[ix];
inComment = true;
// end comment or <![CDATA[...]]> //
if(ar[ix].search(/-->/) > -1 || ar[ix].search(/\]>/) > -1 || ar[ix].search(/!DOCTYPE/) > -1 ) {
inComment = false;
}
} else
// end comment or <![CDATA[...]]> //
if(ar[ix].search(/-->/) > -1 || ar[ix].search(/\]>/) > -1) {
str += ar[ix];
inComment = false;
} else
// <elm></elm> //
if( /^<\w/.exec(ar[ix-1]) && /^<\/\w/.exec(ar[ix]) &&
/^<[\w:\-\.\,]+/.exec(ar[ix-1]) == /^<\/[\w:\-\.\,]+/.exec(ar[ix])[0].replace('/','')) {
str += ar[ix];
if(!inComment) deep--;
} else
// <elm> //
if(ar[ix].search(/<\w/) > -1 && ar[ix].search(/<\//) == -1 && ar[ix].search(/\/>/) == -1 ) {
str = !inComment ? str += shift[deep++]+ar[ix] : str += ar[ix];
} else
// <elm>...</elm> //
if(ar[ix].search(/<\w/) > -1 && ar[ix].search(/<\//) > -1) {
str = !inComment ? str += shift[deep]+ar[ix] : str += ar[ix];
} else
// </elm> //
if(ar[ix].search(/<\//) > -1) {
str = !inComment ? str += shift[--deep]+ar[ix] : str += ar[ix];
} else
// <elm/> //
if(ar[ix].search(/\/>/) > -1 ) {
str = !inComment ? str += shift[deep]+ar[ix] : str += ar[ix];
} else
// <? xml ... ?> //
if(ar[ix].search(/<\?/) > -1) {
str += shift[deep]+ar[ix];
} else
// xmlns //
if( ar[ix].search(/xmlns\:/) > -1 || ar[ix].search(/xmlns\=/) > -1) {
str += shift[deep]+ar[ix];
}
else {
str += ar[ix];
}
}
return (str[0] == '\n') ? str.slice(1) : str;
}
vkbeautify.prototype.json = function(text,step) {
var step = step ? step : this.step;
if (typeof JSON === 'undefined' ) return text;
if ( typeof text === "string" ) return JSON.stringify(JSON.parse(text), null, step);
if ( typeof text === "object" ) return JSON.stringify(text, null, step);
return text; // text is not string nor object
}
vkbeautify.prototype.css = function(text, step) {
var ar = text.replace(/\s{1,}/g,' ')
.replace(/\{/g,"{~::~")
.replace(/\}/g,"~::~}~::~")
.replace(/\;/g,";~::~")
.replace(/\/\*/g,"~::~/*")
.replace(/\*\//g,"*/~::~")
.replace(/~::~\s{0,}~::~/g,"~::~")
.split('~::~'),
len = ar.length,
deep = 0,
str = '',
ix = 0,
shift = step ? createShiftArr(step) : this.shift;
for(ix=0;ix<len;ix++) {
if( /\{/.exec(ar[ix])) {
str += shift[deep++]+ar[ix];
} else
if( /\}/.exec(ar[ix])) {
str += shift[--deep]+ar[ix];
} else
if( /\*\\/.exec(ar[ix])) {
str += shift[deep]+ar[ix];
}
else {
str += shift[deep]+ar[ix];
}
}
return str.replace(/^\n{1,}/,'');
}
//----------------------------------------------------------------------------
function isSubquery(str, parenthesisLevel) {
return parenthesisLevel - (str.replace(/\(/g,'').length - str.replace(/\)/g,'').length )
}
function split_sql(str, tab) {
return str.replace(/\s{1,}/g," ")
.replace(/ AND /ig,"~::~"+tab+tab+"AND ")
.replace(/ BETWEEN /ig,"~::~"+tab+"BETWEEN ")
.replace(/ CASE /ig,"~::~"+tab+"CASE ")
.replace(/ ELSE /ig,"~::~"+tab+"ELSE ")
.replace(/ END /ig,"~::~"+tab+"END ")
.replace(/ FROM /ig,"~::~FROM ")
.replace(/ GROUP\s{1,}BY/ig,"~::~GROUP BY ")
.replace(/ HAVING /ig,"~::~HAVING ")
//.replace(/ SET /ig," SET~::~")
.replace(/ IN /ig," IN ")
.replace(/ JOIN /ig,"~::~JOIN ")
.replace(/ CROSS~::~{1,}JOIN /ig,"~::~CROSS JOIN ")
.replace(/ INNER~::~{1,}JOIN /ig,"~::~INNER JOIN ")
.replace(/ LEFT~::~{1,}JOIN /ig,"~::~LEFT JOIN ")
.replace(/ RIGHT~::~{1,}JOIN /ig,"~::~RIGHT JOIN ")
.replace(/ ON /ig,"~::~"+tab+"ON ")
.replace(/ OR /ig,"~::~"+tab+tab+"OR ")
.replace(/ ORDER\s{1,}BY/ig,"~::~ORDER BY ")
.replace(/ OVER /ig,"~::~"+tab+"OVER ")
.replace(/\(\s{0,}SELECT /ig,"~::~(SELECT ")
.replace(/\)\s{0,}SELECT /ig,")~::~SELECT ")
.replace(/ THEN /ig," THEN~::~"+tab+"")
.replace(/ UNION /ig,"~::~UNION~::~")
.replace(/ USING /ig,"~::~USING ")
.replace(/ WHEN /ig,"~::~"+tab+"WHEN ")
.replace(/ WHERE /ig,"~::~WHERE ")
.replace(/ WITH /ig,"~::~WITH ")
//.replace(/\,\s{0,}\(/ig,",~::~( ")
//.replace(/\,/ig,",~::~"+tab+tab+"")
.replace(/ ALL /ig," ALL ")
.replace(/ AS /ig," AS ")
.replace(/ ASC /ig," ASC ")
.replace(/ DESC /ig," DESC ")
.replace(/ DISTINCT /ig," DISTINCT ")
.replace(/ EXISTS /ig," EXISTS ")
.replace(/ NOT /ig," NOT ")
.replace(/ NULL /ig," NULL ")
.replace(/ LIKE /ig," LIKE ")
.replace(/\s{0,}SELECT /ig,"SELECT ")
.replace(/\s{0,}UPDATE /ig,"UPDATE ")
.replace(/ SET /ig," SET ")
.replace(/~::~{1,}/g,"~::~")
.split('~::~');
}
vkbeautify.prototype.sql = function(text,step) {
var ar_by_quote = text.replace(/\s{1,}/g," ")
.replace(/\'/ig,"~::~\'")
.split('~::~'),
len = ar_by_quote.length,
ar = [],
deep = 0,
tab = this.step,//+this.step,
inComment = true,
inQuote = false,
parenthesisLevel = 0,
str = '',
ix = 0,
shift = step ? createShiftArr(step) : this.shift;;
for(ix=0;ix<len;ix++) {
if(ix%2) {
ar = ar.concat(ar_by_quote[ix]);
} else {
ar = ar.concat(split_sql(ar_by_quote[ix], tab) );
}
}
len = ar.length;
for(ix=0;ix<len;ix++) {
parenthesisLevel = isSubquery(ar[ix], parenthesisLevel);
if( /\s{0,}\s{0,}SELECT\s{0,}/.exec(ar[ix])) {
ar[ix] = ar[ix].replace(/\,/g,",\n"+tab+tab+"")
}
if( /\s{0,}\s{0,}SET\s{0,}/.exec(ar[ix])) {
ar[ix] = ar[ix].replace(/\,/g,",\n"+tab+tab+"")
}
if( /\s{0,}\(\s{0,}SELECT\s{0,}/.exec(ar[ix])) {
deep++;
str += shift[deep]+ar[ix];
} else
if( /\'/.exec(ar[ix]) ) {
if(parenthesisLevel<1 && deep) {
deep--;
}
str += ar[ix];
}
else {
str += shift[deep]+ar[ix];
if(parenthesisLevel<1 && deep) {
deep--;
}
}
var junk = 0;
}
str = str.replace(/^\n{1,}/,'').replace(/\n{1,}/g,"\n");
return str;
}
vkbeautify.prototype.xmlmin = function(text, preserveComments) {
var str = preserveComments ? text
: text.replace(/\<![ \r\n\t]*(--([^\-]|[\r\n]|-[^\-])*--[ \r\n\t]*)\>/g,"")
.replace(/[ \r\n\t]{1,}xmlns/g, ' xmlns');
return str.replace(/>\s{0,}</g,"><");
}
vkbeautify.prototype.jsonmin = function(text) {
if (typeof JSON === 'undefined' ) return text;
return JSON.stringify(JSON.parse(text), null, 0);
}
vkbeautify.prototype.cssmin = function(text, preserveComments) {
var str = preserveComments ? text
: text.replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*+\//g,"") ;
return str.replace(/\s{1,}/g,' ')
.replace(/\{\s{1,}/g,"{")
.replace(/\}\s{1,}/g,"}")
.replace(/\;\s{1,}/g,";")
.replace(/\/\*\s{1,}/g,"/*")
.replace(/\*\/\s{1,}/g,"*/");
}
vkbeautify.prototype.sqlmin = function(text) {
return text.replace(/\s{1,}/g," ").replace(/\s{1,}\(/,"(").replace(/\s{1,}\)/,")");
}
window.vkbeautify = new vkbeautify();
})();

21
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/webgl-image-filter/LICENSE Normal file
View file

@ -0,0 +1,21 @@
MIT License
Copyright (c) 2020 Dominic Szablewski - phoboslab.org
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

640
odoo-bringout-oca-ocb-web_editor/web_editor/static/lib/webgl-image-filter/webgl-image-filter.js Normal file
View file

@ -0,0 +1,640 @@
/*
WebGLImageFilter - MIT Licensed
2013, Dominic Szablewski - phoboslab.org
*/
(function(window){
var WebGLProgram = function( gl, vertexSource, fragmentSource ) {
var _collect = function( source, prefix, collection ) {
var r = new RegExp('\\b' + prefix + ' \\w+ (\\w+)', 'ig');
source.replace(r, function(match, name) {
collection[name] = 0;
return match;
});
};
var _compile = function( gl, source, type ) {
var shader = gl.createShader(type);
gl.shaderSource(shader, source);
gl.compileShader(shader);
if( !gl.getShaderParameter(shader, gl.COMPILE_STATUS) ) {
console.log(gl.getShaderInfoLog(shader));
return null;
}
return shader;
};
this.uniform = {};
this.attribute = {};
var _vsh = _compile(gl, vertexSource, gl.VERTEX_SHADER);
var _fsh = _compile(gl, fragmentSource, gl.FRAGMENT_SHADER);
this.id = gl.createProgram();
gl.attachShader(this.id, _vsh);
gl.attachShader(this.id, _fsh);
gl.linkProgram(this.id);
if( !gl.getProgramParameter(this.id, gl.LINK_STATUS) ) {
console.log(gl.getProgramInfoLog(this.id));
}
gl.useProgram(this.id);
// Collect attributes
_collect(vertexSource, 'attribute', this.attribute);
for( var a in this.attribute ) {
this.attribute[a] = gl.getAttribLocation(this.id, a);
}
// Collect uniforms
_collect(vertexSource, 'uniform', this.uniform);
_collect(fragmentSource, 'uniform', this.uniform);
for( var u in this.uniform ) {
this.uniform[u] = gl.getUniformLocation(this.id, u);
}
};
const identityMatrix = [
1, 0, 0, 0, 0,
0, 1, 0, 0, 0,
0, 0, 1, 0, 0,
0, 0, 0, 1, 0,
];
const weightedAvg = (a, b, w) => a * w + b * (1 - w);
var WebGLImageFilter = window.WebGLImageFilter = function (params) {
if (!params)
params = { };
var
gl = null,
_drawCount = 0,
_sourceTexture = null,
_lastInChain = false,
_currentFramebufferIndex = -1,
_tempFramebuffers = [null, null],
_filterChain = [],
_width = -1,
_height = -1,
_vertexBuffer = null,
_currentProgram = null,
_canvas = params.canvas || document.createElement('canvas');
// key is the shader program source, value is the compiled program
var _shaderProgramCache = { };
var gl = _canvas.getContext("webgl") || _canvas.getContext("experimental-webgl");
if( !gl ) {
throw "Couldn't get WebGL context";
}
this.addFilter = function( name ) {
var args = Array.prototype.slice.call(arguments, 1);
var filter = _filter[name];
_filterChain.push({func:filter, args:args});
};
this.reset = function() {
_filterChain = [];
};
this.apply = function( image ) {
_resize( image.width, image.height );
_drawCount = 0;
// Create the texture for the input image if we haven't yet
if (!_sourceTexture)
_sourceTexture = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, _sourceTexture);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
// No filters? Just draw
if( _filterChain.length == 0 ) {
var program = _compileShader(SHADER.FRAGMENT_IDENTITY);
_draw();
return _canvas;
}
for( var i = 0; i < _filterChain.length; i++ ) {
_lastInChain = (i == _filterChain.length-1);
var f = _filterChain[i];
f.func.apply(this, f.args || []);
}
return _canvas;
};
var _resize = function( width, height ) {
// Same width/height? Nothing to do here
if( width == _width && height == _height ) { return; }
_canvas.width = _width = width;
_canvas.height = _height = height;
// Create the context if we don't have it yet
if( !_vertexBuffer ) {
// Create the vertex buffer for the two triangles [x, y, u, v] * 6
var vertices = new Float32Array([
-1, -1, 0, 1, 1, -1, 1, 1, -1, 1, 0, 0,
-1, 1, 0, 0, 1, -1, 1, 1, 1, 1, 1, 0
]);
_vertexBuffer = gl.createBuffer(),
gl.bindBuffer(gl.ARRAY_BUFFER, _vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW);
// Note sure if this is a good idea; at least it makes texture loading
// in Ejecta instant.
gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
}
gl.viewport(0, 0, _width, _height);
// Delete old temp framebuffers
_tempFramebuffers = [null, null];
};
var _getTempFramebuffer = function( index ) {
_tempFramebuffers[index] =
_tempFramebuffers[index] ||
_createFramebufferTexture( _width, _height );
return _tempFramebuffers[index];
};
var _createFramebufferTexture = function( width, height ) {
var fbo = gl.createFramebuffer();
gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
var renderbuffer = gl.createRenderbuffer();
gl.bindRenderbuffer(gl.RENDERBUFFER, renderbuffer);
var texture = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, texture);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
gl.bindTexture(gl.TEXTURE_2D, null);
gl.bindFramebuffer(gl.FRAMEBUFFER, null);
return {fbo: fbo, texture: texture};
};
var _draw = function( flags ) {
var source = null,
target = null,
flipY = false;
// Set up the source
if( _drawCount == 0 ) {
// First draw call - use the source texture
source = _sourceTexture;
}
else {
// All following draw calls use the temp buffer last drawn to
source = _getTempFramebuffer(_currentFramebufferIndex).texture;
}
_drawCount++;
// Set up the target
if( _lastInChain && !(flags & DRAW.INTERMEDIATE) ) {
// Last filter in our chain - draw directly to the WebGL Canvas. We may
// also have to flip the image vertically now
target = null;
flipY = _drawCount % 2 == 0;
}
else {
// Intermediate draw call - get a temp buffer to draw to
_currentFramebufferIndex = (_currentFramebufferIndex+1) % 2;
target = _getTempFramebuffer(_currentFramebufferIndex).fbo;
}
// Bind the source and target and draw the two triangles
gl.bindTexture(gl.TEXTURE_2D, source);
gl.bindFramebuffer(gl.FRAMEBUFFER, target);
gl.uniform1f(_currentProgram.uniform.flipY, (flipY ? -1 : 1) );
gl.drawArrays(gl.TRIANGLES, 0, 6);
};
var _compileShader = function( fragmentSource ) {
if (_shaderProgramCache[fragmentSource]) {
_currentProgram = _shaderProgramCache[fragmentSource];
gl.useProgram(_currentProgram.id);
return _currentProgram;
}
// Compile shaders
_currentProgram = new WebGLProgram( gl, SHADER.VERTEX_IDENTITY, fragmentSource );
var floatSize = Float32Array.BYTES_PER_ELEMENT;
var vertSize = 4 * floatSize;
gl.enableVertexAttribArray(_currentProgram.attribute.pos);
gl.vertexAttribPointer(_currentProgram.attribute.pos, 2, gl.FLOAT, false, vertSize , 0 * floatSize);
gl.enableVertexAttribArray(_currentProgram.attribute.uv);
gl.vertexAttribPointer(_currentProgram.attribute.uv, 2, gl.FLOAT, false, vertSize, 2 * floatSize);
_shaderProgramCache[fragmentSource] = _currentProgram;
return _currentProgram;
};
var DRAW = { INTERMEDIATE: 1 };
var SHADER = {};
SHADER.VERTEX_IDENTITY = [
'precision highp float;',
'attribute vec2 pos;',
'attribute vec2 uv;',
'varying vec2 vUv;',
'uniform float flipY;',
'void main(void) {',
'vUv = uv;',
'gl_Position = vec4(pos.x, pos.y*flipY, 0.0, 1.);',
'}'
].join('\n');
SHADER.FRAGMENT_IDENTITY = [
'precision highp float;',
'varying vec2 vUv;',
'uniform sampler2D texture;',
'void main(void) {',
'gl_FragColor = texture2D(texture, vUv);',
'}',
].join('\n');
var _filter = {};
// -------------------------------------------------------------------------
// Color Matrix Filter
_filter.colorMatrix = function( matrix , amount = 1 ) {
matrix = matrix.map((coef, index) => weightedAvg(coef, identityMatrix[index], amount));
// Create a Float32 Array and normalize the offset component to 0-1
var m = new Float32Array(matrix);
m[4] /= 255;
m[9] /= 255;
m[14] /= 255;
m[19] /= 255;
// Can we ignore the alpha value? Makes things a bit faster.
var shader = (1==m[18]&&0==m[3]&&0==m[8]&&0==m[13]&&0==m[15]&&0==m[16]&&0==m[17]&&0==m[19])
? _filter.colorMatrix.SHADER.WITHOUT_ALPHA
: _filter.colorMatrix.SHADER.WITH_ALPHA;
var program = _compileShader(shader);
gl.uniform1fv(program.uniform.m, m);
_draw();
};
_filter.colorMatrix.SHADER = {};
_filter.colorMatrix.SHADER.WITH_ALPHA = [
'precision highp float;',
'varying vec2 vUv;',
'uniform sampler2D texture;',
'uniform float m[20];',
'void main(void) {',
'vec4 c = texture2D(texture, vUv);',
'gl_FragColor.r = m[0] * c.r + m[1] * c.g + m[2] * c.b + m[3] * c.a + m[4];',
'gl_FragColor.g = m[5] * c.r + m[6] * c.g + m[7] * c.b + m[8] * c.a + m[9];',
'gl_FragColor.b = m[10] * c.r + m[11] * c.g + m[12] * c.b + m[13] * c.a + m[14];',
'gl_FragColor.a = m[15] * c.r + m[16] * c.g + m[17] * c.b + m[18] * c.a + m[19];',
'}',
].join('\n');
_filter.colorMatrix.SHADER.WITHOUT_ALPHA = [
'precision highp float;',
'varying vec2 vUv;',
'uniform sampler2D texture;',
'uniform float m[20];',
'void main(void) {',
'vec4 c = texture2D(texture, vUv);',
'gl_FragColor.r = m[0] * c.r + m[1] * c.g + m[2] * c.b + m[4];',
'gl_FragColor.g = m[5] * c.r + m[6] * c.g + m[7] * c.b + m[9];',
'gl_FragColor.b = m[10] * c.r + m[11] * c.g + m[12] * c.b + m[14];',
'gl_FragColor.a = c.a;',
'}',
].join('\n');
_filter.brightness = function( brightness ) {
var b = (brightness || 0) + 1;
_filter.colorMatrix([
b, 0, 0, 0, 0,
0, b, 0, 0, 0,
0, 0, b, 0, 0,
0, 0, 0, 1, 0
]);
};
_filter.saturation = function( amount ) {
var x = (amount || 0) * 2/3 + 1;
var y = ((x-1) *-0.5);
_filter.colorMatrix([
x, y, y, 0, 0,
y, x, y, 0, 0,
y, y, x, 0, 0,
0, 0, 0, 1, 0
]);
};
_filter.desaturate = function() {
_filter.saturation(-1);
};
_filter.contrast = function( amount ) {
var v = (amount || 0) + 1;
var o = -128 * (v-1);
_filter.colorMatrix([
v, 0, 0, 0, o,
0, v, 0, 0, o,
0, 0, v, 0, o,
0, 0, 0, 1, 0
]);
};
_filter.negative = function() {
_filter.contrast(-2);
};
_filter.hue = function( rotation ) {
rotation = (rotation || 0)/180 * Math.PI;
var cos = Math.cos(rotation),
sin = Math.sin(rotation),
lumR = 0.213,
lumG = 0.715,
lumB = 0.072;
_filter.colorMatrix([
lumR+cos*(1-lumR)+sin*(-lumR),lumG+cos*(-lumG)+sin*(-lumG),lumB+cos*(-lumB)+sin*(1-lumB),0,0,
lumR+cos*(-lumR)+sin*(0.143),lumG+cos*(1-lumG)+sin*(0.140),lumB+cos*(-lumB)+sin*(-0.283),0,0,
lumR+cos*(-lumR)+sin*(-(1-lumR)),lumG+cos*(-lumG)+sin*(lumG),lumB+cos*(1-lumB)+sin*(lumB),0,0,
0, 0, 0, 1, 0
]);
};
_filter.desaturateLuminance = function( amount ) {
_filter.colorMatrix([
0.2764723, 0.9297080, 0.0938197, 0, -37.1,
0.2764723, 0.9297080, 0.0938197, 0, -37.1,
0.2764723, 0.9297080, 0.0938197, 0, -37.1,
0, 0, 0, 1, 0
], amount);
};
_filter.sepia = function( amount ) {
_filter.colorMatrix([
0.393, 0.7689999, 0.18899999, 0, 0,
0.349, 0.6859999, 0.16799999, 0, 0,
0.272, 0.5339999, 0.13099999, 0, 0,
0,0,0,1,0
], amount);
};
_filter.brownie = function( amount ) {
_filter.colorMatrix([
0.5997023498159715,0.34553243048391263,-0.2708298674538042,0,47.43192855600873,
-0.037703249837783157,0.8609577587992641,0.15059552388459913,0,-36.96841498319127,
0.24113635128153335,-0.07441037908422492,0.44972182064877153,0,-7.562075277591283,
0,0,0,1,0
], amount);
};
_filter.vintagePinhole = function( amount ) {
_filter.colorMatrix([
0.6279345635605994,0.3202183420819367,-0.03965408211312453,0,9.651285835294123,
0.02578397704808868,0.6441188644374771,0.03259127616149294,0,7.462829176470591,
0.0466055556782719,-0.0851232987247891,0.5241648018700465,0,5.159190588235296,
0,0,0,1,0
], amount);
};
_filter.kodachrome = function( amount ) {
_filter.colorMatrix([
1.1285582396593525,-0.3967382283601348,-0.03992559172921793,0,63.72958762196502,
-0.16404339962244616,1.0835251566291304,-0.05498805115633132,0,24.732407896706203,
-0.16786010706155763,-0.5603416277695248,1.6014850761964943,0,35.62982807460946,
0,0,0,1,0
], amount);
};
_filter.technicolor = function( amount ) {
_filter.colorMatrix([
1.9125277891456083,-0.8545344976951645,-0.09155508482755585,0,11.793603434377337,
-0.3087833385928097,1.7658908555458428,-0.10601743074722245,0,-70.35205161461398,
-0.231103377548616,-0.7501899197440212,1.847597816108189,0,30.950940869491138,
0,0,0,1,0
], amount);
};
_filter.polaroid = function( amount ) {
_filter.colorMatrix([
1.438,-0.062,-0.062,0,0,
-0.122,1.378,-0.122,0,0,
-0.016,-0.016,1.483,0,0,
0,0,0,1,0
], amount);
};
_filter.shiftToBGR = function(amount) {
_filter.colorMatrix([
0,0,1,0,0,
0,1,0,0,0,
1,0,0,0,0,
0,0,0,1,0
], amount);
};
// -------------------------------------------------------------------------
// Convolution Filter
_filter.convolution = function( matrix ) {
var m = new Float32Array(matrix);
var pixelSizeX = 1 / _width;
var pixelSizeY = 1 / _height;
var program = _compileShader(_filter.convolution.SHADER);
gl.uniform1fv(program.uniform.m, m);
gl.uniform2f(program.uniform.px, pixelSizeX, pixelSizeY);
_draw();
};
_filter.convolution.SHADER = [
'precision highp float;',
'varying vec2 vUv;',
'uniform sampler2D texture;',
'uniform vec2 px;',
'uniform float m[9];',
'void main(void) {',
'vec4 c11 = texture2D(texture, vUv - px);', // top left
'vec4 c12 = texture2D(texture, vec2(vUv.x, vUv.y - px.y));', // top center
'vec4 c13 = texture2D(texture, vec2(vUv.x + px.x, vUv.y - px.y));', // top right
'vec4 c21 = texture2D(texture, vec2(vUv.x - px.x, vUv.y) );', // mid left
'vec4 c22 = texture2D(texture, vUv);', // mid center
'vec4 c23 = texture2D(texture, vec2(vUv.x + px.x, vUv.y) );', // mid right
'vec4 c31 = texture2D(texture, vec2(vUv.x - px.x, vUv.y + px.y) );', // bottom left
'vec4 c32 = texture2D(texture, vec2(vUv.x, vUv.y + px.y) );', // bottom center
'vec4 c33 = texture2D(texture, vUv + px );', // bottom right
'gl_FragColor = ',
'c11 * m[0] + c12 * m[1] + c22 * m[2] +',
'c21 * m[3] + c22 * m[4] + c23 * m[5] +',
'c31 * m[6] + c32 * m[7] + c33 * m[8];',
'gl_FragColor.a = c22.a;',
'}',
].join('\n');
_filter.detectEdges = function() {
_filter.convolution.call(this, [
0, 1, 0,
1, -4, 1,
0, 1, 0
]);
};
_filter.sobelX = function() {
_filter.convolution.call(this, [
-1, 0, 1,
-2, 0, 2,
-1, 0, 1
]);
};
_filter.sobelY = function() {
_filter.convolution.call(this, [
-1, -2, -1,
0, 0, 0,
1, 2, 1
]);
};
_filter.sharpen = function( amount ) {
var a = amount || 1;
_filter.convolution.call(this, [
0, -1*a, 0,
-1*a, 1 + 4*a, -1*a,
0, -1*a, 0
]);
};
_filter.emboss = function( size ) {
var s = size || 1;
_filter.convolution.call(this, [
-2*s, -1*s, 0,
-1*s, 1, 1*s,
0, 1*s, 2*s
]);
};
// -------------------------------------------------------------------------
// Blur Filter
_filter.blur = function( size ) {
var blurSizeX = (size/7) / _width;
var blurSizeY = (size/7) / _height;
var program = _compileShader(_filter.blur.SHADER);
// Vertical
gl.uniform2f(program.uniform.px, 0, blurSizeY);
_draw(DRAW.INTERMEDIATE);
// Horizontal
gl.uniform2f(program.uniform.px, blurSizeX, 0);
_draw();
};
_filter.blur.SHADER = [
'precision highp float;',
'varying vec2 vUv;',
'uniform sampler2D texture;',
'uniform vec2 px;',
'void main(void) {',
'gl_FragColor = vec4(0.0);',
'gl_FragColor += texture2D(texture, vUv + vec2(-7.0*px.x, -7.0*px.y))*0.0044299121055113265;',
'gl_FragColor += texture2D(texture, vUv + vec2(-6.0*px.x, -6.0*px.y))*0.00895781211794;',
'gl_FragColor += texture2D(texture, vUv + vec2(-5.0*px.x, -5.0*px.y))*0.0215963866053;',
'gl_FragColor += texture2D(texture, vUv + vec2(-4.0*px.x, -4.0*px.y))*0.0443683338718;',
'gl_FragColor += texture2D(texture, vUv + vec2(-3.0*px.x, -3.0*px.y))*0.0776744219933;',
'gl_FragColor += texture2D(texture, vUv + vec2(-2.0*px.x, -2.0*px.y))*0.115876621105;',
'gl_FragColor += texture2D(texture, vUv + vec2(-1.0*px.x, -1.0*px.y))*0.147308056121;',
'gl_FragColor += texture2D(texture, vUv )*0.159576912161;',
'gl_FragColor += texture2D(texture, vUv + vec2( 1.0*px.x, 1.0*px.y))*0.147308056121;',
'gl_FragColor += texture2D(texture, vUv + vec2( 2.0*px.x, 2.0*px.y))*0.115876621105;',
'gl_FragColor += texture2D(texture, vUv + vec2( 3.0*px.x, 3.0*px.y))*0.0776744219933;',
'gl_FragColor += texture2D(texture, vUv + vec2( 4.0*px.x, 4.0*px.y))*0.0443683338718;',
'gl_FragColor += texture2D(texture, vUv + vec2( 5.0*px.x, 5.0*px.y))*0.0215963866053;',
'gl_FragColor += texture2D(texture, vUv + vec2( 6.0*px.x, 6.0*px.y))*0.00895781211794;',
'gl_FragColor += texture2D(texture, vUv + vec2( 7.0*px.x, 7.0*px.y))*0.0044299121055113265;',
'}',
].join('\n');
// -------------------------------------------------------------------------
// Pixelate Filter
_filter.pixelate = function( size ) {
var blurSizeX = (size) / _width;
var blurSizeY = (size) / _height;
var program = _compileShader(_filter.pixelate.SHADER);
// Horizontal
gl.uniform2f(program.uniform.size, blurSizeX, blurSizeY);
_draw();
};
_filter.pixelate.SHADER = [
'precision highp float;',
'varying vec2 vUv;',
'uniform vec2 size;',
'uniform sampler2D texture;',
'vec2 pixelate(vec2 coord, vec2 size) {',
'return floor( coord / size ) * size;',
'}',
'void main(void) {',
'gl_FragColor = vec4(0.0);',
'vec2 coord = pixelate(vUv, size);',
'gl_FragColor += texture2D(texture, coord);',
'}',
].join('\n');
};
})(window);

42
odoo-bringout-oca-ocb-web_editor/web_editor/static/shapes/Airy/01.svg Normal file
View file

@ -0,0 +1,42 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<style type="text/css">
.st0{fill:none;stroke:#3AADAA;stroke-width:9;stroke-miterlimit:10}
.st1{fill:none;stroke:#3AADAA;stroke-width:3;stroke-miterlimit:10}
.st2{fill:#3AADAA}
.selector{display:none}
@media only screen and (max-width: 300px) {
.selector{display:block}
.page{display:none}
}
</style>
<g class="page">
<polygon class="st2" points="1398.6,570 700.1,286.6 5.9,570 0,570 0,569.2 700.1,283.4 700.7,283.6 1400,567.3 1400,570"/>
<polygon class="st2" points="727.3,570 700.1,559.1 674,570 671.4,570 700.1,558.1 730,570"/>
<polygon class="st2" points="783.5,570 700.1,536.3 618,570 615.4,570 700.1,535.3 786.1,570"/>
<polygon class="st2" points="839.6,570 700.1,513.5 562.1,570 559.5,570 700.1,512.5 700.3,512.5 842.2,570"/>
<polygon class="st2" points="895.6,570 700.1,490.7 506.1,570 503.5,570 700.1,489.7 700.3,489.7 898.2,570"/>
<polygon class="st2" points="951.8,570 700.1,467.9 450.2,570 447.6,570 700.1,466.9 700.3,466.9 954.4,570"/>
<polygon class="st2" points="1007.8,570 700.1,445.1 394.2,570 391.6,570 700.1,444.1 700.3,444.1 1010.4,570"/>
<polygon class="st2" points="1064,570 700.1,422.3 338.3,570 335.7,570 700.1,421.3 700.3,421.3 1066.6,570"/>
<polygon class="st2" points="1120.2,570 700.1,399.5 282.4,570 279.8,570 700.1,398.5 700.3,398.5 1122.8,570"/>
<polygon class="st2" points="226.5,570 223.9,570 700.1,375.7 700.3,375.7 1179,570 1176.4,570 700.1,376.7"/>
<polygon class="st2" points="170.7,570 168.1,570 700.1,352.9 700.3,352.9 1235.2,570 1232.6,570 700.1,353.9"/>
<polygon class="st2" points="114.9,570 112.3,570 700.1,330.1 700.3,330.1 1291.4,570 1288.8,570 700.1,331.1"/>
<polygon class="st2" points="1345.1,570 700.1,308.3 59,570 56.4,570 700.1,307.3 700.3,307.3 1347.7,570"/>
</g>
<g class="selector">
<polyline class="st0" points="1.9,570 700.1,285 1402.6,570"/>
<polyline class="st1" points="728.7,570 700.1,558.6 672.7,570"/>
<polyline class="st1" points="784.8,570 700.1,535.8 616.7,570"/>
<polyline class="st1" points="841.4,570.2 700.1,513 560.8,570"/>
<polyline class="st1" points="896.9,570 700.1,490.2 504.8,570"/>
<polyline class="st1" points="953.6,570.2 700.1,467.4 448.9,570"/>
<polyline class="st1" points="1009.1,570 700.1,444.6 392.9,570"/>
<polyline class="st1" points="1065.3,570 700.1,421.8 337,570"/>
<polyline class="st1" points="1121.5,570 700.1,399 281.1,570"/>
<polyline class="st1" points="1177,569.7 700.1,376.2 225.2,570"/>
<polyline class="st1" points="1233.2,569.7 700.1,353.4 169.4,570"/>
<polyline class="st1" points="1289.4,569.7 700.1,330.6 113.6,570"/>
<polyline class="st1" points="1346.9,570.2 700.1,307.8 57.7,570"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

66
odoo-bringout-oca-ocb-web_editor/web_editor/static/shapes/Airy/02.svg Normal file
View file

@ -0,0 +1,66 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<style type="text/css">
.st0{fill:none;stroke:#3AADAA;stroke-width:9;stroke-miterlimit:10}
.st1{fill:none;stroke:#3AADAA;stroke-width:3;stroke-miterlimit:10}
.st2{fill:#3AADAA}
.selector{display:none}
@media only screen and (max-width: 300px) {
.selector{display:block}
.page{display:none}
}
</style>
<g class="page">
<polygon class="st2" points="1400,296.7 1394.9,296.7 700,14.1 5.7,296.7 0,296.7 0,295.8 700,10.8 1400,295.5"/>
<polygon class="st2" points="0,275.2 0,274.1 671.4,0 674,0"/>
<polygon class="st2" points="1400,275.2 727.3,0 730,0 1400,274.1"/>
<polygon class="st2" points="0,252.4 0,251.3 615.4,0 618,0"/>
<polygon class="st2" points="1400,252.4 783.5,0 786.1,0 1400,251.3"/>
<polygon class="st2" points="0,229.6 0,228.5 559.5,0 562.1,0"/>
<polygon class="st2" points="1400,229.6 839.6,0 842.2,0 1400,228.5"/>
<polygon class="st2" points="0,206.8 0,205.7 503.5,0 506.1,0"/>
<polygon class="st2" points="1400,206.8 895.6,0 898.2,0 1400,205.7"/>
<polygon class="st2" points="0,184 0,182.9 447.6,0 450.2,0"/>
<polygon class="st2" points="1400,183.9 951.8,0 954.4,0 1400,182.8"/>
<polygon class="st2" points="0,161.2 0,160.1 391.6,0 394.2,0"/>
<polygon class="st2" points="1400,161.1 1007.8,0 1010.4,0 1400,160"/>
<polygon class="st2" points="0,138.4 0,137.3 335.7,0 338.3,0"/>
<polygon class="st2" points="1400,138.3 1064,0 1066.6,0 1400,137.2"/>
<polygon class="st2" points="0,115.6 0,114.5 279.8,0 282.4,0"/>
<polygon class="st2" points="1400,115.5 1120.2,0 1122.8,0 1400,114.4"/>
<polygon class="st2" points="0,92.8 0,91.7 223.9,0 226.5,0"/>
<polygon class="st2" points="1400,92.7 1176.4,0 1179,0 1400,91.6"/>
<polygon class="st2" points="0,70 0,68.9 168.1,0 170.7,0"/>
<polygon class="st2" points="1400,69.9 1232.6,0 1235.2,0 1400,68.8"/>
<polygon class="st2" points="0,47.2 0,46.1 112.3,0 114.9,0"/>
<polygon class="st2" points="1400,47.1 1288.8,0 1291.4,0 1400,46"/>
<polygon class="st2" points="0,24.4 0,23.3 56.4,0 59,0"/>
<polygon class="st2" points="1400,24.3 1345.1,0 1347.7,0 1400,23.2"/>
</g>
<g class="selector">
<polyline class="st0" points="0,296.7 700,11.7 1400.7,296.7"/>
<line class="st1" x1="672.6" y1="0" x2="0" y2="273.9"/>
<line class="st1" x1="1400" y1="273.9" x2="728.6" y2="0"/>
<line class="st1" x1="616.1" y1="0" x2="0" y2="251.1"/>
<line class="st1" x1="1400" y1="251.1" x2="784.6" y2="0"/>
<line class="st1" x1="559.8" y1="0" x2="0" y2="228.3"/>
<line class="st1" x1="1400" y1="228.3" x2="841.1" y2="0"/>
<line class="st1" x1="503.7" y1="0" x2="0" y2="205.5"/>
<line class="st1" x1="1400" y1="205.5" x2="896.6" y2="0"/>
<line class="st1" x1="447.7" y1="0" x2="0" y2="182.7"/>
<line class="st1" x1="1400" y1="182.6" x2="952.4" y2="0"/>
<line class="st1" x1="391.7" y1="0" x2="0" y2="159.9"/>
<line class="st1" x1="1400" y1="159.8" x2="1008.9" y2="0"/>
<line class="st1" x1="335.7" y1="0" x2="0" y2="137.1"/>
<line class="st1" x1="1400" y1="137" x2="1063.1" y2="0"/>
<line class="st1" x1="279.7" y1="0" x2="0" y2="114.3"/>
<line class="st1" x1="1400" y1="114.2" x2="1121.2" y2="0"/>
<line class="st1" x1="223.7" y1="0" x2="0" y2="91.5"/>
<line class="st1" x1="1400" y1="91.4" x2="1177.4" y2="0"/>
<line class="st1" x1="168" y1="0" x2="0" y2="68.7"/>
<line class="st1" x1="1400" y1="68.6" x2="1231.5" y2="0"/>
<line class="st1" x1="111.8" y1="0" x2="0" y2="45.9"/>
<line class="st1" x1="1400" y1="45.8" x2="1289.1" y2="0"/>
<line class="st1" x1="55.9" y1="0" x2="0" y2="23.1"/>
<line class="st1" x1="1400" y1="23" x2="1343.4" y2="0"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB

69
odoo-bringout-oca-ocb-web_editor/web_editor/static/shapes/Airy/03.svg Normal file
View file

@ -0,0 +1,69 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 244.7" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.58;}
.st1{fill:none;stroke:#383E45;stroke-width:1.4665;stroke-miterlimit:10;}
.st2{fill:none;stroke:#383E45;stroke-width:1.3094;stroke-miterlimit:10;}
.st3{fill:none;stroke:#383E45;stroke-width:1.1523;stroke-miterlimit:10;}
.st4{fill:none;stroke:#383E45;stroke-width:0.9952;stroke-miterlimit:10;}
.st5{fill:none;stroke:#383E45;stroke-width:0.838;stroke-miterlimit:10;}
.st6{fill:none;stroke:#383E45;stroke-width:0.6809;stroke-miterlimit:10;}
.st7{fill:none;stroke:#383E45;stroke-width:0.5238;stroke-miterlimit:10;}
.st8{fill:none;stroke:#383E45;stroke-width:0.3666;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st1{stroke-width:4.3995}
.st2{stroke-width:3.9282}
.st3{stroke-width:3.4569}
.st4{stroke-width:2.9856}
.st5{stroke-width:2.5140}
.st6{stroke-width:2.0427}
.st7{stroke-width:1.5714}
.st8{stroke-width:1.0998}
}
</style>
<g class="st0">
<path class="st1" d="M-1.9,79.2c27.4,7.3,60.7,4,88.4-3s52.1-17.2,79.6-24.4c46.9-12.3,102.3-15.2,152.2-7.1
c50.2,8.1,88.1,28.1,135.8,38.4c35.5,7.6,94,5.8,125-7c25.4-10.4,35.2-28.2,49-43.8c18-20,43.9-31,70.8-30
c25.5,1,44.7,12.7,59,24.1c54.7,43.4,94,87.4,177.5,118c24.5,9,52.1,16.8,81.8,17.2c9.2,0.1,18.7-0.4,27-2.6
c7.6-2,14.8-5.2,21.4-9.5c39.4-24.6,49.2-58.6,65.6-89.8c4-7.7,9.3-15.8,21.4-20.4c8.7-3.3,19.7-4.2,30.3-4.1
c16.4,0,32.7,2.5,48.4,7.2c48.7,15.3,80.6,68.2,146.9,64.6l22.3-1.2"/>
<path class="st2" d="M1400.7,122.7l-13.9,0.1c-1-0.1-10.9,0.1-11.9,0.1c-75.5-4.4-118.8-45-174.5-60.2c-14.5-4-29.5-6.1-44.6-6.4
c-9.7-0.1-19.8,0.6-27.9,3.4c-11.1,3.8-16.2,10.8-20.3,17.4c-16.6,26.6-27.2,55.9-63.4,76.7c-6.2,3.7-12.8,6.4-19.8,8.1
c-8.2,1.7-16.5,2.4-24.8,2.1c-27.2-0.5-52.6-7.1-75.4-14.9C848,123,810,84.9,758.6,47.9c-13.6-9.8-31.4-19.7-54.7-20.6
c-29-1.1-52.1,12.6-65.7,25.9C624.4,66.7,614,82.1,590.1,91c-30.4,11.3-84.5,13.1-118.8,6.8c-45.2-8.3-82-25.1-129.4-31.6
s-99.5-2.9-144.5,7.9c-31.8,7.7-61.6,17.7-94.6,25.5c-27.8,6.5-59.6,11-89.2,9.8c-3.7-0.5-11.3-0.3-14.8-1.3"/>
<path class="st3" d="M1400.7,139.5L1385,139c-2.1-0.3-11.5-0.2-13.5-0.4c-84.7-6.5-139.2-40.9-202.1-55.8
c-13.3-3.3-27-5.2-40.7-5.6c-8.9-0.1-18,0.4-25.5,2.7c-10,3.1-15,9-19.1,14.4c-16.7,22-28.1,46.5-61.1,63.5
c-5.7,3-11.9,5.3-18.2,6.7c-7.5,1.4-15.1,2-22.7,1.7c-24.8-0.4-48-6-69-12.6c-68.9-21.7-105.7-53.8-153.8-84.3
c-12.9-8.2-29.4-16.4-50.3-17.1c-26.2-0.9-47.3,10.7-60.6,21.8c-13.8,11.4-24.9,24.4-47.2,31.8c-29.8,9.9-79.4,11.5-112.6,6.6
c-42.7-6.4-78.3-20-122.9-24.8c-44.9-4.7-93.7-0.9-136.8,8.8c-36.1,8.1-71.2,17.9-109.7,26.5c-32.1,7.2-67.9,12.9-102.4,14.2
c-3-0.4-14.1,0.8-17,0"/>
<path class="st4" d="M1400.7,156.3l-17.6-1c-3.1-0.4-12-0.6-15.1-0.9c-93.9-8.5-159.4-37.1-229.7-51.5c-12.1-2.7-24.5-4.2-36.9-4.7
c-8-0.2-16.2,0.2-23.1,2c-8.9,2.4-13.8,7-18,11.4c-16.7,17.4-29.1,37.1-58.8,50.4c-5.3,2.4-10.9,4.2-16.6,5.3
c-6.8,1.1-13.7,1.5-20.6,1.3c-22.3-0.4-43.4-4.9-62.6-10.2c-61.6-17.3-97.2-43.4-141.9-67.5c-12.2-6.6-27.3-13-46-13.5
c-23.2-0.6-42.4,8.8-55.5,17.6c-13.8,9.4-25.6,19.9-46.3,25.8c-29.2,8.4-74.3,10-106.3,6.4c-40.1-4.5-74.7-14.9-116.5-18.1
c-42.3-3-87.9,1.1-129,9.6c-40.5,8.4-80.9,18.1-124.7,27.6c-36.3,7.8-76.2,14.8-115.7,18.5c-2.4-0.4-16.9,1.8-19.2,1.3"/>
<path class="st5" d="M1400.7,161.1l-19.4-1.5c-4.1-0.5-12.6-0.9-16.7-1.3c-103.2-10.5-179.6-33.7-257.3-47.1
c-10.5-1.8-21.7-3.6-33.1-3.9c-7.1-0.2-14.4,0-20.7,1.3c-7.8,1.7-12.6,5.1-16.8,8.3c-16.8,12.7-30.1,27.6-56.6,37.2
c-4.9,1.8-9.9,3.1-15,3.9c-6.1,0.8-12.3,1.1-18.4,0.9c-19.8-0.4-38.7-3.7-56.2-7.9c-54.2-12.9-88.7-32.9-130.1-50.7
c-11.5-5-25.2-9.7-41.6-10c-20.4-0.4-37.7,6.8-50.3,13.5c-13.9,7.3-26.3,15.3-45.4,19.9c-28.6,6.8-69.3,8.4-100.1,6.2
c-37.6-2.7-71-9.9-110-11.3c-39.8-1.4-82.1,2.9-121.3,10.4c-45.1,8.6-90.7,18.4-140,28.6c-40.6,8.5-84.5,16.7-129,22.8
c-1.8-0.3-19.7,3-21.4,2.5"/>
<path class="st6" d="M1400.7,164.7l-21.3-2.1c-5.2-0.7-13.2-1.2-18.3-1.8c-112.5-12.6-199.7-30.8-284.9-42.8
c-9.7-1.5-19.4-2.5-29.2-3c-6.1-0.3-12.2-0.1-18.3,0.6c-5.5,0.9-10.7,2.7-15.6,5.3c-16.8,8.1-31.2,18-54.3,24.1
c-4.4,1.2-8.9,2-13.5,2.4c-5.4,0.5-10.9,0.6-16.3,0.5c-16.7-0.5-33.4-2.4-49.8-5.6c-46.8-8.6-80.3-22.3-118.2-33.8
c-10.9-3.3-23.2-6.3-37.3-6.5c-17.5-0.2-32.9,4.9-45.2,9.4c-14,5.1-27,10.7-44.5,13.9c-28.1,5.2-64.2,6.7-93.8,6
c-35-0.9-67.4-4.7-103.5-4.5c-37.3,0.3-76.4,4.6-113.6,11.2c-49.3,8.7-100.2,18.6-154.8,29.7c-44.8,9.1-92.8,18.5-142.3,27.1
c-1.2-0.2-22.5,4.1-23.7,3.8"/>
<path class="st7" d="M1400.7,168.2l-23.2-2.7c-6.2-0.8-13.8-1.6-19.9-2.3c-121.9-14.6-219.8-28.6-312.6-38.4
c-8.3-0.9-16.9-1.8-25.4-2.2c-5.3-0.3-10.6-0.3-15.9-0.1c-4.9,0.4-9.7,1.2-14.5,2.3c-16.8,3.6-32.3,8.3-52.1,10.9
c-3.8,0.5-7.8,0.9-11.9,1.1c-4.6,0.2-9.4,0.2-14.1,0c-14.9-0.4-29.4-1.6-43.4-3.2c-39.4-4.5-71.9-11.6-106.4-17
c-10.9-1.9-21.9-2.9-32.9-3c-14.6,0.1-28.1,2.8-40.1,5.2c-14.1,2.9-27.8,6-43.7,7.9c-27.5,3.4-59.1,5.1-87.6,5.8
c-32.5,0.8-63.7,0.4-97.1,2.2c-35.5,2.2-70.8,6.3-105.8,12.1c-53.8,8.7-109.8,18.9-169.9,30.8C135.1,187.4,83.1,198,28.6,209
c-0.6-0.1-25.3,5.2-25.9,5.1"/>
<path class="st8" d="M1400.7,172.1l-25-3.2c-141-18.3-255.9-30-361.6-36.8c-112.2-7.3-215.4-9-315.5-5.2
c-101.8,3.8-204.2,13.5-312.9,29.4C280,171.8,164.3,194,31.8,224l-28.1,6.4"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.4 KiB

95
odoo-bringout-oca-ocb-web_editor/web_editor/static/shapes/Airy/03_001.svg Normal file
View file

@ -0,0 +1,95 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -20 1400 300" xml:space="preserve">
<style>
@keyframes wave {
0%, 100% {transform: scale(1, 1);}
50% {transform: scale(1, 1.075);}
}
path {transform-origin: center top;}
.st0 {opacity:0.58;}
.st1{
fill:none;stroke:#383E45;stroke-width:1.4665;stroke-miterlimit:10;
animation: wave 10s cubic-bezier(.445, .05, .55, .95) infinite;
}
.st2{
fill:none;stroke:#383E45;stroke-width:1.3094;stroke-miterlimit:10;
animation: wave 10s .5s cubic-bezier(.445, .05, .55, .95) infinite;
}
.st3{
fill:none;stroke:#383E45;stroke-width:1.1523;stroke-miterlimit:10;
animation: wave 10s 1s cubic-bezier(.445, .05, .55, .95) infinite;
}
.st4{
fill:none;stroke:#383E45;stroke-width:0.9952;stroke-miterlimit:10;
animation: wave 10s 1.5s cubic-bezier(.445, .05, .55, .95) infinite;
}
.st5{
fill:none;stroke:#383E45;stroke-width:0.838;stroke-miterlimit:10;
animation: wave 10s 2s cubic-bezier(.445, .05, .55, .95) infinite;
}
.st6{
fill:none;stroke:#383E45;stroke-width:0.6809;stroke-miterlimit:10;
animation: wave 10s 2.5s cubic-bezier(.445, .05, .55, .95) infinite;
}
.st7{
fill:none;stroke:#383E45;stroke-width:0.5238;stroke-miterlimit:10;
animation: wave 10s 3s cubic-bezier(.445, .05, .55, .95) infinite;
}
.st8{
fill:none;stroke:#383E45;stroke-width:0.3666;stroke-miterlimit:10;
animation: wave 10s 3.5s cubic-bezier(.445, .05, .55, .95) infinite;
}
@media only screen and (max-width: 300px) {
.st1{stroke-width:4.3995}
.st2{stroke-width:3.9282}
.st3{stroke-width:3.4569}
.st4{stroke-width:2.9856}
.st5{stroke-width:2.5140}
.st6{stroke-width:2.0427}
.st7{stroke-width:1.5714}
.st8{stroke-width:1.0998}
}
</style>
<g class="st0">
<path class="st1" d="M-1.9,79.2c27.4,7.3,60.7,4,88.4-3s52.1-17.2,79.6-24.4c46.9-12.3,102.3-15.2,152.2-7.1
c50.2,8.1,88.1,28.1,135.8,38.4c35.5,7.6,94,5.8,125-7c25.4-10.4,35.2-28.2,49-43.8c18-20,43.9-31,70.8-30
c25.5,1,44.7,12.7,59,24.1c54.7,43.4,94,87.4,177.5,118c24.5,9,52.1,16.8,81.8,17.2c9.2,0.1,18.7-0.4,27-2.6
c7.6-2,14.8-5.2,21.4-9.5c39.4-24.6,49.2-58.6,65.6-89.8c4-7.7,9.3-15.8,21.4-20.4c8.7-3.3,19.7-4.2,30.3-4.1
c16.4,0,32.7,2.5,48.4,7.2c48.7,15.3,80.6,68.2,146.9,64.6l22.3-1.2"/>
<path class="st2" d="M1400.7,122.7l-13.9,0.1c-1-0.1-10.9,0.1-11.9,0.1c-75.5-4.4-118.8-45-174.5-60.2c-14.5-4-29.5-6.1-44.6-6.4
c-9.7-0.1-19.8,0.6-27.9,3.4c-11.1,3.8-16.2,10.8-20.3,17.4c-16.6,26.6-27.2,55.9-63.4,76.7c-6.2,3.7-12.8,6.4-19.8,8.1
c-8.2,1.7-16.5,2.4-24.8,2.1c-27.2-0.5-52.6-7.1-75.4-14.9C848,123,810,84.9,758.6,47.9c-13.6-9.8-31.4-19.7-54.7-20.6
c-29-1.1-52.1,12.6-65.7,25.9C624.4,66.7,614,82.1,590.1,91c-30.4,11.3-84.5,13.1-118.8,6.8c-45.2-8.3-82-25.1-129.4-31.6
s-99.5-2.9-144.5,7.9c-31.8,7.7-61.6,17.7-94.6,25.5c-27.8,6.5-59.6,11-89.2,9.8c-3.7-0.5-11.3-0.3-14.8-1.3"/>
<path class="st3" d="M1400.7,139.5L1385,139c-2.1-0.3-11.5-0.2-13.5-0.4c-84.7-6.5-139.2-40.9-202.1-55.8
c-13.3-3.3-27-5.2-40.7-5.6c-8.9-0.1-18,0.4-25.5,2.7c-10,3.1-15,9-19.1,14.4c-16.7,22-28.1,46.5-61.1,63.5
c-5.7,3-11.9,5.3-18.2,6.7c-7.5,1.4-15.1,2-22.7,1.7c-24.8-0.4-48-6-69-12.6c-68.9-21.7-105.7-53.8-153.8-84.3
c-12.9-8.2-29.4-16.4-50.3-17.1c-26.2-0.9-47.3,10.7-60.6,21.8c-13.8,11.4-24.9,24.4-47.2,31.8c-29.8,9.9-79.4,11.5-112.6,6.6
c-42.7-6.4-78.3-20-122.9-24.8c-44.9-4.7-93.7-0.9-136.8,8.8c-36.1,8.1-71.2,17.9-109.7,26.5c-32.1,7.2-67.9,12.9-102.4,14.2
c-3-0.4-14.1,0.8-17,0"/>
<path class="st4" d="M1400.7,156.3l-17.6-1c-3.1-0.4-12-0.6-15.1-0.9c-93.9-8.5-159.4-37.1-229.7-51.5c-12.1-2.7-24.5-4.2-36.9-4.7
c-8-0.2-16.2,0.2-23.1,2c-8.9,2.4-13.8,7-18,11.4c-16.7,17.4-29.1,37.1-58.8,50.4c-5.3,2.4-10.9,4.2-16.6,5.3
c-6.8,1.1-13.7,1.5-20.6,1.3c-22.3-0.4-43.4-4.9-62.6-10.2c-61.6-17.3-97.2-43.4-141.9-67.5c-12.2-6.6-27.3-13-46-13.5
c-23.2-0.6-42.4,8.8-55.5,17.6c-13.8,9.4-25.6,19.9-46.3,25.8c-29.2,8.4-74.3,10-106.3,6.4c-40.1-4.5-74.7-14.9-116.5-18.1
c-42.3-3-87.9,1.1-129,9.6c-40.5,8.4-80.9,18.1-124.7,27.6c-36.3,7.8-76.2,14.8-115.7,18.5c-2.4-0.4-16.9,1.8-19.2,1.3"/>
<path class="st5" d="M1400.7,161.1l-19.4-1.5c-4.1-0.5-12.6-0.9-16.7-1.3c-103.2-10.5-179.6-33.7-257.3-47.1
c-10.5-1.8-21.7-3.6-33.1-3.9c-7.1-0.2-14.4,0-20.7,1.3c-7.8,1.7-12.6,5.1-16.8,8.3c-16.8,12.7-30.1,27.6-56.6,37.2
c-4.9,1.8-9.9,3.1-15,3.9c-6.1,0.8-12.3,1.1-18.4,0.9c-19.8-0.4-38.7-3.7-56.2-7.9c-54.2-12.9-88.7-32.9-130.1-50.7
c-11.5-5-25.2-9.7-41.6-10c-20.4-0.4-37.7,6.8-50.3,13.5c-13.9,7.3-26.3,15.3-45.4,19.9c-28.6,6.8-69.3,8.4-100.1,6.2
c-37.6-2.7-71-9.9-110-11.3c-39.8-1.4-82.1,2.9-121.3,10.4c-45.1,8.6-90.7,18.4-140,28.6c-40.6,8.5-84.5,16.7-129,22.8
c-1.8-0.3-19.7,3-21.4,2.5"/>
<path class="st6" d="M1400.7,164.7l-21.3-2.1c-5.2-0.7-13.2-1.2-18.3-1.8c-112.5-12.6-199.7-30.8-284.9-42.8
c-9.7-1.5-19.4-2.5-29.2-3c-6.1-0.3-12.2-0.1-18.3,0.6c-5.5,0.9-10.7,2.7-15.6,5.3c-16.8,8.1-31.2,18-54.3,24.1
c-4.4,1.2-8.9,2-13.5,2.4c-5.4,0.5-10.9,0.6-16.3,0.5c-16.7-0.5-33.4-2.4-49.8-5.6c-46.8-8.6-80.3-22.3-118.2-33.8
c-10.9-3.3-23.2-6.3-37.3-6.5c-17.5-0.2-32.9,4.9-45.2,9.4c-14,5.1-27,10.7-44.5,13.9c-28.1,5.2-64.2,6.7-93.8,6
c-35-0.9-67.4-4.7-103.5-4.5c-37.3,0.3-76.4,4.6-113.6,11.2c-49.3,8.7-100.2,18.6-154.8,29.7c-44.8,9.1-92.8,18.5-142.3,27.1
c-1.2-0.2-22.5,4.1-23.7,3.8"/>
<path class="st7" d="M1400.7,168.2l-23.2-2.7c-6.2-0.8-13.8-1.6-19.9-2.3c-121.9-14.6-219.8-28.6-312.6-38.4
c-8.3-0.9-16.9-1.8-25.4-2.2c-5.3-0.3-10.6-0.3-15.9-0.1c-4.9,0.4-9.7,1.2-14.5,2.3c-16.8,3.6-32.3,8.3-52.1,10.9
c-3.8,0.5-7.8,0.9-11.9,1.1c-4.6,0.2-9.4,0.2-14.1,0c-14.9-0.4-29.4-1.6-43.4-3.2c-39.4-4.5-71.9-11.6-106.4-17
c-10.9-1.9-21.9-2.9-32.9-3c-14.6,0.1-28.1,2.8-40.1,5.2c-14.1,2.9-27.8,6-43.7,7.9c-27.5,3.4-59.1,5.1-87.6,5.8
c-32.5,0.8-63.7,0.4-97.1,2.2c-35.5,2.2-70.8,6.3-105.8,12.1c-53.8,8.7-109.8,18.9-169.9,30.8C135.1,187.4,83.1,198,28.6,209
c-0.6-0.1-25.3,5.2-25.9,5.1"/>
<path class="st8" d="M1400.7,172.1l-25-3.2c-141-18.3-255.9-30-361.6-36.8c-112.2-7.3-215.4-9-315.5-5.2
c-101.8,3.8-204.2,13.5-312.9,29.4C280,171.8,164.3,194,31.8,224l-28.1,6.4"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6 KiB

Some files were not shown because too many files have changed in this diff Show more