Add icons to this collection by clicking the heart icon.
Watercolor icon - also known as art, education, paint, paintbrush, Watercolor, ui, and art and design. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, and orange 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v287.586c0 16.569-13.432 30-30 30h-188.5c-16.568 0-30-13.431-30-30V0c0-16.568 13.432-30 30-30H-30C-13.432-30 0-16.568 0 0"
transform="translate(256 74.853)"
fill="#efedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-72c-16.568 0-30-13.432-30-30v-287.587c0-16.568 13.432-30 30-30H0c-15.509 32.837-40.443 96.933-39 180.793C-37.688-90.552-15.161-32.083 0 0"
transform="translate(109.5 392.44)"
fill="#d5d3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v287.586c0 16.569-13.432 30-30 30h-188.5c-16.568 0-30-13.431-30-30V0c0-16.568 13.432-30 30-30H-30C-13.432-30 0-16.568 0 0"
transform="translate(504.5 74.853)"
fill="#d5d3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.358 0-27.809 12.45-27.809 27.809 0 15.358 12.451 27.808 27.809 27.808 15.359 0 27.81-12.45 27.81-27.808C27.81 12.45 15.359 0 0 0"
transform="translate(80.309 291.822)"
fill="#95dfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.832 5.107 18.467 12.809 23.411a27.673 27.673 0 0 1-15 4.399C-17.55 27.81-30 15.358-30 0c0-15.358 12.45-27.809 27.809-27.809a27.672 27.672 0 0 1 15 4.398C5.107-18.466 0-9.832 0 0"
transform="translate(82.5 319.63)"
fill="#61cfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.359 0-27.81 12.45-27.81 27.809 0 15.358 12.451 27.808 27.81 27.808 15.358 0 27.809-12.45 27.809-27.808C27.809 12.45 15.358 0 0 0"
transform="translate(183.191 291.822)"
fill="#f5ec59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.832 5.107 18.467 12.81 23.411a27.678 27.678 0 0 1-15 4.399C-17.55 27.81-30 15.358-30 0c0-15.358 12.45-27.809 27.81-27.809 5.525 0 10.67 1.619 15 4.398C5.107-18.466 0-9.832 0 0"
transform="translate(185.382 319.63)"
fill="#fed05e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.358 0-27.809 12.45-27.809 27.809 0 15.358 12.451 27.809 27.809 27.809 15.359 0 27.81-12.451 27.81-27.809C27.81 12.45 15.359 0 0 0"
transform="translate(80.309 191.204)"
fill="#78dda6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.833 5.107 18.467 12.809 23.411a27.673 27.673 0 0 1-15 4.399C-17.55 27.81-30 15.358-30 0c0-15.358 12.45-27.809 27.809-27.809a27.672 27.672 0 0 1 15 4.398C5.107-18.466 0-9.832 0 0"
transform="translate(82.5 219.013)"
fill="#42d28b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.359 0-27.81 12.45-27.81 27.809 0 15.358 12.451 27.809 27.81 27.809 15.358 0 27.809-12.451 27.809-27.809C27.809 12.45 15.358 0 0 0"
transform="translate(183.191 191.204)"
fill="#f2657c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.833 5.107 18.467 12.81 23.411a27.678 27.678 0 0 1-15 4.399C-17.55 27.81-30 15.358-30 0c0-15.358 12.45-27.809 27.81-27.809 5.525 0 10.67 1.619 15 4.398C5.107-18.466 0-9.832 0 0"
transform="translate(185.382 219.013)"
fill="#ea385a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.358 0-27.809 12.45-27.809 27.809 0 15.358 12.451 27.809 27.809 27.809 15.359 0 27.81-12.451 27.81-27.809C27.81 12.45 15.359 0 0 0"
transform="translate(80.309 90.586)"
fill="#fed05e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.833 5.107 18.467 12.809 23.411a27.673 27.673 0 0 1-15 4.399C-17.55 27.81-30 15.359-30 0c0-15.358 12.45-27.809 27.809-27.809a27.672 27.672 0 0 1 15 4.398C5.107-18.466 0-9.832 0 0"
transform="translate(82.5 118.394)"
fill="#f8ae4b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.359 0-27.81 12.45-27.81 27.809 0 15.358 12.451 27.809 27.81 27.809 15.358 0 27.809-12.451 27.809-27.809C27.809 12.45 15.358 0 0 0"
transform="translate(183.191 90.586)"
fill="#6a647f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.833 5.107 18.467 12.81 23.411a27.678 27.678 0 0 1-15 4.399C-17.55 27.81-30 15.359-30 0c0-15.358 12.45-27.809 27.81-27.809 5.525 0 10.67 1.619 15 4.398C5.107-18.466 0-9.832 0 0"
transform="translate(185.382 118.394)"
fill="#5c576e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50.961L-63.31 234.119c-1.143 21.675 16.123 39.877 37.83 39.877 21.706 0 38.972-18.202 37.829-39.877z"
transform="translate(405.73 193.15)"
fill="#6a647f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 4.314-81.803h50.961L59.59 0a57.856 57.856 0 0 1-29.795 8.215A57.856 57.856 0 0 1 0 0"
transform="translate(350.455 274.953)"
fill="#5c576e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.831-29.398-64.515-46.383-86.691-5.927-7.74-17.575-7.74-23.502 0C-86.869-64.515-116.268-22.831-116.268 0c0 32.106 26.028 58.134 58.134 58.134C-26.027 58.134 0 32.106 0 0"
transform="translate(438.384 190.034)"
fill="#f5ec59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 21.13 11.273 39.623 28.133 49.801-8.759 5.287-19.024 8.333-30 8.333C-33.974 58.134-60 32.106-60 0c0-22.831 29.397-64.515 46.382-86.691 5.927-7.74 17.575-7.74 23.502 0 5.298 6.918 11.803 15.734 18.249 25.284C13.917-40.343 0-15.709 0 0"
transform="translate(382.117 190.034)"
fill="#fed05e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h80.063c16.569 0 30 13.432 30 30v287.586c0 16.569-13.431 30-30 30h-188.5c-16.568 0-30-13.431-30-30V30c0-16.568 13.432-30 30-30H-35"
transform="translate(145.936 44.853)"
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 0h58.26c16.57 0 30-13.43 30-30v-287.58c0-16.57-13.43-30-30-30h-188.5c-16.571 0-30 13.43-30 30V-30c0 16.57 13.429 30 30 30h58.26"
transform="translate(416.24 392.437)"
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 0v0c-15.358 0-27.809 12.45-27.809 27.809 0 15.358 12.451 27.808 27.809 27.808 15.359 0 27.81-12.45 27.81-27.808C27.81 12.45 15.359 0 0 0Z"
transform="translate(80.309 291.822)"
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 0v0c-15.359 0-27.81 12.45-27.81 27.809 0 15.358 12.451 27.808 27.81 27.808 15.358 0 27.809-12.45 27.809-27.808C27.809 12.45 15.358 0 0 0Z"
transform="translate(183.191 291.822)"
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 0v0c-15.358 0-27.809 12.45-27.809 27.809 0 15.358 12.451 27.809 27.809 27.809 15.359 0 27.81-12.451 27.81-27.809C27.81 12.45 15.359 0 0 0Z"
transform="translate(80.309 191.204)"
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 0v0c-15.359 0-27.81 12.45-27.81 27.809 0 15.358 12.451 27.809 27.81 27.809 15.358 0 27.809-12.451 27.809-27.809C27.809 12.45 15.358 0 0 0Z"
transform="translate(183.191 191.204)"
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 0v0c-15.358 0-27.809 12.45-27.809 27.809 0 15.358 12.451 27.809 27.809 27.809 15.359 0 27.81-12.451 27.81-27.809C27.81 12.45 15.359 0 0 0Z"
transform="translate(80.309 90.586)"
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 0v0c-15.359 0-27.81 12.45-27.81 27.809 0 15.358 12.451 27.809 27.81 27.809 15.358 0 27.809-12.451 27.809-27.809C27.809 12.45 15.358 0 0 0Z"
transform="translate(183.191 90.586)"
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 0-3.013-57.082"
transform="translate(411.263 298.068)"
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 0-9.83 186.28c-1.14 21.68 16.12 39.88 37.83 39.88 21.03 0 37.88-17.08 37.88-37.849 0-.67-.01-1.351-.05-2.031l-4.964-94.062"
transform="translate(352.25 240.986)"
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 0c0-22.831-29.398-64.515-46.383-86.691-5.927-7.74-17.575-7.74-23.502 0C-86.869-64.515-116.268-22.831-116.268 0c0 32.106 26.028 58.134 58.134 58.134C-26.027 58.134 0 32.106 0 0Z"
transform="translate(438.384 190.034)"
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