SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Sliders Vertical
Nova Circular Filled Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
977 bytes
336 bytes
-66%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Dmitriy Novikov: https://www.figma.com/@novaslide --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C6.55228 2 7 2.44772 7 3V11C7 11.5523 6.55228 12 6 12C5.44772 12 5 11.5523 5 11V3C5 2.44772 5.44772 2 6 2Z" fill="#000000"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 12C18.5523 12 19 12.4477 19 13V21C19 21.5523 18.5523 22 18 22C17.4477 22 17 21.5523 17 21V13C17 12.4477 17.4477 12 18 12Z" fill="#000000"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 14C3.79086 14 2 15.7909 2 18C2 20.2091 3.79086 22 6 22C8.20914 22 10 20.2091 10 18C10 15.7909 8.20914 14 6 14Z" fill="#000000"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 2C15.7909 2 14 3.79086 14 6C14 8.20914 15.7909 10 18 10C20.2091 10 22 8.20914 22 6C22 3.79086 20.2091 2 18 2Z" fill="#000000"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
977 bytes
336 bytes
-66%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Dmitriy Novikov: https://www.figma.com/@novaslide --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C6.55228 2 7 2.44772 7 3V11C7 11.5523 6.55228 12 6 12C5.44772 12 5 11.5523 5 11V3C5 2.44772 5.44772 2 6 2Z" fill="#000000"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 12C18.5523 12 19 12.4477 19 13V21C19 21.5523 18.5523 22 18 22C17.4477 22 17 21.5523 17 21V13C17 12.4477 17.4477 12 18 12Z" fill="#000000"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 14C3.79086 14 2 15.7909 2 18C2 20.2091 3.79086 22 6 22C8.20914 22 10 20.2091 10 18C10 15.7909 8.20914 14 6 14Z" fill="#000000"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 2C15.7909 2 14 3.79086 14 6C14 8.20914 15.7909 10 18 10C20.2091 10 22 8.20914 22 6C22 3.79086 20.2091 2 18 2Z" fill="#000000"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download