SVG Gap Test

Developer
Dean Leigh
Size
2,305 Kb
Views
4,048
  1. SVG Gap Test Previews
  2. SVG Gap Test HTML Codes

How do I make an svg gap test?

SVG Gap Test using Wholething Logo. What is a svg gap test? How do you make a svg gap test? This script and codes were developed by Dean Leigh on 25 January 2023, Wednesday.

SVG Gap Test Previews
IQ Test

SVG Gap Test - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SVG Gap Test</title>
</head>
<body> <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<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 1920 1920" style="enable-background:new 0 0 1920 1920;" xml:space="preserve">
<style type="text/css">	.st0{fill:url(#SVGID_1_);}	.st1{fill:url(#SVGID_2_);}	.st2{fill:url(#SVGID_3_);}
</style>
<g>	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="832.8874" y1="156.4798" x2="59.7986" y2="1495.5089">	<stop offset="0" style="stop-color:#3C1391"/>	<stop offset="9.512556e-02" style="stop-color:#41118F"/>	<stop offset="0.2141" style="stop-color:#510C8B"/>	<stop offset="0.3452" style="stop-color:#6A0483"/>	<stop offset="0.4" style="stop-color:#77007F"/>	<stop offset="0.5191" style="stop-color:#9B0070"/>	<stop offset="0.6536" style="stop-color:#BC0062"/>	<stop offset="0.7821" style="stop-color:#D40058"/>	<stop offset="0.9007" style="stop-color:#E30052"/>	<stop offset="1" style="stop-color:#E80050"/>	</linearGradient>	<path class="st0" d="M457.6,1241.7L960,371.4l-83.7-145c-51.8-89.8-147.6-145-251.2-145h0c-103.6,0-199.4,55.3-251.2,145	l-335,580.2c-51.8,89.8-51.8,200.3,0,290.1l335,580.2c-51.8-89.8-51.8-200.3,0-290.1L457.6,1241.7z"/>	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="334.9586" y1="1459.248" x2="1881.1364" y2="1459.248">	<stop offset="0" style="stop-color:#AF0032"/>	<stop offset="7.385532e-02" style="stop-color:#B3052F"/>	<stop offset="0.1662" style="stop-color:#BE1526"/>	<stop offset="0.2684" style="stop-color:#D02E18"/>	<stop offset="0.377" style="stop-color:#EA5205"/>	<stop offset="0.4" style="stop-color:#F05A00"/>	<stop offset="0.5216" style="stop-color:#F57F0D"/>	<stop offset="0.6554" style="stop-color:#F9A019"/>	<stop offset="0.7832" style="stop-color:#FCB821"/>	<stop offset="0.9012" style="stop-color:#FEC726"/>	<stop offset="1" style="stop-color:#FFCC28"/>	</linearGradient>	<path class="st1" d="M1546.2,1676.8c-51.8,89.8-147.6,145-251.2,145H625c-103.6,0-199.4-55.3-251.2-145l0,0	c-51.8-89.8-51.8-200.3,0-290.1l83.7-145h1004.9h167.5c103.6,0,199.4-55.3,251.2-145L1546.2,1676.8z"/>	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="1712.1534" y1="1239.0829" x2="939.0646" y2="-99.9463">	<stop offset="0" style="stop-color:#B8C84C"/>	<stop offset="4.811896e-02" style="stop-color:#B3C74D"/>	<stop offset="0.1083" style="stop-color:#A3C351"/>	<stop offset="0.175" style="stop-color:#8ABE58"/>	<stop offset="0.2463" style="stop-color:#66B661"/>	<stop offset="0.3213" style="stop-color:#38AC6D"/>	<stop offset="0.3984" style="stop-color:#01A07C"/>	<stop offset="0.4" style="stop-color:#00A07C"/>	<stop offset="0.4415" style="stop-color:#049086"/>	<stop offset="0.567" style="stop-color:#0F65A1"/>	<stop offset="0.6887" style="stop-color:#1844B6"/>	<stop offset="0.8042" style="stop-color:#1E2CC5"/>	<stop offset="0.9108" style="stop-color:#221DCE"/>	<stop offset="1" style="stop-color:#2318D1"/>	</linearGradient>	<path class="st2" d="M1881.1,806.6l-335-580.2c-51.8-89.8-147.6-145-251.2-145H625c103.6,0,199.4,55.3,251.2,145l83.7,145	l502.4,870.2h167.5c103.6,0,199.4-55.3,251.2-145l0,0C1933,1006.9,1933,896.3,1881.1,806.6z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</body>
</html>
SVG Gap Test - Script Codes
SVG Gap Test - Script Codes
Home Page Home
Developer Dean Leigh
Username deanleigh
Uploaded January 25, 2023
Rating 3
Size 2,305 Kb
Views 4,048
Do you need developer help for SVG Gap Test?

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!

Dean Leigh (deanleigh) Script Codes
Name
Gradient Animated
Grid - Floats - Mobile First
Menu Test - 02
Border-image
Centered List Items
Border Gradients Basic
CSS Animation playing
New Menu Bar Data Attribute mark up
Background Image Transitions
CSS Transition - Background Colour
Create amazing video scripts 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!