SVG

Developer
Anthony Raffini
Size
1,712 Kb
Views
22,264
  1. SVG Previews
  2. SVG HTML Codes
  3. SVG CSS Codes

How do I make an svg?

What is a svg? How do you make a svg? This script and codes were developed by Anthony Raffini on 12 September 2022, Monday.

SVG Previews
IQ Test

SVG - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SVG</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <svg version="1.1" id="one" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 126.6 120.4" enable-background="new 0 0 126.6 120.4" xml:space="preserve">
<polygon fill="#D66767" stroke="#ECE82C" stroke-width="7" stroke-miterlimit="10" points="63.3,7.9 80.5,42.8 119.1,48.4	91.2,75.6 97.8,114 63.3,95.9 28.8,114 35.4,75.6 7.5,48.4 46.1,42.8 "/>
</svg>
<svg version="1.1" id="two" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 126.6 120.4" enable-background="new 0 0 126.6 120.4" xml:space="preserve">
<polygon fill="#D66767" stroke="#ECE82C" stroke-width="7" stroke-miterlimit="10" points="63.3,7.9 80.5,42.8 119.1,48.4	91.2,75.6 97.8,114 63.3,95.9 28.8,114 35.4,75.6 7.5,48.4 46.1,42.8 "/>
</svg>
</body>
</html>

SVG - Script Codes CSS Codes

polygon {	fill: blue;
}
svg {	width: 25%;	transition: transform .5s;
}
#one polygon {	fill: red;
}
svg:hover {	transform: scale(2);
}
SVG - Script Codes
SVG - Script Codes
Home Page Home
Developer Anthony Raffini
Username rottingroom
Uploaded September 12, 2022
Rating 3
Size 1,712 Kb
Views 22,264
Do you need developer help for 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!

Anthony Raffini (rottingroom) Script Codes
Name
Resume
This keyword
Box Model Properties
Additional Box Model Properties
A Pen by Anthony Raffini
Animate.css
Sonic
JS Basics Random Images
Position Static
Dropcap
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!