SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Fader
Real Assets 5
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.24 KB
1.43 KB
-36%
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="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/271987/fader --> <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#7DDCD4;" d="M501.93,184.713C471.057,78.018,372.645,0,256,0C114.615,0,0,114.615,0,256 c0,116.645,78.018,215.057,184.713,245.93L501.93,184.713z"/> <path style="fill:#02C8A7;" d="M512,256c0-24.741-3.522-48.657-10.07-71.287l-67.843-67.843L77.913,395.13l106.8,106.8 C207.343,508.478,231.259,512,256,512C397.384,512,512,397.384,512,256z"/> <polygon style="fill:#FFFFFF;" points="256,116.87 77.913,116.87 77.913,395.13 256,395.13 328.517,250.435 "/> <rect x="256" y="116.87" style="fill:#D8F4F2;" width="178.087" height="278.261"/> <polygon style="fill:#7DDCD4;" points="256,139.13 100.174,139.13 100.174,250.435 256,250.435 319.578,194.783 "/> <rect x="256" y="139.13" style="fill:#02C8A7;" width="155.826" height="111.304"/> <path style="fill:#7DDCD4;" d="M150.261,372.87l-30.052-50.087l30.052-50.087c27.618,0,50.087,22.469,50.087,50.087 S177.879,372.87,150.261,372.87z"/> <path style="fill:#B1EAE5;" d="M100.174,322.783c0,27.618,22.469,50.087,50.087,50.087V272.696 C122.643,272.696,100.174,295.165,100.174,322.783z"/> <path style="fill:#0E7563;" d="M278.261,161.391v66.783h66.783v-66.783H278.261z M322.783,205.913h-22.261v-22.261h22.261V205.913z M389.565,183.652h-22.261v-22.261h22.261V183.652z"/> <polygon style="fill:#7DDCD4;" points="333.913,289.391 317.217,289.391 317.217,272.696 294.957,272.696 294.957,289.391 278.261,289.391 278.261,311.652 294.957,311.652 294.957,328.348 317.217,328.348 317.217,311.652 333.913,311.652 "/> <g> <rect x="211.478" y="272.696" style="fill:#D8F4F2;" width="22.261" height="22.261"/> <rect x="211.478" y="350.609" style="fill:#D8F4F2;" width="22.261" height="22.261"/> </g> <g> <rect x="356.174" y="289.391" style="fill:#7DDCD4;" width="55.652" height="22.261"/> <rect x="278.261" y="350.609" style="fill:#7DDCD4;" width="133.565" height="22.261"/> </g> </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
Set Dimensions
Change dimensions
Optimize
2.24 KB
1.43 KB
-36%
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="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/271987/fader --> <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#7DDCD4;" d="M501.93,184.713C471.057,78.018,372.645,0,256,0C114.615,0,0,114.615,0,256 c0,116.645,78.018,215.057,184.713,245.93L501.93,184.713z"/> <path style="fill:#02C8A7;" d="M512,256c0-24.741-3.522-48.657-10.07-71.287l-67.843-67.843L77.913,395.13l106.8,106.8 C207.343,508.478,231.259,512,256,512C397.384,512,512,397.384,512,256z"/> <polygon style="fill:#FFFFFF;" points="256,116.87 77.913,116.87 77.913,395.13 256,395.13 328.517,250.435 "/> <rect x="256" y="116.87" style="fill:#D8F4F2;" width="178.087" height="278.261"/> <polygon style="fill:#7DDCD4;" points="256,139.13 100.174,139.13 100.174,250.435 256,250.435 319.578,194.783 "/> <rect x="256" y="139.13" style="fill:#02C8A7;" width="155.826" height="111.304"/> <path style="fill:#7DDCD4;" d="M150.261,372.87l-30.052-50.087l30.052-50.087c27.618,0,50.087,22.469,50.087,50.087 S177.879,372.87,150.261,372.87z"/> <path style="fill:#B1EAE5;" d="M100.174,322.783c0,27.618,22.469,50.087,50.087,50.087V272.696 C122.643,272.696,100.174,295.165,100.174,322.783z"/> <path style="fill:#0E7563;" d="M278.261,161.391v66.783h66.783v-66.783H278.261z M322.783,205.913h-22.261v-22.261h22.261V205.913z M389.565,183.652h-22.261v-22.261h22.261V183.652z"/> <polygon style="fill:#7DDCD4;" points="333.913,289.391 317.217,289.391 317.217,272.696 294.957,272.696 294.957,289.391 278.261,289.391 278.261,311.652 294.957,311.652 294.957,328.348 317.217,328.348 317.217,311.652 333.913,311.652 "/> <g> <rect x="211.478" y="272.696" style="fill:#D8F4F2;" width="22.261" height="22.261"/> <rect x="211.478" y="350.609" style="fill:#D8F4F2;" width="22.261" height="22.261"/> </g> <g> <rect x="356.174" y="289.391" style="fill:#7DDCD4;" width="55.652" height="22.261"/> <rect x="278.261" y="350.609" style="fill:#7DDCD4;" width="133.565" height="22.261"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download