Venn Diagram Icon SVG
Venn Diagram
Venn diagram SVG Icon Code | Customize color
You can get svg icon venn diagram in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 15C5.02898 15 2.93856 13.3705 2.24474 11.1274C3.20199 11.6823 4.31389 12 5.5 12C6.19781 12 6.86994 11.89 7.5 11.6865C8.13006 11.89 8.80219 12 9.5 12C10.6861 12 11.798 11.6823 12.7553 11.1274C12.0614 13.3705 9.97102 15 7.5 15Z" fill="black"/> <path d="M13.9545 8.72675C14.6122 7.82039 15 6.70549 15 5.5C15 2.46243 12.5376 0 9.5 0C9.47897 0 9.45796 0.000118079 9.43699 0.000353605C9.29015 0.00200229 9.14469 0.00940594 9.00083 0.0223483C10.6114 1.0538 11.737 2.77608 11.9596 4.77113C13.0395 5.78989 13.7705 7.17448 13.9545 8.72675Z" fill="black"/> <path d="M5.99917 0.0223471C5.83476 0.00755596 5.66826 0 5.5 0C2.46243 0 0 2.46243 0 5.5C0 6.70549 0.387827 7.82039 1.04552 8.72675C1.22951 7.17448 1.96052 5.78989 3.04041 4.77112C3.26303 2.77608 4.38864 1.0538 5.99917 0.0223471Z" fill="black"/> <path d="M2.00546 9.74734C2.95561 10.53 4.17292 11 5.5 11C5.66826 11 5.83476 10.9924 5.99918 10.9777C4.40059 9.95386 3.27976 8.24944 3.04552 6.27325C2.38783 7.17961 2 8.29451 2 9.5C2 9.58289 2.00183 9.66535 2.00546 9.74734Z" fill="black"/> <path d="M13 9.5C13 8.29451 12.6122 7.17961 11.9545 6.27325C11.7202 8.24945 10.5994 9.95386 9.00083 10.9777C9.16524 10.9924 9.33174 11 9.5 11C10.8271 11 12.0444 10.53 12.9945 9.74734C12.9982 9.66535 13 9.58289 13 9.5Z" fill="black"/> <path d="M7.5 0.374941C9.05096 0.980637 10.2596 2.27004 10.7553 3.87263C9.79801 3.31769 8.68611 3 7.5 3C6.31389 3 5.20199 3.31769 4.24474 3.87263C4.74044 2.27004 5.94904 0.980637 7.5 0.374941Z" fill="black"/> <path d="M7.5 4C6.17292 4 4.95561 4.47002 4.00546 5.25266C4.00183 5.33465 4 5.41711 4 5.5C4 7.83198 5.45132 9.82499 7.5 10.6251C9.54868 9.82499 11 7.83198 11 5.5C11 5.41711 10.9982 5.33465 10.9945 5.25266C10.0444 4.47002 8.82708 4 7.5 4Z" fill="black"/> </svg> Svg Code
<svg style="color: white" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 15C5.02898 15 2.93856 13.3705 2.24474 11.1274C3.20199 11.6823 4.31389 12 5.5 12C6.19781 12 6.86994 11.89 7.5 11.6865C8.13006 11.89 8.80219 12 9.5 12C10.6861 12 11.798 11.6823 12.7553 11.1274C12.0614 13.3705 9.97102 15 7.5 15Z" fill="white"></path> <path d="M13.9545 8.72675C14.6122 7.82039 15 6.70549 15 5.5C15 2.46243 12.5376 0 9.5 0C9.47897 0 9.45796 0.000118079 9.43699 0.000353605C9.29015 0.00200229 9.14469 0.00940594 9.00083 0.0223483C10.6114 1.0538 11.737 2.77608 11.9596 4.77113C13.0395 5.78989 13.7705 7.17448 13.9545 8.72675Z" fill="white"></path> <path d="M5.99917 0.0223471C5.83476 0.00755596 5.66826 0 5.5 0C2.46243 0 0 2.46243 0 5.5C0 6.70549 0.387827 7.82039 1.04552 8.72675C1.22951 7.17448 1.96052 5.78989 3.04041 4.77112C3.26303 2.77608 4.38864 1.0538 5.99917 0.0223471Z" fill="white"></path> <path d="M2.00546 9.74734C2.95561 10.53 4.17292 11 5.5 11C5.66826 11 5.83476 10.9924 5.99918 10.9777C4.40059 9.95386 3.27976 8.24944 3.04552 6.27325C2.38783 7.17961 2 8.29451 2 9.5C2 9.58289 2.00183 9.66535 2.00546 9.74734Z" fill="white"></path> <path d="M13 9.5C13 8.29451 12.6122 7.17961 11.9545 6.27325C11.7202 8.24945 10.5994 9.95386 9.00083 10.9777C9.16524 10.9924 9.33174 11 9.5 11C10.8271 11 12.0444 10.53 12.9945 9.74734C12.9982 9.66535 13 9.58289 13 9.5Z" fill="white"></path> <path d="M7.5 0.374941C9.05096 0.980637 10.2596 2.27004 10.7553 3.87263C9.79801 3.31769 8.68611 3 7.5 3C6.31389 3 5.20199 3.31769 4.24474 3.87263C4.74044 2.27004 5.94904 0.980637 7.5 0.374941Z" fill="white"></path> <path d="M7.5 4C6.17292 4 4.95561 4.47002 4.00546 5.25266C4.00183 5.33465 4 5.41711 4 5.5C4 7.83198 5.45132 9.82499 7.5 10.6251C9.54868 9.82499 11 7.83198 11 5.5C11 5.41711 10.9982 5.33465 10.9945 5.25266C10.0444 4.47002 8.82708 4 7.5 4Z" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 15C5.02898 15 2.93856 13.3705 2.24474 11.1274C3.20199 11.6823 4.31389 12 5.5 12C6.19781 12 6.86994 11.89 7.5 11.6865C8.13006 11.89 8.80219 12 9.5 12C10.6861 12 11.798 11.6823 12.7553 11.1274C12.0614 13.3705 9.97102 15 7.5 15Z" fill="red"></path> <path d="M13.9545 8.72675C14.6122 7.82039 15 6.70549 15 5.5C15 2.46243 12.5376 0 9.5 0C9.47897 0 9.45796 0.000118079 9.43699 0.000353605C9.29015 0.00200229 9.14469 0.00940594 9.00083 0.0223483C10.6114 1.0538 11.737 2.77608 11.9596 4.77113C13.0395 5.78989 13.7705 7.17448 13.9545 8.72675Z" fill="red"></path> <path d="M5.99917 0.0223471C5.83476 0.00755596 5.66826 0 5.5 0C2.46243 0 0 2.46243 0 5.5C0 6.70549 0.387827 7.82039 1.04552 8.72675C1.22951 7.17448 1.96052 5.78989 3.04041 4.77112C3.26303 2.77608 4.38864 1.0538 5.99917 0.0223471Z" fill="red"></path> <path d="M2.00546 9.74734C2.95561 10.53 4.17292 11 5.5 11C5.66826 11 5.83476 10.9924 5.99918 10.9777C4.40059 9.95386 3.27976 8.24944 3.04552 6.27325C2.38783 7.17961 2 8.29451 2 9.5C2 9.58289 2.00183 9.66535 2.00546 9.74734Z" fill="red"></path> <path d="M13 9.5C13 8.29451 12.6122 7.17961 11.9545 6.27325C11.7202 8.24945 10.5994 9.95386 9.00083 10.9777C9.16524 10.9924 9.33174 11 9.5 11C10.8271 11 12.0444 10.53 12.9945 9.74734C12.9982 9.66535 13 9.58289 13 9.5Z" fill="red"></path> <path d="M7.5 0.374941C9.05096 0.980637 10.2596 2.27004 10.7553 3.87263C9.79801 3.31769 8.68611 3 7.5 3C6.31389 3 5.20199 3.31769 4.24474 3.87263C4.74044 2.27004 5.94904 0.980637 7.5 0.374941Z" fill="red"></path> <path d="M7.5 4C6.17292 4 4.95561 4.47002 4.00546 5.25266C4.00183 5.33465 4 5.41711 4 5.5C4 7.83198 5.45132 9.82499 7.5 10.6251C9.54868 9.82499 11 7.83198 11 5.5C11 5.41711 10.9982 5.33465 10.9945 5.25266C10.0444 4.47002 8.82708 4 7.5 4Z" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 15C5.02898 15 2.93856 13.3705 2.24474 11.1274C3.20199 11.6823 4.31389 12 5.5 12C6.19781 12 6.86994 11.89 7.5 11.6865C8.13006 11.89 8.80219 12 9.5 12C10.6861 12 11.798 11.6823 12.7553 11.1274C12.0614 13.3705 9.97102 15 7.5 15Z" fill="blue"></path> <path d="M13.9545 8.72675C14.6122 7.82039 15 6.70549 15 5.5C15 2.46243 12.5376 0 9.5 0C9.47897 0 9.45796 0.000118079 9.43699 0.000353605C9.29015 0.00200229 9.14469 0.00940594 9.00083 0.0223483C10.6114 1.0538 11.737 2.77608 11.9596 4.77113C13.0395 5.78989 13.7705 7.17448 13.9545 8.72675Z" fill="blue"></path> <path d="M5.99917 0.0223471C5.83476 0.00755596 5.66826 0 5.5 0C2.46243 0 0 2.46243 0 5.5C0 6.70549 0.387827 7.82039 1.04552 8.72675C1.22951 7.17448 1.96052 5.78989 3.04041 4.77112C3.26303 2.77608 4.38864 1.0538 5.99917 0.0223471Z" fill="blue"></path> <path d="M2.00546 9.74734C2.95561 10.53 4.17292 11 5.5 11C5.66826 11 5.83476 10.9924 5.99918 10.9777C4.40059 9.95386 3.27976 8.24944 3.04552 6.27325C2.38783 7.17961 2 8.29451 2 9.5C2 9.58289 2.00183 9.66535 2.00546 9.74734Z" fill="blue"></path> <path d="M13 9.5C13 8.29451 12.6122 7.17961 11.9545 6.27325C11.7202 8.24945 10.5994 9.95386 9.00083 10.9777C9.16524 10.9924 9.33174 11 9.5 11C10.8271 11 12.0444 10.53 12.9945 9.74734C12.9982 9.66535 13 9.58289 13 9.5Z" fill="blue"></path> <path d="M7.5 0.374941C9.05096 0.980637 10.2596 2.27004 10.7553 3.87263C9.79801 3.31769 8.68611 3 7.5 3C6.31389 3 5.20199 3.31769 4.24474 3.87263C4.74044 2.27004 5.94904 0.980637 7.5 0.374941Z" fill="blue"></path> <path d="M7.5 4C6.17292 4 4.95561 4.47002 4.00546 5.25266C4.00183 5.33465 4 5.41711 4 5.5C4 7.83198 5.45132 9.82499 7.5 10.6251C9.54868 9.82499 11 7.83198 11 5.5C11 5.41711 10.9982 5.33465 10.9945 5.25266C10.0444 4.47002 8.82708 4 7.5 4Z" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 15C5.02898 15 2.93856 13.3705 2.24474 11.1274C3.20199 11.6823 4.31389 12 5.5 12C6.19781 12 6.86994 11.89 7.5 11.6865C8.13006 11.89 8.80219 12 9.5 12C10.6861 12 11.798 11.6823 12.7553 11.1274C12.0614 13.3705 9.97102 15 7.5 15Z" fill="#f3da35"></path> <path d="M13.9545 8.72675C14.6122 7.82039 15 6.70549 15 5.5C15 2.46243 12.5376 0 9.5 0C9.47897 0 9.45796 0.000118079 9.43699 0.000353605C9.29015 0.00200229 9.14469 0.00940594 9.00083 0.0223483C10.6114 1.0538 11.737 2.77608 11.9596 4.77113C13.0395 5.78989 13.7705 7.17448 13.9545 8.72675Z" fill="#f3da35"></path> <path d="M5.99917 0.0223471C5.83476 0.00755596 5.66826 0 5.5 0C2.46243 0 0 2.46243 0 5.5C0 6.70549 0.387827 7.82039 1.04552 8.72675C1.22951 7.17448 1.96052 5.78989 3.04041 4.77112C3.26303 2.77608 4.38864 1.0538 5.99917 0.0223471Z" fill="#f3da35"></path> <path d="M2.00546 9.74734C2.95561 10.53 4.17292 11 5.5 11C5.66826 11 5.83476 10.9924 5.99918 10.9777C4.40059 9.95386 3.27976 8.24944 3.04552 6.27325C2.38783 7.17961 2 8.29451 2 9.5C2 9.58289 2.00183 9.66535 2.00546 9.74734Z" fill="#f3da35"></path> <path d="M13 9.5C13 8.29451 12.6122 7.17961 11.9545 6.27325C11.7202 8.24945 10.5994 9.95386 9.00083 10.9777C9.16524 10.9924 9.33174 11 9.5 11C10.8271 11 12.0444 10.53 12.9945 9.74734C12.9982 9.66535 13 9.58289 13 9.5Z" fill="#f3da35"></path> <path d="M7.5 0.374941C9.05096 0.980637 10.2596 2.27004 10.7553 3.87263C9.79801 3.31769 8.68611 3 7.5 3C6.31389 3 5.20199 3.31769 4.24474 3.87263C4.74044 2.27004 5.94904 0.980637 7.5 0.374941Z" fill="#f3da35"></path> <path d="M7.5 4C6.17292 4 4.95561 4.47002 4.00546 5.25266C4.00183 5.33465 4 5.41711 4 5.5C4 7.83198 5.45132 9.82499 7.5 10.6251C9.54868 9.82499 11 7.83198 11 5.5C11 5.41711 10.9982 5.33465 10.9945 5.25266C10.0444 4.47002 8.82708 4 7.5 4Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit venn diagram as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements