abdullahtarawneh.com/static/images/frames/imac.svg

1 line
7.6 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2784 2124" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient id="a" x1="50%" x2="50%" y1="0%" y2="100%"> <stop stop-color="#818185" offset="0%" /> <stop stop-color="#8D8E92" offset="8.5%" /> <stop stop-color="#97989C" offset="19.1%" /> <stop stop-color="#B0B1B5" offset="39.9%" /> <stop stop-color="#DEE0E1" offset="55%" /> <stop stop-color="#A3A4A9" offset="59.7%" /> <stop stop-color="#78797D" offset="63.3%" /> <stop stop-color="#78797D" offset="74.4%" /> <stop stop-color="#8A8B8F" offset="77.6%" /> <stop stop-color="#909094" offset="95.2%" /> <stop stop-color="#939399" offset="98.1%" /> <stop stop-color="#B8B8BE" offset="98.8%" /> <stop stop-color="#D2D3D5" offset="100%" /> <stop stop-color="#999AA0" offset="100%" /> </linearGradient> <linearGradient id="c" x1="50%" x2="50%" y1="0%" y2="100%"> <stop stop-color="#FFF" stop-opacity="0" offset="0%" /> <stop stop-color="#FFF" stop-opacity="0" offset="46.2%" /> <stop stop-color="#FFF" offset="56.5%" /> <stop stop-color="#FFF" stop-opacity="0" offset="65.5%" /> <stop stop-color="#FFF" stop-opacity="0" offset="100%" /> </linearGradient> <radialGradient id="d" cx="9.4%" cy="91.8%" r="14.8%" fx="9.4%" fy="91.8%"> <stop stop-color="#E9EAEC" offset="0%" /> <stop stop-color="#FFF" stop-opacity="0" offset="100%" /> </radialGradient> <radialGradient id="e" cx="92.6%" cy="90.5%" r="30.2%" fx="92.6%" fy="90.5%"> <stop stop-color="#E9EAEC" offset="0%" /> <stop stop-color="#FFF" stop-opacity="0" offset="100%" /> </radialGradient> <radialGradient id="f" cx="14.9%" cy="93.5%" r="22.8%" fx="14.9%" fy="93.5%"> <stop stop-color="#FFF" stop-opacity=".8" offset="0%" /> <stop stop-color="#FFF" stop-opacity="0" offset="100%" /> </radialGradient> <radialGradient id="g" cx="84.9%" cy="96.5%" r="20.2%" fx="84.9%" fy="96.5%"> <stop stop-color="#FFF" stop-opacity=".8" offset="0%" /> <stop stop-color="#FFF" stop-opacity="0" offset="100%" /> </radialGradient> <radialGradient id="h" cx="97.7%" cy="92.1%" r="19.2%" fx="97.7%" fy="92.1%"> <stop stop-color="#FFF" offset="0%" /> <stop stop-color="#FFF" stop-opacity="0" offset="100%" /> </radialGradient> <radialGradient id="i" cx="1%" cy="92.5%" r="20.1%" fx="1%" fy="92.5%"> <stop stop-color="#FFF" offset="0%" /> <stop stop-color="#FFF" stop-opacity="0" offset="100%" /> </radialGradient> <path id="b" d="M148 0s-19.6 275.6-43 306.2c-12.3 16-97.4 94.3-102 99-4.6 5-.5 7.4-.5 7.4s12.5 11.8 43 13.8c19.5 1.2 72.2.7 86.8.7h483.2s106.5 1 151 0c14.6 0 42.5 1 55.2 0 30.3-3 55.8-14 55.8-14s4-2-.5-7-89.7-83-102-99C751.6 276 730.2 1 732 0H148z" /> <pattern id="j" width="512" height="512" x="-511.2" y="-512" patternUnits="userSpaceOnUse"> <use xlink:href="#a" /> </pattern> <linearGradient id="m" x1="0%" y1="69.8%" y2="71%"> <stop stop-color="#8B8C8E" offset="0%" /> <stop stop-color="#8B8B8F" offset="5.6%" /> <stop stop-color="#E4E6E8" offset="11.7%" /> <stop stop-color="#DBDBDD" offset="50.5%" /> <stop stop-color="#D4D4D8" offset="76.1%" /> <stop stop-color="#B4B5B9" offset="94%" /> <stop stop-color="#818286" offset="100%" /> </linearGradient> <path id="l" d="M789 12.6c77 0 90-12.5 89.8-12.3 0 0 .4 0 .4.2v4c0 1.3-1 2-1.8 3 0 0-8.4 12-91.6 12H65.5c-54.5-2-63-12-63-12C2 6.5 1 5.8 1 4.5v-4c0-.3.2-.4.4-.3 0 0 12.7 11.3 60.2 12.4H789z" /> <filter id="k" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"> <feOffset dy="-1" in="SourceAlpha" result="shadowOffsetOuter1" /> <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0" in="shadowOffsetOuter1" /> </filter> <linearGradient id="n" x1="50%" x2="50%" y1="0%" y2="100%"> <stop stop-color="#A4A4A4" offset="0%" /> <stop stop-color="#B1B5B8" offset="100%" /> </linearGradient> <radialGradient id="o" cx="-15.5%" cy="141.7%" r="92.1%" fx="-15.5%" fy="141.7%"> <stop stop-color="#FFF" offset="0%" /> <stop stop-color="#CECECE" stop-opacity=".8" offset="2.8%" /> <stop stop-color="#252525" offset="100%" /> </radialGradient> <radialGradient id="r" cy="0%" r="100%" fx="50%" fy="0%"> <stop stop-color="#2F2E32" offset="0%" /> <stop stop-color="#101518" offset="100%" /> </radialGradient> <circle id="p" cx="10.5" cy="10.5" r="5.4" /> <filter id="q" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"> <feMorphology radius=".5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1" /> <feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1" /> <feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1" /> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" in="shadowBlurOuter1" /> </filter> <filter id="s" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"> <feGaussianBlur stdDeviation=".5" in="SourceGraphic" /> </filter> <filter id="u" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"> <feGaussianBlur stdDeviation=".5" in="SourceGraphic" /> </filter> <filter id="v" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"> <feGaussianBlur stdDeviation=".5" in="SourceGraphic" /> </filter> <radialGradient id="w" cx="34.8%" cy="15.6%" r="79%" fx="34.8%" fy="15.6%"> <stop stop-color="#101722" offset="0%" /> <stop stop-color="#525669" offset="100%" /> </radialGradient> <filter id="x" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"> <feGaussianBlur stdDeviation=".5" in="SourceGraphic" /> </filter> <filter id="y" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"> <feGaussianBlur stdDeviation=".5" in="SourceGraphic" /> </filter> </defs> <g fill="none" fill-rule="evenodd"> <g transform="translate(953 1695)"> <use fill="url(#a)" xlink:href="#b" /> <use fill="url(#c)" fill-opacity=".9" style="mix-blend-mode:soft-light" xlink:href="#b" /> <use fill="url(#d)" style="mix-blend-mode:soft-light" xlink:href="#b" /> <use fill="url(#e)" style="mix-blend-mode:soft-light" xlink:href="#b" /> <use fill="url(#f)" fill-opacity=".7" style="mix-blend-mode:soft-light" xlink:href="#b" /> <use fill="url(#g)" fill-opacity=".7" style="mix-blend-mode:soft-light" xlink:href="#b" /> <use fill="url(#h)" fill-opacity=".8" style="mix-blend-mode:luminosity" xlink:href="#b" /> <use fill="url(#i)" fill-opacity=".8" style="mix-blend-mode:luminosity" xlink:href="#b" /> <use fill="url(#j)" fill-opacity="0" xlink:href="#b" /> </g> <g transform="translate(953 2104.5)"> <use fill="#000" filter="url(#k)" xlink:href="#l" /> <use fill="url(#m)" xlink:href="#l" /> </g> <path fill="#000" d="M0 64C0 28.6 28.7 0 64 0h2656c35.3 0 64 28.7 64 64v1567c0 35.4-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm114 50h2560v1440H114V114z" /> <path fill="url(#n)" d="M23 16c2 0 5.4-2.7 10-2.7 7.8 0 11 5.6 11 5.6s-6.2 3-6.2 10c0 8 7.5 11 7.5 11S40 55 33 55c-3.2 0-5.7-2.2-9.2-2.2-3.5 0-7 2.5-9.2 2.5-6.4 0-14.6-14-14.6-25s7-17 13.4-17c4.2 0 7.5 2.5 9.7 2.5zm2-11.2C28.7 0 33.8 0 33.8 0s.7 4.5-3 9c-3.8 4.5-8.2 3.8-8.2 3.8s-.8-3.7 2.4-8z" transform="translate(1369.5 1592.7)" /> <g transform="translate(1382 23)"> <circle cx="10.5" cy="10.5" r="10.5" fill="url(#o)" /> <mask id="t" fill="#fff"> <use xlink:href="#p" /> </mask> <use fill="#000" filter="url(#q)" xlink:href="#p" /> <use fill="url(#r)" xlink:href="#p" /> <circle cx="15.6" cy="7.6" r="1.1" fill="#2F3046" filter="url(#s)" mask="url(#t)" /> <circle cx="15.6" cy="7.6" r="1.1" fill="#21271B" filter="url(#u)" mask="url(#t)" /> <ellipse cx="9.1" cy="7.6" fill="#323137" filter="url(#v)" mask="url(#t)" transform="rotate(-29 9.052 7.603)" rx="2.5" ry="1.1" /> <circle cx="11.2" cy="10.5" r="2.5" fill="url(#w)" filter="url(#x)" mask="url(#t)" transform="rotate(-16 11.224 10.5)" /> <circle cx="10.7" cy="11.8" r=".7" fill="#505760" filter="url(#y)" mask="url(#t)" /> </g> </g></svg>