Macbook Air SVG

Developer
Chris Wright
Size
11,283 Kb
Views
52,624
  1. Macbook Air SVG Previews
  2. Macbook Air SVG HTML Codes
  3. Macbook Air SVG CSS Codes

How do I make an macbook air svg?

First attempt at recreating a macbook air as SVG, 18kb in size. Probably could use some work on the shadow beneath the keyboard and the gradient at the base of the keyboard. This could almost pass as a chromebook as well.. What is a macbook air svg? How do you make a macbook air svg? This script and codes were developed by Chris Wright on 12 July 2022, Tuesday.

Macbook Air SVG Previews
IQ Test

Macbook Air SVG - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Macbook Air SVG</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html> <body> <div>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="689px" height="381px" viewBox="0 0 689 381" enable-background="new 0 0 689 381" xml:space="preserve">
<g id="Shadow">	<g id="ellipse">	<image overflow="visible" width="718" height="90" xlink:href="data:image/png;base64,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" transform="matrix(1 0 0 1 -21 305)">	</image>	</g>
</g>
<g id="Screen_Lid">	<linearGradient id="Metal_case_outter_1_" gradientUnits="userSpaceOnUse" x1="577.4434" y1="177.5" x2="99.334" y2="177.5">	<stop offset="0" style="stop-color:#E5E5E5"/>	<stop offset="1" style="stop-color:#CECDCD"/>	</linearGradient>	<path id="Metal_case_outter" fill="url(#Metal_case_outter_1_)" stroke="#232323" stroke-miterlimit="10" d="M577.443,326.455	c0,8.218-6.662,14.879-14.879,14.879H114.212c-8.217,0-14.879-6.661-14.879-14.879V28.545c0-8.217,6.662-14.879,14.879-14.879	h448.352c8.217,0,14.879,6.662,14.879,14.879V326.455z"/>	<linearGradient id="Metal_case_inner_1_" gradientUnits="userSpaceOnUse" x1="576.8887" y1="177.5" x2="99.8887" y2="177.5">	<stop offset="0" style="stop-color:#E5E5E5"/>	<stop offset="1" style="stop-color:#CECDCD"/>	</linearGradient>	<path id="Metal_case_inner" fill="url(#Metal_case_inner_1_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M576.889,325.697	c0,8.176-6.646,14.803-14.845,14.803H114.733c-8.198,0-14.845-6.627-14.845-14.803V29.303c0-8.175,6.646-14.803,14.845-14.803	h447.311c8.198,0,14.845,6.628,14.845,14.803V325.697z"/>	<linearGradient id="Shadow_gradient_1_" gradientUnits="userSpaceOnUse" x1="338.7515" y1="333.334" x2="338.7515" y2="256">	<stop offset="0" style="stop-color:#5B5B5B"/>	<stop offset="0.0568" style="stop-color:#787878;stop-opacity:0.9432"/>	<stop offset="0.1244" style="stop-color:#939292;stop-opacity:0.8756"/>	<stop offset="0.2021" style="stop-color:#A9A8A8;stop-opacity:0.7979"/>	<stop offset="0.2929" style="stop-color:#BAB9B9;stop-opacity:0.7071"/>	<stop offset="0.4052" style="stop-color:#C5C4C4;stop-opacity:0.5948"/>	<stop offset="0.5627" style="stop-color:#CCCBCB;stop-opacity:0.4373"/>	<stop offset="1" style="stop-color:#CECDCD;stop-opacity:0"/>	</linearGradient>	<path id="Shadow_gradient" fill="url(#Shadow_gradient_1_)" d="M577.806,329.822c0,1.939-6.662,3.512-14.879,3.512H114.575	c-8.218,0-14.879-1.572-14.879-3.512v-70.311c0-1.939,6.661-3.512,14.879-3.512h448.352c8.217,0,14.879,1.572,14.879,3.512V329.822	z"/>	<path id="Behind_screen" fill="#232323" stroke="#FFFFFF" stroke-miterlimit="10" d="M554,306.492c0,1.109-0.899,2.008-2.01,2.008	H124.51c-1.11,0-2.01-0.898-2.01-2.008V39.507c0-1.108,0.899-2.007,2.01-2.007h427.48c1.11,0,2.01,0.899,2.01,2.007V306.492z"/>	<path id="Top_screen" fill="#232323" stroke="#8F9398" stroke-miterlimit="10" d="M553,306c0,1.104-0.896,2-2,2H125.5	c-1.104,0-2-0.896-2-2V40c0-1.104,0.896-2,2-2H551c1.104,0,2,0.896,2,2V306z"/>	<ellipse id="Camera" fill="#232323" stroke="#FFFFFF" stroke-miterlimit="10" cx="338.917" cy="28.935" rx="3.25" ry="3.018"/>
</g>
<g id="Keyboard_et">	<linearGradient id="InnercurveKeyboard_1_" gradientUnits="userSpaceOnUse" x1="286.5" y1="331.959" x2="392.75" y2="331.959">	<stop offset="0" style="stop-color:#9B9A9B"/>	<stop offset="0.0718" style="stop-color:#B4B3B4"/>	<stop offset="0.1567" style="stop-color:#CAC9CA"/>	<stop offset="0.2497" style="stop-color:#DAD9DA"/>	<stop offset="0.356" style="stop-color:#E3E2E3"/>	<stop offset="0.5047" style="stop-color:#E6E5E6"/>	<stop offset="0.7407" style="stop-color:#E4E3E4"/>	<stop offset="0.8257" style="stop-color:#DDDCDD"/>	<stop offset="0.8863" style="stop-color:#D2D1D2"/>	<stop offset="0.9353" style="stop-color:#C1C0C1"/>	<stop offset="0.9768" style="stop-color:#ABAAAB"/>	<stop offset="1" style="stop-color:#9B9A9B"/>	</linearGradient>	<path id="InnercurveKeyboard" fill="url(#InnercurveKeyboard_1_)" d="M392.75,332.292c0,0.553-0.447,1-1,1H287.5	c-0.552,0-1-0.447-1-1v-0.667c0-0.553,0.448-1,1-1h104.25c0.553,0,1,0.447,1,1V332.292z"/>	<linearGradient id="KeyboardBaseShape_1_" gradientUnits="userSpaceOnUse" x1="339.751" y1="333.5" x2="339.751" y2="352.0928">	<stop offset="0" style="stop-color:#CBCACB"/>	<stop offset="0.1295" style="stop-color:#C1C0C1"/>	<stop offset="0.3478" style="stop-color:#A7A6A7"/>	<stop offset="0.6283" style="stop-color:#7C7C7C"/>	<stop offset="0.9568" style="stop-color:#414141"/>	<stop offset="1" style="stop-color:#393939"/>	</linearGradient>	<path id="KeyboardBaseShape" fill="url(#KeyboardBaseShape_1_)" d="M669.439,333.5H328.251H10.062H8.25v0.852	c26.25,13.03,55,17.741,60.625,17.741c13.985,0,134.947-0.001,259.376-0.131c124.429,0.13,268.391,0.131,282.376,0.131	c5.625,0,34.375-4.711,60.625-17.741V333.5H669.439z"/>	<path id="HighlightKeyboard2" fill="#FBFAFB" stroke="#D8D8D8" stroke-width="0.5" stroke-miterlimit="10" d="M6.75,332.292	c0,0.553,0.448,1,1,1H285.5c0.552,0,1-0.447,1-1v0.25c0-0.553-0.448-1-1-1H7.75c-0.552,0-1,0.447-1,1V332.292z"/>	<path id="HilightKeyboard1" fill="#FBFAFB" stroke="#D8D8D8" stroke-width="0.5" stroke-miterlimit="10" d="M391.75,332.292	c0,0.553,0.447,1,1,1H670.5c0.553,0,1-0.447,1-1v0.25c0-0.553-0.447-1-1-1H392.75c-0.553,0-1,0.447-1,1V332.292z"/>
</g>
<g id="Keyboard_Grooves">	<linearGradient id="Groove_2_1_" gradientUnits="userSpaceOnUse" x1="434.918" y1="347.334" x2="434.918" y2="343.501">	<stop offset="0" style="stop-color:#5B5B5B"/>	<stop offset="0.0568" style="stop-color:#787878;stop-opacity:0.9432"/>	<stop offset="0.1244" style="stop-color:#939292;stop-opacity:0.8756"/>	<stop offset="0.2021" style="stop-color:#A9A8A8;stop-opacity:0.7979"/>	<stop offset="0.2929" style="stop-color:#BAB9B9;stop-opacity:0.7071"/>	<stop offset="0.4052" style="stop-color:#C5C4C4;stop-opacity:0.5948"/>	<stop offset="0.5627" style="stop-color:#CCCBCB;stop-opacity:0.4373"/>	<stop offset="1" style="stop-color:#CECDCD;stop-opacity:0"/>	</linearGradient>	<path id="Groove_2" fill="#232323" stroke="url(#Groove_2_1_)" stroke-miterlimit="10" d="M437.334,345.418	c0,0.782-0.634,1.416-1.416,1.416h-2c-0.783,0-1.417-0.634-1.417-1.416l0,0c0-0.783,0.634-1.417,1.417-1.417h2	C436.7,344.001,437.334,344.635,437.334,345.418L437.334,345.418z"/>	<linearGradient id="Groove_1_1_" gradientUnits="userSpaceOnUse" x1="242.9175" y1="347.334" x2="242.9175" y2="343.501">	<stop offset="0" style="stop-color:#5B5B5B"/>	<stop offset="0.0568" style="stop-color:#787878;stop-opacity:0.9432"/>	<stop offset="0.1244" style="stop-color:#939292;stop-opacity:0.8756"/>	<stop offset="0.2021" style="stop-color:#A9A8A8;stop-opacity:0.7979"/>	<stop offset="0.2929" style="stop-color:#BAB9B9;stop-opacity:0.7071"/>	<stop offset="0.4052" style="stop-color:#C5C4C4;stop-opacity:0.5948"/>	<stop offset="0.5627" style="stop-color:#CCCBCB;stop-opacity:0.4373"/>	<stop offset="1" style="stop-color:#CECDCD;stop-opacity:0"/>	</linearGradient>	<path id="Groove_1" fill="#232323" stroke="url(#Groove_1_1_)" stroke-miterlimit="10" d="M245.334,345.418	c0,0.782-0.634,1.416-1.416,1.416h-2c-0.783,0-1.417-0.634-1.417-1.416l0,0c0-0.783,0.634-1.417,1.417-1.417h2	C244.7,344.001,245.334,344.635,245.334,345.418L245.334,345.418z"/>
</g>
</svg> </div> </body>
</html>
</body>
</html>

Macbook Air SVG - Script Codes CSS Codes

html { height:100%;
}
body { height: 100%; margin: 0; background-repeat: no-repeat; background-attachment: fixed;
background-image: linear-gradient(45deg, rgba(194, 233, 221, 0.5) 1%, rgba(104, 119, 132, 0.5) 100%), linear-gradient(-45deg, #494d71 0%, rgba(217, 230, 185, 0.5) 80%);
}
div { padding:4em 0 0 0; width:800px; margin:0 auto;
}
Macbook Air SVG - Script Codes
Macbook Air SVG - Script Codes
Home Page Home
Developer Chris Wright
Username chriswrightdesign
Uploaded July 12, 2022
Rating 3
Size 11,283 Kb
Views 52,624
Do you need developer help for Macbook Air SVG?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Chris Wright (chriswrightdesign) Script Codes
Name
SVG Noise blended radial
Background Noisy Radial Gradient
Inertia CSS
SVG Noise over gradient Experiment
Form adaptation
Typography SVG experiment
Inline SVG hamburger animation
Flexbox responsive navigation
SVG Noise
Timeline animation
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!