Coolicons Icon SVG
Coolicons
Coolicons SVG Icon Code | Customize color
You can get svg icon coolicons in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.2861 17.7141C14.6462 17.7134 13.0855 17.0092 12.0001 15.7801C10.2599 17.7527 7.39798 18.2824 5.06706 17.0635C2.73614 15.8445 1.53855 13.1917 2.16595 10.6372C2.79336 8.08266 5.08363 6.28651 7.71406 6.28606C8.613 6.28392 9.49951 6.49611 10.3001 6.90506C9.67568 7.63713 9.1919 8.47824 8.87306 9.38606C7.71656 8.87383 6.3609 9.18301 5.54085 10.146C4.7208 11.109 4.63158 12.4966 5.32155 13.5567C6.01151 14.6169 7.31641 15.0971 8.52899 14.7372C9.74156 14.3773 10.5732 13.2629 10.5731 11.9981C10.5731 8.8423 13.1313 6.28406 16.2871 6.28406C19.4428 6.28406 22.0011 8.8423 22.0011 11.9981C22.0011 15.1538 19.4428 17.7121 16.2871 17.7121L16.2861 17.7141ZM13.4301 12.1001C13.4575 13.6679 14.7436 14.9207 16.3116 14.9069C17.8797 14.8932 19.1436 13.6182 19.1436 12.0501C19.1436 10.4819 17.8797 9.20689 16.3116 9.19317C14.7436 9.17944 13.4575 10.4322 13.4301 12.0001V12.1001Z" fill="black"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.2861 17.7141C14.6462 17.7134 13.0855 17.0092 12.0001 15.7801C10.2599 17.7527 7.39798 18.2824 5.06706 17.0635C2.73614 15.8445 1.53855 13.1917 2.16595 10.6372C2.79336 8.08266 5.08363 6.28651 7.71406 6.28606C8.613 6.28392 9.49951 6.49611 10.3001 6.90506C9.67568 7.63713 9.1919 8.47824 8.87306 9.38606C7.71656 8.87383 6.3609 9.18301 5.54085 10.146C4.7208 11.109 4.63158 12.4966 5.32155 13.5567C6.01151 14.6169 7.31641 15.0971 8.52899 14.7372C9.74156 14.3773 10.5732 13.2629 10.5731 11.9981C10.5731 8.8423 13.1313 6.28406 16.2871 6.28406C19.4428 6.28406 22.0011 8.8423 22.0011 11.9981C22.0011 15.1538 19.4428 17.7121 16.2871 17.7121L16.2861 17.7141ZM13.4301 12.1001C13.4575 13.6679 14.7436 14.9207 16.3116 14.9069C17.8797 14.8932 19.1436 13.6182 19.1436 12.0501C19.1436 10.4819 17.8797 9.20689 16.3116 9.19317C14.7436 9.17944 13.4575 10.4322 13.4301 12.0001V12.1001Z" fill="black"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.2861 17.7141C14.6462 17.7134 13.0855 17.0092 12.0001 15.7801C10.2599 17.7527 7.39798 18.2824 5.06706 17.0635C2.73614 15.8445 1.53855 13.1917 2.16595 10.6372C2.79336 8.08266 5.08363 6.28651 7.71406 6.28606C8.613 6.28392 9.49951 6.49611 10.3001 6.90506C9.67568 7.63713 9.1919 8.47824 8.87306 9.38606C7.71656 8.87383 6.3609 9.18301 5.54085 10.146C4.7208 11.109 4.63158 12.4966 5.32155 13.5567C6.01151 14.6169 7.31641 15.0971 8.52899 14.7372C9.74156 14.3773 10.5732 13.2629 10.5731 11.9981C10.5731 8.8423 13.1313 6.28406 16.2871 6.28406C19.4428 6.28406 22.0011 8.8423 22.0011 11.9981C22.0011 15.1538 19.4428 17.7121 16.2871 17.7121L16.2861 17.7141ZM13.4301 12.1001C13.4575 13.6679 14.7436 14.9207 16.3116 14.9069C17.8797 14.8932 19.1436 13.6182 19.1436 12.0501C19.1436 10.4819 17.8797 9.20689 16.3116 9.19317C14.7436 9.17944 13.4575 10.4322 13.4301 12.0001V12.1001Z" fill="black"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.2861 17.7141C14.6462 17.7134 13.0855 17.0092 12.0001 15.7801C10.2599 17.7527 7.39798 18.2824 5.06706 17.0635C2.73614 15.8445 1.53855 13.1917 2.16595 10.6372C2.79336 8.08266 5.08363 6.28651 7.71406 6.28606C8.613 6.28392 9.49951 6.49611 10.3001 6.90506C9.67568 7.63713 9.1919 8.47824 8.87306 9.38606C7.71656 8.87383 6.3609 9.18301 5.54085 10.146C4.7208 11.109 4.63158 12.4966 5.32155 13.5567C6.01151 14.6169 7.31641 15.0971 8.52899 14.7372C9.74156 14.3773 10.5732 13.2629 10.5731 11.9981C10.5731 8.8423 13.1313 6.28406 16.2871 6.28406C19.4428 6.28406 22.0011 8.8423 22.0011 11.9981C22.0011 15.1538 19.4428 17.7121 16.2871 17.7121L16.2861 17.7141ZM13.4301 12.1001C13.4575 13.6679 14.7436 14.9207 16.3116 14.9069C17.8797 14.8932 19.1436 13.6182 19.1436 12.0501C19.1436 10.4819 17.8797 9.20689 16.3116 9.19317C14.7436 9.17944 13.4575 10.4322 13.4301 12.0001V12.1001Z" fill="black"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.2861 17.7141C14.6462 17.7134 13.0855 17.0092 12.0001 15.7801C10.2599 17.7527 7.39798 18.2824 5.06706 17.0635C2.73614 15.8445 1.53855 13.1917 2.16595 10.6372C2.79336 8.08266 5.08363 6.28651 7.71406 6.28606C8.613 6.28392 9.49951 6.49611 10.3001 6.90506C9.67568 7.63713 9.1919 8.47824 8.87306 9.38606C7.71656 8.87383 6.3609 9.18301 5.54085 10.146C4.7208 11.109 4.63158 12.4966 5.32155 13.5567C6.01151 14.6169 7.31641 15.0971 8.52899 14.7372C9.74156 14.3773 10.5732 13.2629 10.5731 11.9981C10.5731 8.8423 13.1313 6.28406 16.2871 6.28406C19.4428 6.28406 22.0011 8.8423 22.0011 11.9981C22.0011 15.1538 19.4428 17.7121 16.2871 17.7121L16.2861 17.7141ZM13.4301 12.1001C13.4575 13.6679 14.7436 14.9207 16.3116 14.9069C17.8797 14.8932 19.1436 13.6182 19.1436 12.0501C19.1436 10.4819 17.8797 9.20689 16.3116 9.19317C14.7436 9.17944 13.4575 10.4322 13.4301 12.0001V12.1001Z" fill="black"/> </svg> Advance Editor
You can edit coolicons as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements