Close ICon

Developer
Roy
Size
1,568 Kb
Views
16,192
  1. Close ICon Previews
  2. Close ICon HTML Codes
  3. Close ICon CSS Codes

How do I make an close icon?

What is a close icon? How do you make a close icon? This script and codes were developed by Roy on 15 November 2022, Tuesday.

Close ICon Previews
IQ Test

Close ICon - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Close ICon</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <svg viewBox="0 0 100 100"> <polygon class="icon-x" id="icon-x" points="100,78.905 78.735,100 49.608,71.094 21.263,99.217 0,78.123 28.344,50 0,21.877 21.263,0.78 49.608,28.905 78.735,0 100,21.094 70.862,50"></polygon>
</svg> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Close ICon - Script Codes CSS Codes

svg { width: 200px; height: 200px; border:1px solid green;
}
.icon-x { fill : #CCCCCC;
}
Close ICon - Script Codes
Close ICon - Script Codes
Home Page Home
Developer Roy
Username roygwells
Uploaded November 15, 2022
Rating 3
Size 1,568 Kb
Views 16,192
Do you need developer help for Close ICon?

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!

Roy (roygwells) Script Codes
Name
SVG Path Experiments 2.0
SVG Playground
Scoping Test
Sample Data
SVG Path Experiments
Accordion Dropdown
IIFE
Modular Guage
Guage
A Pen by Roy
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!