SVG
Viewer
Color Wheel
Web Skills Flat Vectors
View collection
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
5.65 KB
2.58 KB
-54%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>design-and-ux/color-wheel</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="design-and-ux/color-wheel" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#012E49" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="color-wheel-(1)" transform="translate(11.000000, 11.000000)" fill-rule="nonzero"> <path d="M3.4085083,38.2546692 C4.51238248,40.1593094 5.87072754,41.9328232 7.46875765,43.5312423 C12.2854157,48.3475113 18.6888199,51 25.5,51 C32.3115692,51 38.7149735,48.3475113 43.5312423,43.5312423 C45.1296615,41.9328232 46.4876175,40.1593094 47.5914917,38.2546692 C49.814415,34.4193192 51,30.0512924 51,25.5 C51,20.9487076 49.814415,16.5806808 47.5914917,12.7453308 C46.4876175,10.8406906 45.1292725,9.06678777 43.5312423,7.46875765 C38.7149735,2.65248868 32.3115692,0 25.5,0 C18.6888199,0 12.2850265,2.65248868 7.46875765,7.46875765 C5.87033846,9.06678777 4.51199341,10.8406906 3.4085083,12.7453308 C1.18558505,16.5806808 0,20.9490967 0,25.5 C0,30.0509033 1.18558505,34.4193192 3.4085083,38.2546692 Z M18.9923172,25.5 C18.9923172,24.3155823 19.3117676,23.2054825 19.867012,22.2475204 C20.9938431,20.3035812 23.0957565,18.9919281 25.5,18.9919281 C27.9042435,18.9919281 30.0061569,20.3035812 31.1333771,22.2475204 C31.6882324,23.2050934 32.0080719,24.3155823 32.0080719,25.5 C32.0080719,26.6844177 31.6882324,27.7945175 31.1333771,28.7520905 C30.0065461,30.6964188 27.9042435,32.0076828 25.5,32.0076828 C23.0957565,32.0076828 20.9938431,30.6964188 19.8666229,28.7520905 C19.3117676,27.7945175 18.9923172,26.6844177 18.9923172,25.5 Z" id="Shape" fill="#FF8398"> </path> <path d="M25.5,41.5036468 L25.5,51 C32.3115692,51 38.7149735,48.3475113 43.5312423,43.5312423 C45.1296615,41.9328232 46.4876175,40.1593094 47.5914917,38.2546692 L39.3616562,33.5029907 C36.5943832,38.2857971 31.4232559,41.5036468 25.5,41.5036468 Z" id="Shape" fill="#54E360"> </path> <path d="M41.504036,25.5 C41.504036,28.4155197 40.7238923,31.1489411 39.3616562,33.5029907 L47.5914917,38.2546692 C49.814415,34.4193192 51,30.0512924 51,25.5 C51,20.9487076 49.814415,16.5806808 47.5914917,12.7453308 L39.3616562,17.4966202 C40.7238923,19.8510589 41.504036,22.5844803 41.504036,25.5 Z" id="Shape" fill="#008ADF"> </path> <path d="M11.6383438,33.5029907 L3.4085083,38.2546692 C4.51238248,40.1593094 5.87072754,41.9328232 7.46875765,43.5312423 C12.2854157,48.3475113 18.6888199,51 25.5,51 L25.5,41.5036468 C19.5767441,41.5036468 14.4056168,38.2857971 11.6383438,33.5029907 Z" id="Shape" fill="#FFD400"> </path> <path d="M39.3616562,17.4966202 L47.5914917,12.7453308 C46.4876175,10.8406906 45.1292725,9.06678777 43.5312423,7.46875765 C38.7149735,2.65248868 32.3115692,0 25.5,0 L25.5,9.49596403 C31.4232559,9.49596403 36.5943832,12.7142029 39.3616562,17.4966202 Z" id="Shape" fill="#0065A3"> </path> <path d="M3.4085083,38.2546692 L11.6383438,33.5029907 C10.2761077,31.1489411 9.4963532,28.4155197 9.4963532,25.5 C9.4963532,22.5844803 10.2761077,19.8510589 11.6383438,17.4970093 L3.4085083,12.7453308 C1.18558505,16.5806808 0,20.9490967 0,25.5 C0,30.0509033 1.18558505,34.4193192 3.4085083,38.2546692 Z" id="Shape" fill="#FF9100"> </path> <path d="M25.5,9.49596403 L25.5,0 C18.6888199,0 12.2850265,2.65248868 7.46875765,7.46875765 C5.87033846,9.06678777 4.51199341,10.8406906 3.4085083,12.7453308 L11.6383438,17.4970093 C14.4056168,12.7142029 19.5767441,9.49596403 25.5,9.49596403 Z" id="Shape" fill="#FF4949"> </path> <path d="M32.0080719,25.5 C32.0080719,26.6844177 31.6882324,27.7945175 31.1333771,28.7520905 L39.3616562,33.5029907 C40.7238923,31.1489411 41.504036,28.4155197 41.504036,25.5 C41.504036,22.5840911 40.7238923,19.8510589 39.3616562,17.4966202 L31.1333771,22.2475204 C31.6882324,23.2050934 32.0080719,24.3155823 32.0080719,25.5 Z" id="Shape" fill="#0065A3"> </path> <path d="M31.1333771,22.2475204 L39.3616562,17.4970093 C36.5943832,12.7142029 31.4232559,9.49596403 25.5,9.49596403 L25.5,18.9919281 C27.9042435,18.9919281 30.0061569,20.3035812 31.1333771,22.2475204 Z" id="Shape" fill="#005183"> </path> <path d="M25.5,32.0076828 L25.5,41.5036468 C31.4232559,41.5036468 36.5943832,38.2857971 39.3616562,33.5029907 L31.1333771,28.7524796 C30.0065461,30.6964188 27.9042435,32.0076828 25.5,32.0076828 Z" id="Shape" fill="#00AB5E"> </path> <path d="M25.5,41.5036468 L25.5,32.0076828 C23.0957565,32.0076828 20.9938431,30.6964188 19.8666229,28.7520905 L11.6383438,33.5029907 C14.4056168,38.2857971 19.5767441,41.5036468 25.5,41.5036468 Z" id="Shape" fill="#FF9F04"> </path> <path d="M18.9923172,25.5 C18.9923172,24.3155823 19.3117676,23.2054825 19.867012,22.2475204 L11.6383438,17.4970093 C10.2761077,19.8510589 9.4963532,22.5844803 9.4963532,25.5 C9.4963532,28.4155197 10.2761077,31.1489411 11.6383438,33.5029907 L19.8666229,28.7520905 C19.3117676,27.7945175 18.9923172,26.6844177 18.9923172,25.5 Z" id="Shape" fill="#FF4B00"> </path> <path d="M25.5,18.9919281 L25.5,9.49596403 C19.5767441,9.49596403 14.4056168,12.7142029 11.6383438,17.4970093 L19.867012,22.2475204 C20.9938431,20.3035812 23.0957565,18.9919281 25.5,18.9919281 Z" id="Shape" fill="#E80048"> </path> </g> </g> </svg>
Upload
Copy
Download
Share
design-and-ux/color-wheel
Created with Sketch.
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
5.65 KB
2.58 KB
-54%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>design-and-ux/color-wheel</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="design-and-ux/color-wheel" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#012E49" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="color-wheel-(1)" transform="translate(11.000000, 11.000000)" fill-rule="nonzero"> <path d="M3.4085083,38.2546692 C4.51238248,40.1593094 5.87072754,41.9328232 7.46875765,43.5312423 C12.2854157,48.3475113 18.6888199,51 25.5,51 C32.3115692,51 38.7149735,48.3475113 43.5312423,43.5312423 C45.1296615,41.9328232 46.4876175,40.1593094 47.5914917,38.2546692 C49.814415,34.4193192 51,30.0512924 51,25.5 C51,20.9487076 49.814415,16.5806808 47.5914917,12.7453308 C46.4876175,10.8406906 45.1292725,9.06678777 43.5312423,7.46875765 C38.7149735,2.65248868 32.3115692,0 25.5,0 C18.6888199,0 12.2850265,2.65248868 7.46875765,7.46875765 C5.87033846,9.06678777 4.51199341,10.8406906 3.4085083,12.7453308 C1.18558505,16.5806808 0,20.9490967 0,25.5 C0,30.0509033 1.18558505,34.4193192 3.4085083,38.2546692 Z M18.9923172,25.5 C18.9923172,24.3155823 19.3117676,23.2054825 19.867012,22.2475204 C20.9938431,20.3035812 23.0957565,18.9919281 25.5,18.9919281 C27.9042435,18.9919281 30.0061569,20.3035812 31.1333771,22.2475204 C31.6882324,23.2050934 32.0080719,24.3155823 32.0080719,25.5 C32.0080719,26.6844177 31.6882324,27.7945175 31.1333771,28.7520905 C30.0065461,30.6964188 27.9042435,32.0076828 25.5,32.0076828 C23.0957565,32.0076828 20.9938431,30.6964188 19.8666229,28.7520905 C19.3117676,27.7945175 18.9923172,26.6844177 18.9923172,25.5 Z" id="Shape" fill="#FF8398"> </path> <path d="M25.5,41.5036468 L25.5,51 C32.3115692,51 38.7149735,48.3475113 43.5312423,43.5312423 C45.1296615,41.9328232 46.4876175,40.1593094 47.5914917,38.2546692 L39.3616562,33.5029907 C36.5943832,38.2857971 31.4232559,41.5036468 25.5,41.5036468 Z" id="Shape" fill="#54E360"> </path> <path d="M41.504036,25.5 C41.504036,28.4155197 40.7238923,31.1489411 39.3616562,33.5029907 L47.5914917,38.2546692 C49.814415,34.4193192 51,30.0512924 51,25.5 C51,20.9487076 49.814415,16.5806808 47.5914917,12.7453308 L39.3616562,17.4966202 C40.7238923,19.8510589 41.504036,22.5844803 41.504036,25.5 Z" id="Shape" fill="#008ADF"> </path> <path d="M11.6383438,33.5029907 L3.4085083,38.2546692 C4.51238248,40.1593094 5.87072754,41.9328232 7.46875765,43.5312423 C12.2854157,48.3475113 18.6888199,51 25.5,51 L25.5,41.5036468 C19.5767441,41.5036468 14.4056168,38.2857971 11.6383438,33.5029907 Z" id="Shape" fill="#FFD400"> </path> <path d="M39.3616562,17.4966202 L47.5914917,12.7453308 C46.4876175,10.8406906 45.1292725,9.06678777 43.5312423,7.46875765 C38.7149735,2.65248868 32.3115692,0 25.5,0 L25.5,9.49596403 C31.4232559,9.49596403 36.5943832,12.7142029 39.3616562,17.4966202 Z" id="Shape" fill="#0065A3"> </path> <path d="M3.4085083,38.2546692 L11.6383438,33.5029907 C10.2761077,31.1489411 9.4963532,28.4155197 9.4963532,25.5 C9.4963532,22.5844803 10.2761077,19.8510589 11.6383438,17.4970093 L3.4085083,12.7453308 C1.18558505,16.5806808 0,20.9490967 0,25.5 C0,30.0509033 1.18558505,34.4193192 3.4085083,38.2546692 Z" id="Shape" fill="#FF9100"> </path> <path d="M25.5,9.49596403 L25.5,0 C18.6888199,0 12.2850265,2.65248868 7.46875765,7.46875765 C5.87033846,9.06678777 4.51199341,10.8406906 3.4085083,12.7453308 L11.6383438,17.4970093 C14.4056168,12.7142029 19.5767441,9.49596403 25.5,9.49596403 Z" id="Shape" fill="#FF4949"> </path> <path d="M32.0080719,25.5 C32.0080719,26.6844177 31.6882324,27.7945175 31.1333771,28.7520905 L39.3616562,33.5029907 C40.7238923,31.1489411 41.504036,28.4155197 41.504036,25.5 C41.504036,22.5840911 40.7238923,19.8510589 39.3616562,17.4966202 L31.1333771,22.2475204 C31.6882324,23.2050934 32.0080719,24.3155823 32.0080719,25.5 Z" id="Shape" fill="#0065A3"> </path> <path d="M31.1333771,22.2475204 L39.3616562,17.4970093 C36.5943832,12.7142029 31.4232559,9.49596403 25.5,9.49596403 L25.5,18.9919281 C27.9042435,18.9919281 30.0061569,20.3035812 31.1333771,22.2475204 Z" id="Shape" fill="#005183"> </path> <path d="M25.5,32.0076828 L25.5,41.5036468 C31.4232559,41.5036468 36.5943832,38.2857971 39.3616562,33.5029907 L31.1333771,28.7524796 C30.0065461,30.6964188 27.9042435,32.0076828 25.5,32.0076828 Z" id="Shape" fill="#00AB5E"> </path> <path d="M25.5,41.5036468 L25.5,32.0076828 C23.0957565,32.0076828 20.9938431,30.6964188 19.8666229,28.7520905 L11.6383438,33.5029907 C14.4056168,38.2857971 19.5767441,41.5036468 25.5,41.5036468 Z" id="Shape" fill="#FF9F04"> </path> <path d="M18.9923172,25.5 C18.9923172,24.3155823 19.3117676,23.2054825 19.867012,22.2475204 L11.6383438,17.4970093 C10.2761077,19.8510589 9.4963532,22.5844803 9.4963532,25.5 C9.4963532,28.4155197 10.2761077,31.1489411 11.6383438,33.5029907 L19.8666229,28.7520905 C19.3117676,27.7945175 18.9923172,26.6844177 18.9923172,25.5 Z" id="Shape" fill="#FF4B00"> </path> <path d="M25.5,18.9919281 L25.5,9.49596403 C19.5767441,9.49596403 14.4056168,12.7142029 11.6383438,17.4970093 L19.867012,22.2475204 C20.9938431,20.3035812 23.0957565,18.9919281 25.5,18.9919281 Z" id="Shape" fill="#E80048"> </path> </g> </g> </svg>
Upload
Copy
Download
Share
design-and-ux/color-wheel
Created with Sketch.
Preview
React
React Native
PNG
Data URI
100%
Download
