Svg sky
How do I make an svg sky?
What is a svg sky? How do you make a svg sky? This script and codes were developed by Omar Hassane on 21 January 2023, Saturday.
Svg sky - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>svg sky</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <!-- Created with SVG-edit - https://svg-edit.googlecode.com/ --> <g> <title>Layer 1</title> <polygon fill="red" id="svg_10"/> <path id="svg_15" d="m131.345,155.80489l0.745,-0.54202l0.74501,0.54202l-0.28458,0.87703l-0.92087,0l-0.28456,-0.87703z" opacity="0.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" fill="#FF0000"/> <ellipse id="svg_3" cy="47" cx="-191" stroke-linecap="round" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="null" fill="none"/> <text fill="#000000" stroke="null" stroke-width="0" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="37" y="101" id="svg_2" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve"/> <line id="svg_20" y2="145" x2="100" y1="148" x1="104" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="null" fill="none"/> <path id="svg_27" d="m103.65511,34.38797c-0.11253,0.00355 -0.22137,0.0131 -0.33441,0.02438c-1.80928,0.18024 -3.40614,1.32838 -4.21722,3.03918l-0.43029,1.29473c0.09298,-0.44864 0.23545,-0.88376 0.43029,-1.29473c-1.44678,-1.49888 -3.47733,-2.19065 -5.48386,-1.86606c-2.00612,0.32455 -3.74879,1.62638 -4.70077,3.5134c-2.6883,-1.65574 -6.03925,-1.55539 -8.63171,0.2613c-2.59248,1.81678 -3.97415,5.0335 -3.55405,8.27888l0.2747,1.31904c-0.1242,-0.43209 -0.21687,-0.87171 -0.2747,-1.31904l-0.04196,0.12153c-2.25348,0.24565 -4.10146,1.99413 -4.58158,4.33403c-0.4799,2.33994 0.51799,4.74089 2.47298,5.95077l3.05243,0.74168c-1.06583,0.08772 -2.1299,-0.17064 -3.05243,-0.74168c-1.50776,1.68903 -1.85489,4.18967 -0.86012,6.25475c0.99464,2.06509 3.11902,3.25425 5.31039,2.9846l1.33208,-0.35255c-0.42864,0.17941 -0.87368,0.29616 -1.33208,0.35255c1.244,2.29018 3.30688,3.96088 5.72852,4.62573c2.42152,0.66467 4.99354,0.27177 7.13806,-1.08817c1.74946,2.75914 4.85471,4.20824 7.96873,3.72005c3.11368,-0.48811 5.68227,-2.82909 6.59447,-6.00542l0.31657,-1.77503c-0.0475,0.603 -0.1502,1.19588 -0.31657,1.77503c2.14182,1.40437 4.83566,1.48359 7.0485,0.20661c2.21298,-1.27698 3.59393,-3.71206 3.61406,-6.36413l-0.79333,-3.96272l-3.12539,-2.68114c2.41682,1.5139 3.94022,3.82024 3.91872,6.64386c2.87357,0.03015 5.31416,-2.43218 6.40943,-5.25793c1.09509,-2.82573 0.68082,-6.04732 -1.08732,-8.46726c0.73359,-1.80186 0.69007,-3.8513 -0.11943,-5.61648c-0.80914,-1.76533 -2.30209,-3.07738 -4.0976,-3.5924c-0.40182,-2.33964 -2.0582,-4.22177 -4.24712,-4.83855c-2.1889,-0.61668 -4.51992,0.14382 -5.9854,1.95732l-0.88998,1.50138c0.22752,-0.54299 0.52445,-1.04898 0.88998,-1.50138c-1.033,-1.42534 -2.65331,-2.22953 -4.34258,-2.17614l0,0l-0.00001,0.00001l-0.00002,0l0.00002,0z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="null" fill="none"/> <path id="svg_1" d="m162.66159,110.31982c-0.13702,0.0042 -0.26968,0.01579 -0.40741,0.02975c-2.20421,0.21949 -4.1497,1.61834 -5.13786,3.70255l-0.52414,1.57729c0.11314,-0.54641 0.28673,-1.07665 0.52414,-1.57729c-1.76262,-1.82581 -4.23645,-2.66885 -6.68106,-2.27341c-2.44408,0.39544 -4.56679,1.9815 -5.72701,4.28047c-3.27515,-2.01736 -7.35764,-1.89514 -10.51611,0.31815c-3.15843,2.21368 -4.84172,6.13251 -4.32993,10.08644l0.33469,1.607c-0.15135,-0.52644 -0.26427,-1.06211 -0.33469,-1.607l-0.05113,0.14801c-2.74543,0.29922 -4.99686,2.42936 -5.5818,5.2803c-0.58465,2.8506 0.63148,5.77583 3.01285,7.24969l3.71887,0.9037c-1.29852,0.10674 -2.59491,-0.2079 -3.71887,-0.9037c-1.83687,2.05803 -2.25983,5.10435 -1.0479,7.62024c1.21184,2.51593 3.79996,3.9649 6.46974,3.63631l1.62291,-0.42967c-0.52223,0.21858 -1.06445,0.36079 -1.62291,0.42967c1.51558,2.79022 4.02884,4.82559 6.97913,5.6356c2.95013,0.80957 6.08368,0.33113 8.69659,-1.32576c2.13156,3.36151 5.91431,5.12695 9.70816,4.53201c3.7935,-0.59465 6.92278,-3.4465 8.03415,-7.31636l0.38565,-2.1624c-0.05783,0.73456 -0.18294,1.45691 -0.38565,2.1624c2.60941,1.71114 5.89156,1.80756 8.58725,0.25163c2.69609,-1.55563 4.37851,-4.52232 4.40309,-7.75346l-0.96657,-4.8275l-3.80769,-3.26682c2.94443,1.84441 4.80043,4.65421 4.77426,8.0943c3.50082,0.03685 6.47429,-2.96318 7.80869,-6.40579c1.33444,-3.44261 0.82938,-7.36745 -1.3244,-10.3157c0.8934,-2.19511 0.84039,-4.69193 -0.14578,-6.84258c-0.98587,-2.15083 -2.80469,-3.74918 -4.99219,-4.37685c-0.4895,-2.8502 -2.50749,-5.14336 -5.17433,-5.89446c-2.66678,-0.7515 -5.50667,0.17486 -7.2921,2.38432l-1.08423,1.82915c0.27719,-0.66122 0.63895,-1.27792 1.08423,-1.82915c-1.25847,-1.73636 -3.23257,-2.71606 -5.29059,-2.65112l0,0l-0.00003,0l-0.00002,0.00002z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="#ffffff"/> <path id="svg_4" d="m467.10458,70.95393c-0.2991,0.00953 -0.58951,0.03454 -0.88986,0.06454c-4.81158,0.47937 -9.06293,3.53394 -11.21985,8.08553l-1.14459,3.44431c0.24854,-1.1937 0.6272,-2.3512 1.14459,-3.44431c-3.84689,-3.98752 -9.25024,-5.82822 -14.58807,-4.96465c-5.3378,0.86353 -9.97211,4.32677 -12.50543,9.34702c-7.15155,-4.40493 -16.06723,-4.13801 -22.96521,0.69542c-6.89639,4.83305 -10.57114,13.39101 -9.45563,22.02494l0.73151,3.5088c-0.33026,-1.14954 -0.57553,-2.31915 -0.73151,-3.5088l-0.10992,0.32339c-5.996,0.65311 -10.91324,5.3046 -12.18903,11.52969c-1.27695,6.22517 1.37799,12.61268 6.58029,15.83157l8.11972,1.97278c-2.83566,0.23344 -5.66595,-0.45396 -8.11972,-1.97278c-4.01361,4.49352 -4.93445,11.14578 -2.29022,16.63972c2.64633,5.49391 8.29718,8.65747 14.13,7.94005l3.54135,-0.93793c-1.13828,0.47722 -2.32483,0.78792 -3.54135,0.93793c3.3067,6.09323 8.7973,10.53746 15.23993,12.3062c6.44156,1.76869 13.28223,0.72331 18.99017,-2.89453c4.65469,7.34001 12.91531,11.19519 21.19839,9.89659c8.28439,-1.2988 15.11636,-7.52672 17.54221,-15.9769l0.84442,-4.72186c-0.12708,1.60425 -0.40121,3.18118 -0.84442,4.72186c5.69943,3.73642 12.8671,3.94684 18.75357,0.54967c5.88519,-3.39729 9.55994,-9.87553 9.61401,-16.93095l-2.10956,-10.54204l-8.31555,-7.13273c6.42865,4.02706 10.4809,10.16283 10.42511,17.67477c7.64502,0.08015 14.13812,-6.47006 17.05249,-13.98801c2.91217,-7.51746 1.81061,-16.08817 -2.8916,-22.52608c1.94843,-4.79324 1.83307,-10.24553 -0.31952,-14.94197c-2.15253,-4.69643 -6.12518,-8.18697 -10.90143,-9.55701c-1.0683,-6.2244 -5.47668,-11.2312 -11.29758,-12.87209c-5.823,-1.64091 -12.02567,0.38227 -15.9231,5.20687l-2.37003,3.99438c0.60461,-1.44434 1.3952,-2.79076 2.37003,-3.99438c-2.75079,-3.7916 -7.06152,-5.93124 -11.55469,-5.78896l0,0l0.00003,-0.00003l0.00003,-0.00001z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="#ffffff"/> <path id="svg_5" d="m121.03758,38.47882c-0.31893,0.00541 -0.62724,0.01983 -0.94756,0.0369c-5.12495,0.27355 -9.6483,2.01633 -11.94621,4.61319l-1.21832,1.96519c0.26283,-0.68102 0.66645,-1.34153 1.21832,-1.96519c-4.09798,-2.27511 -9.84997,-3.32518 -15.53342,-2.83249c-5.68346,0.49268 -10.61932,2.46863 -13.3168,5.33284c-7.61503,-2.51311 -17.10732,-2.36092 -24.45079,0.39673c-7.34349,2.75764 -11.25756,7.64028 -10.06799,12.56632l0.77837,2.00209c-0.35173,-0.65589 -0.61442,-1.32317 -0.77837,-2.00209l-0.11846,0.18451c-6.38341,0.37277 -11.61857,3.02668 -12.97837,6.57841c-1.3598,3.55173 1.46773,7.19604 7.00528,9.0326l8.64661,1.12565c-3.01917,0.13316 -6.03342,-0.25894 -8.64661,-1.12565c-4.27131,2.56377 -5.25419,6.35934 -2.43661,9.49393c2.81758,3.13461 8.8349,4.9395 15.04274,4.53011l3.77338,-0.5351c-1.21411,0.27228 -2.47502,0.44951 -3.77338,0.5351c3.52414,3.47633 9.36762,6.01217 16.22721,7.02128c6.85958,1.0091 14.1456,0.4127 20.22055,-1.65151c4.95596,4.18789 13.75204,6.38754 22.57258,5.64655c8.82048,-0.74101 16.09655,-4.29434 18.68073,-9.11566l0.89679,-2.69411c-0.13428,0.9153 -0.42566,1.81511 -0.89679,2.69411c6.06686,2.13187 13.69827,2.25201 19.96675,0.3137c6.26843,-1.93828 10.17976,-5.63445 10.23718,-9.66001l-2.24728,-6.01479l-8.85289,-4.06962c6.84552,2.29774 11.16124,5.79853 11.10017,10.08439c8.13962,0.04572 15.0537,-3.6916 18.15616,-7.98079c3.10251,-4.28922 1.92892,-9.17916 -3.07961,-12.85235c2.07741,-2.73482 1.95418,-5.84565 -0.33841,-8.52516c-2.29263,-2.67949 -6.5215,-4.67101 -11.6078,-5.45279c-1.13828,-3.55133 -5.83008,-6.40799 -12.03078,-7.34418c-6.20071,-0.93619 -12.80331,0.2182 -16.95479,2.97091l-2.52122,2.27892c0.64418,-0.82412 1.48557,-1.59227 2.52122,-2.27892c-2.92651,-2.16339 -7.51659,-3.38415 -12.30159,-3.30306l0,0l0,0.00004z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" fill="#ffffff" stroke="#000000"/> <path id="svg_6" d="m236.60536,75.26576c-0.12891,0.00416 -0.25369,0.01481 -0.38295,0.02797c-2.07172,0.20629 -3.90086,1.52121 -4.8299,3.48038l-0.4922,1.48296c0.10634,-0.51395 0.26912,-1.01238 0.4922,-1.48296c-1.65637,-1.7163 -3.98216,-2.50877 -6.27922,-2.13703c-2.29808,0.37174 -4.29367,1.86258 -5.38423,4.02364c-3.07831,-1.89607 -6.91583,-1.78143 -9.88489,0.29942c-2.96884,2.08049 -4.55113,5.76421 -4.0704,9.4809l0.31483,1.51058c-0.14221,-0.49484 -0.24864,-0.99818 -0.31483,-1.51058l-0.04805,0.13912c-2.58034,0.28149 -4.6969,2.28355 -5.24654,4.96349c-0.54956,2.67957 0.59337,5.42928 2.83208,6.81495l3.49545,0.84927c-1.22061,0.10026 -2.43878,-0.19543 -3.49545,-0.84927c-1.7269,1.93433 -2.12445,4.79807 -0.98537,7.16302c1.13913,2.36499 3.57198,3.72674 6.08205,3.41788l1.52516,-0.40387c-0.49052,0.20532 -1.0007,0.33907 -1.52516,0.40387c1.42429,2.6228 3.78711,4.53606 6.56009,5.29742c2.77327,0.76141 5.71843,0.31123 8.17494,-1.24619c2.00356,3.15984 5.55922,4.81936 9.12572,4.26041c3.56572,-0.55923 6.50729,-3.23999 7.55171,-6.87769l0.36287,-2.03268c-0.05472,0.69052 -0.17212,1.36958 -0.36287,2.03268c2.45288,1.60849 5.53842,1.69907 8.07211,0.23656c2.53423,-1.46228 4.11606,-4.25097 4.13901,-7.28829l-0.9086,-4.53786l-3.57942,-3.07053c2.76779,1.73354 4.51239,4.37505 4.48802,7.60838c3.29056,0.03466 6.08563,-2.7851 7.34042,-6.02142c1.25403,-3.23608 0.77927,-6.9254 -1.245,-9.69675c0.83954,-2.06339 0.78955,-4.41045 -0.13745,-6.43198c-0.92636,-2.02158 -2.63631,-3.52428 -4.69212,-4.11425c-0.46024,-2.67921 -2.3576,-4.8345 -4.86438,-5.5408c-2.5065,-0.70641 -5.17622,0.16434 -6.85396,2.24124l-1.0195,1.7194c0.26004,-0.62153 0.60068,-1.20125 1.0195,-1.7194c-1.1835,-1.63212 -3.0388,-2.5531 -4.97371,-2.492l0,0l0.00002,0.00002l0.00002,0.00002z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="#ffffff"/> <path id="svg_7" d="m337.09479,111.44075c-0.15744,0.00497 -0.31018,0.01835 -0.46683,0.03395c-2.52768,0.25162 -4.75662,1.85483 -5.88882,4.24345l-0.60071,1.80786c0.12872,-0.6265 0.32889,-1.23408 0.60071,-1.80786c-2.02039,-2.0927 -4.85455,-3.05859 -7.65646,-2.60543c-2.80093,0.45325 -5.23312,2.27081 -6.56326,4.90549c-3.75409,-2.31176 -8.4325,-2.17181 -12.05191,0.36481c-3.62006,2.53672 -5.54782,7.02792 -4.96292,11.5592l0.38391,1.84175c-0.17307,-0.60336 -0.30179,-1.21713 -0.38391,-1.84175l-0.05728,0.16977c-3.14725,0.34286 -5.72766,2.78418 -6.39777,6.0513c-0.66989,3.267 0.72348,6.61917 3.45377,8.30856l4.26141,1.03534c-1.48822,0.12259 -2.97501,-0.23805 -4.26141,-1.03534c-2.10617,2.35822 -2.59103,5.84966 -1.20224,8.73305c1.38885,2.88339 4.35489,4.54367 7.414,4.16695l1.86084,-0.49203c-0.59909,0.2505 -1.22006,0.41336 -1.86084,0.49203c1.73749,3.19785 4.61758,5.53047 7.99826,6.45856c3.38132,0.92824 6.97284,0.37967 9.96741,-1.51909c2.44266,3.85237 6.77789,5.87564 11.12512,5.194c4.34787,-0.68164 7.93494,-3.9501 9.20773,-8.38507l0.44345,-2.47824c-0.06696,0.84201 -0.21085,1.66986 -0.44345,2.47824c2.99161,1.96097 6.75168,2.07161 9.8425,0.2886c3.08853,-1.78294 5.01712,-5.18283 5.04584,-8.88586l-1.10736,-5.53273l-4.36383,-3.74342c3.37323,2.11368 5.50058,5.33389 5.47119,9.27615c4.01227,0.04207 7.41998,-3.39575 8.94803,-7.34106c1.52969,-3.94553 0.95163,-8.4435 -1.51758,-11.8223c1.02383,-2.51576 0.96286,-5.37721 -0.16629,-7.84188c-1.13062,-2.46474 -3.21503,-4.29659 -5.72174,-5.01585c-0.56168,-3.26672 -2.87418,-5.89444 -5.9303,-6.75562c-3.05621,-0.86116 -6.30969,0.2009 -8.35651,2.73293l-1.24289,2.09627c0.31778,-0.75813 0.73251,-1.46461 1.24289,-2.09627c-1.44226,-1.99014 -3.70444,-3.11289 -6.06274,-3.03844l0,0l0,-0.00002l0,0.00001z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="#ffffff"/> <ellipse fill="#ffd4aa" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" cx="585" cy="47" id="svg_8" rx="44" ry="42"/> </g>
</svg>
</body>
</html>
Svg sky - Script Codes CSS Codes
svg{ margin-left:200px;
}
body{ background-color:#02F5FD;
}
Developer | Omar Hassane |
Username | omodev |
Uploaded | January 21, 2023 |
Rating | 3 |
Size | 7,070 Kb |
Views | 4,048 |
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!
Name | Size |
Portfolio2 | 7,217 Kb |
Errachidia-Morocco | 3,872 Kb |
Homepage | 6,048 Kb |
Mini-projet | 5,147 Kb |
Svg exercises 2 | 5,937 Kb |
Portfolio-animation | 3,375 Kb |
Quote-generator | 2,284 Kb |
Cv | 8,159 Kb |
Terminal animation | 2,403 Kb |
Pop-up vacances bleus | 3,674 Kb |
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!
Name | Username | Size |
Light Switch | Bartuc | 4,933 Kb |
Prism | Pyrografix | 2,843 Kb |
Web Spiral - p5.js | TWAIN | 2,183 Kb |
Popup Modal | Aldlevine | 3,696 Kb |
Animated rainbow wave on canvas | Icodeforlove | 2,777 Kb |
Get third wednesday | Wojtek1150 | 2,691 Kb |
Bezier Animation with straight paths | Rhernando | 2,087 Kb |
Vanilla JS - A toggleClass function | Woodwork | 2,532 Kb |
Simple Login Form Template | Banunn | 3,571 Kb |
Portfolio Landing Page | FDfranklin | 3,585 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!