Add icons to this collection by clicking the heart icon.
Watercolor icon - also known as art, painting, painter, paint, Watercolor, and art and design. Created in a clean lineal color style with a white, silver, gray, black, red, maroon, purple, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M133.75 340.041h-45.5v73.5h45.5zM423.75 340.041h-45.5v73.5h45.5z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#c0dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-447c-13.807 0-25 11.192-25 25v291.329c0 5.524 4.477 10 10 10H15c5.523 0 10-4.476 10-10V25C25 11.192 13.807 0 0 0"
transform="translate(479.5 30.879)"
fill="#e6f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-54.91c0-5.523-4.477-10-10-10h-477c-5.523 0-10 4.477-10 10V0c0 13.808 11.193 25 25 25h447C-11.193 25 0 13.808 0 0"
transform="translate(504.5 456.121)"
fill="#e6f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.363a5.787 5.787 0 0 0-5.787 5.788v39.584a5.786 5.786 0 0 0 5.787 5.787H0a5.788 5.788 0 0 0 5.788-5.787V5.788A5.789 5.789 0 0 0 0 0"
transform="translate(119.65 270.424)"
fill="#bf98e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.363a5.788 5.788 0 0 0-5.787 5.788v39.584a5.787 5.787 0 0 0 5.787 5.787H0a5.788 5.788 0 0 0 5.788-5.787V5.788A5.789 5.789 0 0 0 0 0"
transform="translate(230.004 270.424)"
fill="#72e4a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.363a5.788 5.788 0 0 0-5.788 5.788v39.584a5.787 5.787 0 0 0 5.788 5.787H0a5.787 5.787 0 0 0 5.787-5.787V5.788A5.788 5.788 0 0 0 0 0"
transform="translate(340.359 270.424)"
fill="#e7387f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.363a5.788 5.788 0 0 0-5.788 5.788v39.584a5.787 5.787 0 0 0 5.788 5.787H0a5.787 5.787 0 0 0 5.787-5.787V5.788A5.788 5.788 0 0 0 0 0"
transform="translate(450.713 270.424)"
fill="#fdc202"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.363a5.786 5.786 0 0 0-5.787 5.787v39.585a5.786 5.786 0 0 0 5.787 5.787H0a5.788 5.788 0 0 0 5.788-5.787V5.787A5.788 5.788 0 0 0 0 0"
transform="translate(119.65 66.504)"
fill="#f5acca"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.363a5.787 5.787 0 0 0-5.787 5.787v39.585a5.787 5.787 0 0 0 5.787 5.787H0a5.788 5.788 0 0 0 5.788-5.787V5.787A5.788 5.788 0 0 0 0 0"
transform="translate(230.004 66.504)"
fill="#81b8fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.363a5.787 5.787 0 0 0-5.788 5.787v39.585a5.787 5.787 0 0 0 5.788 5.787H0a5.787 5.787 0 0 0 5.787-5.787V5.787A5.787 5.787 0 0 0 0 0"
transform="translate(340.359 66.504)"
fill="#c97e67"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.363a5.787 5.787 0 0 0-5.788 5.787v39.585a5.787 5.787 0 0 0 5.788 5.787H0a5.787 5.787 0 0 0 5.787-5.787V5.787A5.787 5.787 0 0 0 0 0"
transform="translate(450.713 66.504)"
fill="#8e8391"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-19.08c0-14.54-11.79-26.33-26.33-26.33h-104c-14.54 0-26.33 11.79-26.33 26.33V0z"
transform="translate(334.33 481.121)"
fill="#c0dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-13.81 0-25 11.19-25 25v291.33c0 5.521 4.48 10 10 10h29.5c-5.52 0-10-4.479-10-10V25C-30.5 11.19-13.81 0 0 0"
transform="translate(67.5 30.88)"
fill="#cde2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.5c-5.52 0-10 4.48-10 10v54.91c0 13.81 11.19 25 25 25H15c-13.81 0-25-11.19-25-25V10C-10 4.48-5.52 0 0 0"
transform="translate(47 391.21)"
fill="#cde2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-427.333a5 5 0 0 0-5 5v66.667a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(469.666 155.71)"
fill="#a0cafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-2.76 0-5 2.24-5 5v66.67c0 2.76 2.24 5 5 5H0c-2.76 0-5-2.24-5-5V5c0-2.76 2.24-5 5-5"
transform="translate(77.33 155.71)"
fill="#81b8fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.46 1.335-1.395 3.677.17 4.887C37.856 34.01 76.071 1.864 69.546 6.545c2.864-2.054 2.864-6.314 0-8.367C47.851-17.387 18.088-16.542 0 0"
transform="translate(369.13 190.894)"
fill="#7c3f2c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-14.54 0-26.33 11.79-26.33 26.33v19.08h35V26.33C-26.33 11.79-14.54 0 0 0"
transform="translate(239 435.71)"
fill="#a0cafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-3.2 0-5.79 2.6-5.79 5.79v39.59c0 3.19 2.59 5.78 5.79 5.78H0c-3.2 0-5.79-2.59-5.79-5.78V5.79C-5.79 2.6-3.2 0 0 0"
transform="translate(96.29 270.42)"
fill="#af7fdf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35a5.8 5.8 0 0 0-5.79 5.79v39.59c0 3.19 2.6 5.78 5.79 5.78H0c-3.19 0-5.79-2.59-5.79-5.78V5.79A5.8 5.8 0 0 1 0 0"
transform="translate(206.64 270.42)"
fill="#6ad394"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-3.2 0-5.79 2.6-5.79 5.79v39.59c0 3.19 2.59 5.78 5.79 5.78H0c-3.2 0-5.79-2.59-5.79-5.78V5.79C-5.79 2.6-3.2 0 0 0"
transform="translate(317 270.42)"
fill="#e20a62"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-3.2 0-5.79 2.6-5.79 5.79v39.59c0 3.19 2.59 5.78 5.79 5.78H0c-3.2 0-5.79-2.59-5.79-5.78V5.79C-5.79 2.6-3.2 0 0 0"
transform="translate(427.35 270.42)"
fill="#f0a70a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-3.2 0-5.79 2.59-5.79 5.79v39.59c0 3.19 2.59 5.78 5.79 5.78H0c-3.2 0-5.79-2.59-5.79-5.78V5.79C-5.79 2.59-3.2 0 0 0"
transform="translate(96.29 66.5)"
fill="#f291b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-3.19 0-5.79 2.59-5.79 5.79v39.59c0 3.19 2.6 5.78 5.79 5.78H0c-3.19 0-5.79-2.59-5.79-5.78V5.79C-5.79 2.59-3.19 0 0 0"
transform="translate(206.64 66.5)"
fill="#62a6fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-3.2 0-5.79 2.59-5.79 5.79v39.59c0 3.19 2.59 5.78 5.79 5.78H0c-3.2 0-5.79-2.59-5.79-5.78V5.79C-5.79 2.59-3.2 0 0 0"
transform="translate(317 66.5)"
fill="#c0694e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-3.2 0-5.79 2.59-5.79 5.79v39.59c0 3.19 2.59 5.78 5.79 5.78H0c-3.2 0-5.79-2.59-5.79-5.78V5.79C-5.79 2.59-3.2 0 0 0"
transform="translate(427.35 66.5)"
fill="#766d78"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-447c-13.807 0-25 11.192-25 25v291.329c0 5.524 4.477 10 10 10H15c5.523 0 10-4.476 10-10V25C25 11.192 13.807 0 0 0Z"
transform="translate(479.5 30.879)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="1000,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v-54.91c0-5.523-4.477-10-10-10h-477c-5.523 0-10 4.477-10 10V0c0 13.808 11.193 25 25 25h447C-11.193 25 0 13.808 0 0Z"
transform="translate(504.5 456.121)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="690,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h-58.363a5.787 5.787 0 0 0-5.787 5.788v39.584a5.786 5.786 0 0 0 5.787 5.787H0a5.788 5.788 0 0 0 5.788-5.787V5.788A5.789 5.789 0 0 0 0 0Z"
transform="translate(119.65 270.424)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-58.363a5.788 5.788 0 0 0-5.787 5.788v39.584a5.787 5.787 0 0 0 5.787 5.787H0a5.788 5.788 0 0 0 5.788-5.787V5.788A5.789 5.789 0 0 0 0 0Z"
transform="translate(230.004 270.424)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-58.363a5.788 5.788 0 0 0-5.788 5.788v39.584a5.787 5.787 0 0 0 5.788 5.787H0a5.787 5.787 0 0 0 5.787-5.787V5.788A5.788 5.788 0 0 0 0 0Z"
transform="translate(340.359 270.424)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-58.363a5.788 5.788 0 0 0-5.788 5.788v39.584a5.787 5.787 0 0 0 5.788 5.787H0a5.787 5.787 0 0 0 5.787-5.787V5.788A5.788 5.788 0 0 0 0 0Z"
transform="translate(450.713 270.424)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-58.363a5.786 5.786 0 0 0-5.787 5.787v39.585a5.786 5.786 0 0 0 5.787 5.787H0a5.788 5.788 0 0 0 5.788-5.787V5.787A5.788 5.788 0 0 0 0 0Z"
transform="translate(119.65 66.504)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-58.363a5.787 5.787 0 0 0-5.787 5.787v39.585a5.787 5.787 0 0 0 5.787 5.787H0a5.788 5.788 0 0 0 5.788-5.787V5.787A5.788 5.788 0 0 0 0 0Z"
transform="translate(230.004 66.504)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-58.363a5.787 5.787 0 0 0-5.788 5.787v39.585a5.787 5.787 0 0 0 5.788 5.787H0a5.787 5.787 0 0 0 5.787-5.787V5.787A5.787 5.787 0 0 0 0 0Z"
transform="translate(340.359 66.504)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-58.363a5.787 5.787 0 0 0-5.788 5.787v39.585a5.787 5.787 0 0 0 5.788 5.787H0a5.787 5.787 0 0 0 5.787-5.787V5.787A5.787 5.787 0 0 0 0 0Z"
transform="translate(450.713 66.504)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-427.333a5 5 0 0 0-5 5v66.667a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(469.666 155.71)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="790,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h296"
transform="translate(71.175 193.255)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-2.856 2.398-4.397 4.054-4.397 4.054s4.241 3.631 11.688 7.574c18.373 9.727 40.697 8.114 57.589-4.004l2.224-1.596c2.864-2.053 2.864-6.313 0-8.367C46.805-16.901 19.131-16.066 0 0Z"
transform="translate(371.573 191.41)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-19.08c0-14.54-11.79-26.33-26.33-26.33h-104c-14.54 0-26.33 11.79-26.33 26.33V0z"
transform="translate(334.33 481.121)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v34"
transform="translate(88.25 357.21)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v34"
transform="translate(133.75 357.21)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v34"
transform="translate(378.25 357.21)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v34"
transform="translate(423.75 357.21)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category