# cloud-sun-rain icon Cloud sun rain. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/cloud-sun-rain - Category: Weather - Use it for: sun showers, scattered showers, passing showers, isolated showers - Tags: sun showers, scattered showers, partly cloudy rain, rain, sun, cloud, showers, day, weather, forecast - Family: cloud, cloud-alert, cloud-arrow-down, cloud-arrow-up, cloud-check, cloud-clock, cloud-drizzle, cloud-fog, cloud-gear, cloud-hail, cloud-lightning, cloud-lock, cloud-moon, cloud-moon-rain, cloud-off, cloud-pause, cloud-plus, cloud-rain, cloud-rain-heavy, cloud-shield, cloud-sleet, cloud-snow, cloud-sun, cloud-sync, cloud-x, clouds - Component name: CloudSunRainIcon - Added: 2026-10-29 - Since: version 0.2.0 - npm: `import { CloudSunRainIcon } from '@gentleface/react';` (@gentleface/react 0.2.0) - Changed: 2026-10-30 (added) ## Alternatives - `cloud-moon-rain`: showers at night ## Also fits - shower: rain showers in a forecast - night showers: showers by day ## Files Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. - line-round: https://gentleface.com/svg/line-round/16/cloud-sun-rain.svg · PNG https://gentleface.com/png/line-round/16/cloud-sun-rain.png · https://gentleface.com/png/line-round/32/cloud-sun-rain.png · https://gentleface.com/png/line-round/48/cloud-sun-rain.png - line-soft: https://gentleface.com/svg/line-soft/16/cloud-sun-rain.svg · PNG https://gentleface.com/png/line-soft/16/cloud-sun-rain.png · https://gentleface.com/png/line-soft/32/cloud-sun-rain.png · https://gentleface.com/png/line-soft/48/cloud-sun-rain.png - line-sharp: https://gentleface.com/svg/line-sharp/16/cloud-sun-rain.svg · PNG https://gentleface.com/png/line-sharp/16/cloud-sun-rain.png · https://gentleface.com/png/line-sharp/32/cloud-sun-rain.png · https://gentleface.com/png/line-sharp/48/cloud-sun-rain.png - solid-round: https://gentleface.com/svg/solid-round/16/cloud-sun-rain.svg · PNG https://gentleface.com/png/solid-round/16/cloud-sun-rain.png · https://gentleface.com/png/solid-round/32/cloud-sun-rain.png · https://gentleface.com/png/solid-round/48/cloud-sun-rain.png - solid-soft: https://gentleface.com/svg/solid-soft/16/cloud-sun-rain.svg · PNG https://gentleface.com/png/solid-soft/16/cloud-sun-rain.png · https://gentleface.com/png/solid-soft/32/cloud-sun-rain.png · https://gentleface.com/png/solid-soft/48/cloud-sun-rain.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/cloud-sun-rain.svg · PNG https://gentleface.com/png/solid-sharp/16/cloud-sun-rain.png · https://gentleface.com/png/solid-sharp/32/cloud-sun-rain.png · https://gentleface.com/png/solid-sharp/48/cloud-sun-rain.png The SVG of every style: https://gentleface.com/icons/cloud-sun-rain.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "cloud-sun-rain" (line-round), MIT. https://gentleface.com/icons/cloud-sun-rain import type { SVGProps } from 'react'; export function CloudSunRainIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "cloud-sun-rain" (line-round), MIT. https://gentleface.com/icons/cloud-sun-rain. Takes the text color. */ .icon-cloud-sun-rain { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M9 2.5C9 2.641 8.952 2.759 8.856 2.856C8.759 2.952 8.641 3 8.5 3C8.359 3 8.241 2.952 8.144 2.856C8.048 2.759 8 2.641 8 2.5L8 1.5C8 1.359 8.048 1.241 8.144 1.144C8.241 1.048 8.359 1 8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5L9 2.5ZM12.854 3.854C12.754 3.953 12.636 4.003 12.5 4.003C12.364 4.003 12.246 3.953 12.146 3.854C12.049 3.756 12 3.638 12 3.5C12 3.362 12.049 3.244 12.146 3.146L13.146 2.146C13.246 2.047 13.364 1.997 13.5 1.997C13.636 1.997 13.754 2.047 13.854 2.146C13.951 2.244 14 2.362 14 2.5C14 2.638 13.951 2.756 13.854 2.854L12.854 3.854ZM2.202 10.859C1.814 10.479 1.515 10.037 1.306 9.535C1.114 9.072 1.012 8.589 1.001 8.087C0.99 7.585 1.071 7.098 1.243 6.627C1.43 6.116 1.709 5.662 2.081 5.265C2.453 4.868 2.887 4.56 3.385 4.341C3.844 4.138 4.325 4.026 4.826 4.004C5.328 3.982 5.816 4.052 6.292 4.214C6.806 4.39 7.266 4.659 7.671 5.022C8.076 5.385 8.393 5.813 8.624 6.306C8.74 6.555 8.83 6.811 8.892 7.074C9.013 7.044 9.137 7.023 9.264 7.011C9.673 6.972 10.069 7.031 10.449 7.187C10.83 7.343 11.152 7.579 11.417 7.895C11.652 8.176 11.818 8.494 11.913 8.848C12.009 9.202 12.026 9.56 11.964 9.921C11.895 10.327 11.735 10.693 11.485 11.02C11.235 11.347 10.923 11.596 10.55 11.769C10.217 11.923 9.867 12 9.5 12L5 12C4.498 12 4.013 11.909 3.545 11.726C3.039 11.528 2.591 11.239 2.202 10.859ZM8.554 4.483C8.555 4.475 8.557 4.467 8.558 4.459C8.583 4.323 8.653 4.217 8.767 4.138C8.881 4.06 9.005 4.034 9.141 4.059C9.653 4.155 10.121 4.354 10.544 4.659C10.967 4.963 11.305 5.343 11.558 5.798C11.625 5.918 11.64 6.045 11.602 6.178C11.564 6.311 11.485 6.411 11.364 6.478C11.347 6.488 11.329 6.496 11.312 6.504C11.159 6.412 10.998 6.332 10.829 6.262C10.762 6.235 10.695 6.209 10.627 6.186C10.453 5.904 10.231 5.666 9.96 5.471C9.682 5.271 9.377 5.134 9.046 5.06C8.898 4.856 8.734 4.664 8.554 4.483ZM10.691 10.412C10.841 10.216 10.937 9.996 10.979 9.753C11.016 9.536 11.005 9.321 10.948 9.109C10.891 8.896 10.791 8.706 10.65 8.537C10.491 8.348 10.298 8.206 10.07 8.112C9.841 8.019 9.604 7.983 9.358 8.007C9.139 8.028 8.935 8.093 8.744 8.204C8.677 8.244 8.603 8.266 8.525 8.271C8.384 8.28 8.263 8.24 8.161 8.15C8.059 8.061 8.003 7.945 7.994 7.805C7.969 7.429 7.877 7.071 7.718 6.729C7.545 6.36 7.307 6.039 7.003 5.767C6.7 5.494 6.355 5.292 5.969 5.161C5.612 5.039 5.246 4.986 4.87 5.003C4.494 5.019 4.133 5.103 3.789 5.255C3.416 5.42 3.09 5.651 2.811 5.949C2.532 6.247 2.322 6.587 2.182 6.97C2.053 7.324 1.993 7.689 2.001 8.065C2.009 8.442 2.085 8.804 2.23 9.151C2.386 9.528 2.61 9.859 2.902 10.144C3.193 10.429 3.529 10.646 3.909 10.795C4.26 10.932 4.623 11 5 11L9.5 11C9.72 11 9.93 10.954 10.13 10.861C10.354 10.758 10.541 10.608 10.691 10.412ZM13 7.5C13 7.359 13.048 7.241 13.144 7.144C13.241 7.048 13.359 7 13.5 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5ZM9.5 15.003C9.364 15.003 9.246 14.953 9.146 14.854C9.047 14.754 8.997 14.636 8.997 14.5C8.997 14.364 9.047 14.246 9.146 14.146L10.146 13.146C10.246 13.047 10.364 12.997 10.5 12.997C10.636 12.997 10.754 13.047 10.854 13.146C10.953 13.246 11.003 13.364 11.003 13.5C11.003 13.636 10.953 13.754 10.854 13.854L9.854 14.854C9.754 14.953 9.636 15.003 9.5 15.003ZM4.146 13.146C4.244 13.049 4.362 13 4.5 13C4.638 13 4.756 13.049 4.854 13.146C4.953 13.246 5.003 13.364 5.003 13.5C5.003 13.636 4.953 13.754 4.854 13.854L3.854 14.854C3.756 14.951 3.638 15 3.5 15C3.362 15 3.244 14.951 3.146 14.854C3.047 14.754 2.997 14.636 2.997 14.5C2.997 14.364 3.047 14.246 3.146 14.146L4.146 13.146ZM7.854 13.146C7.953 13.246 8.003 13.364 8.003 13.5C8.003 13.636 7.953 13.754 7.854 13.854L6.854 14.854C6.756 14.951 6.638 15 6.5 15C6.362 15 6.244 14.951 6.146 14.854C6.047 14.754 5.997 14.636 5.997 14.5C5.997 14.364 6.047 14.246 6.146 14.146L7.146 13.146C7.244 13.049 7.361 13 7.499 13L7.501 13C7.639 13 7.756 13.049 7.854 13.146Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M9 2.5C9 2.641 8.952 2.759 8.856 2.856C8.759 2.952 8.641 3 8.5 3C8.359 3 8.241 2.952 8.144 2.856C8.048 2.759 8 2.641 8 2.5L8 1.5C8 1.359 8.048 1.241 8.144 1.144C8.241 1.048 8.359 1 8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5L9 2.5ZM12.854 3.854C12.754 3.953 12.636 4.003 12.5 4.003C12.364 4.003 12.246 3.953 12.146 3.854C12.049 3.756 12 3.638 12 3.5C12 3.362 12.049 3.244 12.146 3.146L13.146 2.146C13.246 2.047 13.364 1.997 13.5 1.997C13.636 1.997 13.754 2.047 13.854 2.146C13.951 2.244 14 2.362 14 2.5C14 2.638 13.951 2.756 13.854 2.854L12.854 3.854ZM2.202 10.859C1.814 10.479 1.515 10.037 1.306 9.535C1.114 9.072 1.012 8.589 1.001 8.087C0.99 7.585 1.071 7.098 1.243 6.627C1.43 6.116 1.709 5.662 2.081 5.265C2.453 4.868 2.887 4.56 3.385 4.341C3.844 4.138 4.325 4.026 4.826 4.004C5.328 3.982 5.816 4.052 6.292 4.214C6.806 4.39 7.266 4.659 7.671 5.022C8.076 5.385 8.393 5.813 8.624 6.306C8.74 6.555 8.83 6.811 8.892 7.074C9.013 7.044 9.137 7.023 9.264 7.011C9.673 6.972 10.069 7.031 10.449 7.187C10.83 7.343 11.152 7.579 11.417 7.895C11.652 8.176 11.818 8.494 11.913 8.848C12.009 9.202 12.026 9.56 11.964 9.921C11.895 10.327 11.735 10.693 11.485 11.02C11.235 11.347 10.923 11.596 10.55 11.769C10.217 11.923 9.867 12 9.5 12L5 12C4.498 12 4.013 11.909 3.545 11.726C3.039 11.528 2.591 11.239 2.202 10.859ZM8.554 4.483C8.555 4.475 8.557 4.467 8.558 4.459C8.583 4.323 8.653 4.217 8.767 4.138C8.881 4.06 9.005 4.034 9.141 4.059C9.653 4.155 10.121 4.354 10.544 4.659C10.967 4.963 11.305 5.343 11.558 5.798C11.625 5.918 11.64 6.045 11.602 6.178C11.564 6.311 11.485 6.411 11.364 6.478C11.347 6.488 11.329 6.496 11.312 6.504C11.159 6.412 10.998 6.332 10.829 6.262C10.762 6.235 10.695 6.209 10.627 6.186C10.453 5.904 10.231 5.666 9.96 5.471C9.682 5.271 9.377 5.134 9.046 5.06C8.898 4.856 8.734 4.664 8.554 4.483ZM10.691 10.412C10.841 10.216 10.937 9.996 10.979 9.753C11.016 9.536 11.005 9.321 10.948 9.109C10.891 8.896 10.791 8.706 10.65 8.537C10.491 8.348 10.298 8.206 10.07 8.112C9.841 8.019 9.604 7.983 9.358 8.007C9.139 8.028 8.935 8.093 8.744 8.204C8.677 8.244 8.603 8.266 8.525 8.271C8.384 8.28 8.263 8.24 8.161 8.15C8.059 8.061 8.003 7.945 7.994 7.805C7.969 7.429 7.877 7.071 7.718 6.729C7.545 6.36 7.307 6.039 7.003 5.767C6.7 5.494 6.355 5.292 5.969 5.161C5.612 5.039 5.246 4.986 4.87 5.003C4.494 5.019 4.133 5.103 3.789 5.255C3.416 5.42 3.09 5.651 2.811 5.949C2.532 6.247 2.322 6.587 2.182 6.97C2.053 7.324 1.993 7.689 2.001 8.065C2.009 8.442 2.085 8.804 2.23 9.151C2.386 9.528 2.61 9.859 2.902 10.144C3.193 10.429 3.529 10.646 3.909 10.795C4.26 10.932 4.623 11 5 11L9.5 11C9.72 11 9.93 10.954 10.13 10.861C10.354 10.758 10.541 10.608 10.691 10.412ZM13 7.5C13 7.359 13.048 7.241 13.144 7.144C13.241 7.048 13.359 7 13.5 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5ZM9.5 15.003C9.364 15.003 9.246 14.953 9.146 14.854C9.047 14.754 8.997 14.636 8.997 14.5C8.997 14.364 9.047 14.246 9.146 14.146L10.146 13.146C10.246 13.047 10.364 12.997 10.5 12.997C10.636 12.997 10.754 13.047 10.854 13.146C10.953 13.246 11.003 13.364 11.003 13.5C11.003 13.636 10.953 13.754 10.854 13.854L9.854 14.854C9.754 14.953 9.636 15.003 9.5 15.003ZM4.146 13.146C4.244 13.049 4.362 13 4.5 13C4.638 13 4.756 13.049 4.854 13.146C4.953 13.246 5.003 13.364 5.003 13.5C5.003 13.636 4.953 13.754 4.854 13.854L3.854 14.854C3.756 14.951 3.638 15 3.5 15C3.362 15 3.244 14.951 3.146 14.854C3.047 14.754 2.997 14.636 2.997 14.5C2.997 14.364 3.047 14.246 3.146 14.146L4.146 13.146ZM7.854 13.146C7.953 13.246 8.003 13.364 8.003 13.5C8.003 13.636 7.953 13.754 7.854 13.854L6.854 14.854C6.756 14.951 6.638 15 6.5 15C6.362 15 6.244 14.951 6.146 14.854C6.047 14.754 5.997 14.636 5.997 14.5C5.997 14.364 6.047 14.246 6.146 14.146L7.146 13.146C7.244 13.049 7.361 13 7.499 13L7.501 13C7.639 13 7.756 13.049 7.854 13.146Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M9 2.5C9 2.641 8.952 2.759 8.856 2.856C8.759 2.952 8.641 3 8.5 3C8.359 3 8.241 2.952 8.144 2.856C8.048 2.759 8 2.641 8 2.5L8 1.5C8 1.359 8.048 1.241 8.144 1.144C8.241 1.048 8.359 1 8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5L9 2.5ZM12.854 3.854C12.754 3.953 12.636 4.003 12.5 4.003C12.364 4.003 12.246 3.953 12.146 3.854C12.049 3.756 12 3.638 12 3.5C12 3.362 12.049 3.244 12.146 3.146L13.146 2.146C13.246 2.047 13.364 1.997 13.5 1.997C13.636 1.997 13.754 2.047 13.854 2.146C13.951 2.244 14 2.362 14 2.5C14 2.638 13.951 2.756 13.854 2.854L12.854 3.854ZM2.202 10.859C1.814 10.479 1.515 10.037 1.306 9.535C1.114 9.072 1.012 8.589 1.001 8.087C0.99 7.585 1.071 7.098 1.243 6.627C1.43 6.116 1.709 5.662 2.081 5.265C2.453 4.868 2.887 4.56 3.385 4.341C3.844 4.138 4.325 4.026 4.826 4.004C5.328 3.982 5.816 4.052 6.292 4.214C6.806 4.39 7.266 4.659 7.671 5.022C8.076 5.385 8.393 5.813 8.624 6.306C8.74 6.555 8.83 6.811 8.892 7.074C9.013 7.044 9.137 7.023 9.264 7.011C9.673 6.972 10.069 7.031 10.449 7.187C10.83 7.343 11.152 7.579 11.417 7.895C11.652 8.176 11.818 8.494 11.913 8.848C12.009 9.202 12.026 9.56 11.964 9.921C11.895 10.327 11.735 10.693 11.485 11.02C11.235 11.347 10.923 11.596 10.55 11.769C10.217 11.923 9.867 12 9.5 12L5 12C4.498 12 4.013 11.909 3.545 11.726C3.039 11.528 2.591 11.239 2.202 10.859ZM8.554 4.483C8.555 4.475 8.557 4.467 8.558 4.459C8.583 4.323 8.653 4.217 8.767 4.138C8.881 4.06 9.005 4.034 9.141 4.059C9.653 4.155 10.121 4.354 10.544 4.659C10.967 4.963 11.305 5.343 11.558 5.798C11.625 5.918 11.64 6.045 11.602 6.178C11.564 6.311 11.485 6.411 11.364 6.478C11.347 6.488 11.329 6.496 11.312 6.504C11.159 6.412 10.998 6.332 10.829 6.262C10.762 6.235 10.695 6.209 10.627 6.186C10.453 5.904 10.231 5.666 9.96 5.471C9.682 5.271 9.377 5.134 9.046 5.06C8.898 4.856 8.734 4.664 8.554 4.483ZM10.691 10.412C10.841 10.216 10.937 9.996 10.979 9.753C11.016 9.536 11.005 9.321 10.948 9.109C10.891 8.896 10.791 8.706 10.65 8.537C10.491 8.348 10.298 8.206 10.07 8.112C9.841 8.019 9.604 7.983 9.358 8.007C9.139 8.028 8.935 8.093 8.744 8.204C8.677 8.244 8.603 8.266 8.525 8.271C8.384 8.28 8.263 8.24 8.161 8.15C8.059 8.061 8.003 7.945 7.994 7.805C7.969 7.429 7.877 7.071 7.718 6.729C7.545 6.36 7.307 6.039 7.003 5.767C6.7 5.494 6.355 5.292 5.969 5.161C5.612 5.039 5.246 4.986 4.87 5.003C4.494 5.019 4.133 5.103 3.789 5.255C3.416 5.42 3.09 5.651 2.811 5.949C2.532 6.247 2.322 6.587 2.182 6.97C2.053 7.324 1.993 7.689 2.001 8.065C2.009 8.442 2.085 8.804 2.23 9.151C2.386 9.528 2.61 9.859 2.902 10.144C3.193 10.429 3.529 10.646 3.909 10.795C4.26 10.932 4.623 11 5 11L9.5 11C9.72 11 9.93 10.954 10.13 10.861C10.354 10.758 10.541 10.608 10.691 10.412ZM13 7.5C13 7.359 13.048 7.241 13.144 7.144C13.241 7.048 13.359 7 13.5 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5ZM9.5 15.003C9.364 15.003 9.246 14.953 9.146 14.854C9.047 14.754 8.997 14.636 8.997 14.5C8.997 14.364 9.047 14.246 9.146 14.146L10.146 13.146C10.246 13.047 10.364 12.997 10.5 12.997C10.636 12.997 10.754 13.047 10.854 13.146C10.953 13.246 11.003 13.364 11.003 13.5C11.003 13.636 10.953 13.754 10.854 13.854L9.854 14.854C9.754 14.953 9.636 15.003 9.5 15.003ZM4.146 13.146C4.244 13.049 4.362 13 4.5 13C4.638 13 4.756 13.049 4.854 13.146C4.953 13.246 5.003 13.364 5.003 13.5C5.003 13.636 4.953 13.754 4.854 13.854L3.854 14.854C3.756 14.951 3.638 15 3.5 15C3.362 15 3.244 14.951 3.146 14.854C3.047 14.754 2.997 14.636 2.997 14.5C2.997 14.364 3.047 14.246 3.146 14.146L4.146 13.146ZM7.854 13.146C7.953 13.246 8.003 13.364 8.003 13.5C8.003 13.636 7.953 13.754 7.854 13.854L6.854 14.854C6.756 14.951 6.638 15 6.5 15C6.362 15 6.244 14.951 6.146 14.854C6.047 14.754 5.997 14.636 5.997 14.5C5.997 14.364 6.047 14.246 6.146 14.146L7.146 13.146C7.244 13.049 7.361 13 7.499 13L7.501 13C7.639 13 7.756 13.049 7.854 13.146Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "cloud-sun-rain" (line-round), MIT. https://gentleface.com/icons/cloud-sun-rain import SwiftUI struct CloudSunRainIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 9, y: 2.5)) p.addCurve(to: CGPoint(x: 8.856, y: 2.856), control1: CGPoint(x: 9, y: 2.641), control2: CGPoint(x: 8.952, y: 2.759)) p.addCurve(to: CGPoint(x: 8.5, y: 3), control1: CGPoint(x: 8.759, y: 2.952), control2: CGPoint(x: 8.641, y: 3)) p.addCurve(to: CGPoint(x: 8.144, y: 2.856), control1: CGPoint(x: 8.359, y: 3), control2: CGPoint(x: 8.241, y: 2.952)) p.addCurve(to: CGPoint(x: 8, y: 2.5), control1: CGPoint(x: 8.048, y: 2.759), control2: CGPoint(x: 8, y: 2.641)) p.addLine(to: CGPoint(x: 8, y: 1.5)) p.addCurve(to: CGPoint(x: 8.144, y: 1.144), control1: CGPoint(x: 8, y: 1.359), control2: CGPoint(x: 8.048, y: 1.241)) p.addCurve(to: CGPoint(x: 8.5, y: 1), control1: CGPoint(x: 8.241, y: 1.048), control2: CGPoint(x: 8.359, y: 1)) p.addCurve(to: CGPoint(x: 8.856, y: 1.144), control1: CGPoint(x: 8.641, y: 1), control2: CGPoint(x: 8.759, y: 1.048)) p.addCurve(to: CGPoint(x: 9, y: 1.5), control1: CGPoint(x: 8.952, y: 1.241), control2: CGPoint(x: 9, y: 1.359)) p.addLine(to: CGPoint(x: 9, y: 2.5)) p.closeSubpath() p.move(to: CGPoint(x: 12.854, y: 3.854)) p.addCurve(to: CGPoint(x: 12.5, y: 4.003), control1: CGPoint(x: 12.754, y: 3.953), control2: CGPoint(x: 12.636, y: 4.003)) p.addCurve(to: CGPoint(x: 12.146, y: 3.854), control1: CGPoint(x: 12.364, y: 4.003), control2: CGPoint(x: 12.246, y: 3.953)) p.addCurve(to: CGPoint(x: 12, y: 3.5), control1: CGPoint(x: 12.049, y: 3.756), control2: CGPoint(x: 12, y: 3.638)) p.addCurve(to: CGPoint(x: 12.146, y: 3.146), control1: CGPoint(x: 12, y: 3.362), control2: CGPoint(x: 12.049, y: 3.244)) p.addLine(to: CGPoint(x: 13.146, y: 2.146)) p.addCurve(to: CGPoint(x: 13.5, y: 1.997), control1: CGPoint(x: 13.246, y: 2.047), control2: CGPoint(x: 13.364, y: 1.997)) p.addCurve(to: CGPoint(x: 13.854, y: 2.146), control1: CGPoint(x: 13.636, y: 1.997), control2: CGPoint(x: 13.754, y: 2.047)) p.addCurve(to: CGPoint(x: 14, y: 2.5), control1: CGPoint(x: 13.951, y: 2.244), control2: CGPoint(x: 14, y: 2.362)) p.addCurve(to: CGPoint(x: 13.854, y: 2.854), control1: CGPoint(x: 14, y: 2.638), control2: CGPoint(x: 13.951, y: 2.756)) p.addLine(to: CGPoint(x: 12.854, y: 3.854)) p.closeSubpath() p.move(to: CGPoint(x: 2.202, y: 10.859)) p.addCurve(to: CGPoint(x: 1.306, y: 9.535), control1: CGPoint(x: 1.814, y: 10.479), control2: CGPoint(x: 1.515, y: 10.037)) p.addCurve(to: CGPoint(x: 1.001, y: 8.087), control1: CGPoint(x: 1.114, y: 9.072), control2: CGPoint(x: 1.012, y: 8.589)) p.addCurve(to: CGPoint(x: 1.243, y: 6.627), control1: CGPoint(x: 0.99, y: 7.585), control2: CGPoint(x: 1.071, y: 7.098)) p.addCurve(to: CGPoint(x: 2.081, y: 5.265), control1: CGPoint(x: 1.43, y: 6.116), control2: CGPoint(x: 1.709, y: 5.662)) p.addCurve(to: CGPoint(x: 3.385, y: 4.341), control1: CGPoint(x: 2.453, y: 4.868), control2: CGPoint(x: 2.887, y: 4.56)) p.addCurve(to: CGPoint(x: 4.826, y: 4.004), control1: CGPoint(x: 3.844, y: 4.138), control2: CGPoint(x: 4.325, y: 4.026)) p.addCurve(to: CGPoint(x: 6.292, y: 4.214), control1: CGPoint(x: 5.328, y: 3.982), control2: CGPoint(x: 5.816, y: 4.052)) p.addCurve(to: CGPoint(x: 7.671, y: 5.022), control1: CGPoint(x: 6.806, y: 4.39), control2: CGPoint(x: 7.266, y: 4.659)) p.addCurve(to: CGPoint(x: 8.624, y: 6.306), control1: CGPoint(x: 8.076, y: 5.385), control2: CGPoint(x: 8.393, y: 5.813)) p.addCurve(to: CGPoint(x: 8.892, y: 7.074), control1: CGPoint(x: 8.74, y: 6.555), control2: CGPoint(x: 8.83, y: 6.811)) p.addCurve(to: CGPoint(x: 9.264, y: 7.011), control1: CGPoint(x: 9.013, y: 7.044), control2: CGPoint(x: 9.137, y: 7.023)) p.addCurve(to: CGPoint(x: 10.449, y: 7.187), control1: CGPoint(x: 9.673, y: 6.972), control2: CGPoint(x: 10.069, y: 7.031)) p.addCurve(to: CGPoint(x: 11.417, y: 7.895), control1: CGPoint(x: 10.83, y: 7.343), control2: CGPoint(x: 11.152, y: 7.579)) p.addCurve(to: CGPoint(x: 11.913, y: 8.848), control1: CGPoint(x: 11.652, y: 8.176), control2: CGPoint(x: 11.818, y: 8.494)) p.addCurve(to: CGPoint(x: 11.964, y: 9.921), control1: CGPoint(x: 12.009, y: 9.202), control2: CGPoint(x: 12.026, y: 9.56)) p.addCurve(to: CGPoint(x: 11.485, y: 11.02), control1: CGPoint(x: 11.895, y: 10.327), control2: CGPoint(x: 11.735, y: 10.693)) p.addCurve(to: CGPoint(x: 10.55, y: 11.769), control1: CGPoint(x: 11.235, y: 11.347), control2: CGPoint(x: 10.923, y: 11.596)) p.addCurve(to: CGPoint(x: 9.5, y: 12), control1: CGPoint(x: 10.217, y: 11.923), control2: CGPoint(x: 9.867, y: 12)) p.addLine(to: CGPoint(x: 5, y: 12)) p.addCurve(to: CGPoint(x: 3.545, y: 11.726), control1: CGPoint(x: 4.498, y: 12), control2: CGPoint(x: 4.013, y: 11.909)) p.addCurve(to: CGPoint(x: 2.202, y: 10.859), control1: CGPoint(x: 3.039, y: 11.528), control2: CGPoint(x: 2.591, y: 11.239)) p.closeSubpath() p.move(to: CGPoint(x: 8.554, y: 4.483)) p.addCurve(to: CGPoint(x: 8.558, y: 4.459), control1: CGPoint(x: 8.555, y: 4.475), control2: CGPoint(x: 8.557, y: 4.467)) p.addCurve(to: CGPoint(x: 8.767, y: 4.138), control1: CGPoint(x: 8.583, y: 4.323), control2: CGPoint(x: 8.653, y: 4.217)) p.addCurve(to: CGPoint(x: 9.141, y: 4.059), control1: CGPoint(x: 8.881, y: 4.06), control2: CGPoint(x: 9.005, y: 4.034)) p.addCurve(to: CGPoint(x: 10.544, y: 4.659), control1: CGPoint(x: 9.653, y: 4.155), control2: CGPoint(x: 10.121, y: 4.354)) p.addCurve(to: CGPoint(x: 11.558, y: 5.798), control1: CGPoint(x: 10.967, y: 4.963), control2: CGPoint(x: 11.305, y: 5.343)) p.addCurve(to: CGPoint(x: 11.602, y: 6.178), control1: CGPoint(x: 11.625, y: 5.918), control2: CGPoint(x: 11.64, y: 6.045)) p.addCurve(to: CGPoint(x: 11.364, y: 6.478), control1: CGPoint(x: 11.564, y: 6.311), control2: CGPoint(x: 11.485, y: 6.411)) p.addCurve(to: CGPoint(x: 11.312, y: 6.504), control1: CGPoint(x: 11.347, y: 6.488), control2: CGPoint(x: 11.329, y: 6.496)) p.addCurve(to: CGPoint(x: 10.829, y: 6.262), control1: CGPoint(x: 11.159, y: 6.412), control2: CGPoint(x: 10.998, y: 6.332)) p.addCurve(to: CGPoint(x: 10.627, y: 6.186), control1: CGPoint(x: 10.762, y: 6.235), control2: CGPoint(x: 10.695, y: 6.209)) p.addCurve(to: CGPoint(x: 9.96, y: 5.471), control1: CGPoint(x: 10.453, y: 5.904), control2: CGPoint(x: 10.231, y: 5.666)) p.addCurve(to: CGPoint(x: 9.046, y: 5.06), control1: CGPoint(x: 9.682, y: 5.271), control2: CGPoint(x: 9.377, y: 5.134)) p.addCurve(to: CGPoint(x: 8.554, y: 4.483), control1: CGPoint(x: 8.898, y: 4.856), control2: CGPoint(x: 8.734, y: 4.664)) p.closeSubpath() p.move(to: CGPoint(x: 10.691, y: 10.412)) p.addCurve(to: CGPoint(x: 10.979, y: 9.753), control1: CGPoint(x: 10.841, y: 10.216), control2: CGPoint(x: 10.937, y: 9.996)) p.addCurve(to: CGPoint(x: 10.948, y: 9.109), control1: CGPoint(x: 11.016, y: 9.536), control2: CGPoint(x: 11.005, y: 9.321)) p.addCurve(to: CGPoint(x: 10.65, y: 8.537), control1: CGPoint(x: 10.891, y: 8.896), control2: CGPoint(x: 10.791, y: 8.706)) p.addCurve(to: CGPoint(x: 10.07, y: 8.112), control1: CGPoint(x: 10.491, y: 8.348), control2: CGPoint(x: 10.298, y: 8.206)) p.addCurve(to: CGPoint(x: 9.358, y: 8.007), control1: CGPoint(x: 9.841, y: 8.019), control2: CGPoint(x: 9.604, y: 7.983)) p.addCurve(to: CGPoint(x: 8.744, y: 8.204), control1: CGPoint(x: 9.139, y: 8.028), control2: CGPoint(x: 8.935, y: 8.093)) p.addCurve(to: CGPoint(x: 8.525, y: 8.271), control1: CGPoint(x: 8.677, y: 8.244), control2: CGPoint(x: 8.603, y: 8.266)) p.addCurve(to: CGPoint(x: 8.161, y: 8.15), control1: CGPoint(x: 8.384, y: 8.28), control2: CGPoint(x: 8.263, y: 8.24)) p.addCurve(to: CGPoint(x: 7.994, y: 7.805), control1: CGPoint(x: 8.059, y: 8.061), control2: CGPoint(x: 8.003, y: 7.945)) p.addCurve(to: CGPoint(x: 7.718, y: 6.729), control1: CGPoint(x: 7.969, y: 7.429), control2: CGPoint(x: 7.877, y: 7.071)) p.addCurve(to: CGPoint(x: 7.003, y: 5.767), control1: CGPoint(x: 7.545, y: 6.36), control2: CGPoint(x: 7.307, y: 6.039)) p.addCurve(to: CGPoint(x: 5.969, y: 5.161), control1: CGPoint(x: 6.7, y: 5.494), control2: CGPoint(x: 6.355, y: 5.292)) p.addCurve(to: CGPoint(x: 4.87, y: 5.003), control1: CGPoint(x: 5.612, y: 5.039), control2: CGPoint(x: 5.246, y: 4.986)) p.addCurve(to: CGPoint(x: 3.789, y: 5.255), control1: CGPoint(x: 4.494, y: 5.019), control2: CGPoint(x: 4.133, y: 5.103)) p.addCurve(to: CGPoint(x: 2.811, y: 5.949), control1: CGPoint(x: 3.416, y: 5.42), control2: CGPoint(x: 3.09, y: 5.651)) p.addCurve(to: CGPoint(x: 2.182, y: 6.97), control1: CGPoint(x: 2.532, y: 6.247), control2: CGPoint(x: 2.322, y: 6.587)) p.addCurve(to: CGPoint(x: 2.001, y: 8.065), control1: CGPoint(x: 2.053, y: 7.324), control2: CGPoint(x: 1.993, y: 7.689)) p.addCurve(to: CGPoint(x: 2.23, y: 9.151), control1: CGPoint(x: 2.009, y: 8.442), control2: CGPoint(x: 2.085, y: 8.804)) p.addCurve(to: CGPoint(x: 2.902, y: 10.144), control1: CGPoint(x: 2.386, y: 9.528), control2: CGPoint(x: 2.61, y: 9.859)) p.addCurve(to: CGPoint(x: 3.909, y: 10.795), control1: CGPoint(x: 3.193, y: 10.429), control2: CGPoint(x: 3.529, y: 10.646)) p.addCurve(to: CGPoint(x: 5, y: 11), control1: CGPoint(x: 4.26, y: 10.932), control2: CGPoint(x: 4.623, y: 11)) p.addLine(to: CGPoint(x: 9.5, y: 11)) p.addCurve(to: CGPoint(x: 10.13, y: 10.861), control1: CGPoint(x: 9.72, y: 11), control2: CGPoint(x: 9.93, y: 10.954)) p.addCurve(to: CGPoint(x: 10.691, y: 10.412), control1: CGPoint(x: 10.354, y: 10.758), control2: CGPoint(x: 10.541, y: 10.608)) p.closeSubpath() p.move(to: CGPoint(x: 13, y: 7.5)) p.addCurve(to: CGPoint(x: 13.144, y: 7.144), control1: CGPoint(x: 13, y: 7.359), control2: CGPoint(x: 13.048, y: 7.241)) p.addCurve(to: CGPoint(x: 13.5, y: 7), control1: CGPoint(x: 13.241, y: 7.048), control2: CGPoint(x: 13.359, y: 7)) p.addLine(to: CGPoint(x: 14.5, y: 7)) p.addCurve(to: CGPoint(x: 14.856, y: 7.144), control1: CGPoint(x: 14.641, y: 7), control2: CGPoint(x: 14.759, y: 7.048)) p.addCurve(to: CGPoint(x: 15, y: 7.5), control1: CGPoint(x: 14.952, y: 7.241), control2: CGPoint(x: 15, y: 7.359)) p.addCurve(to: CGPoint(x: 14.856, y: 7.856), control1: CGPoint(x: 15, y: 7.641), control2: CGPoint(x: 14.952, y: 7.759)) p.addCurve(to: CGPoint(x: 14.5, y: 8), control1: CGPoint(x: 14.759, y: 7.952), control2: CGPoint(x: 14.641, y: 8)) p.addLine(to: CGPoint(x: 13.5, y: 8)) p.addCurve(to: CGPoint(x: 13.144, y: 7.856), control1: CGPoint(x: 13.359, y: 8), control2: CGPoint(x: 13.241, y: 7.952)) p.addCurve(to: CGPoint(x: 13, y: 7.5), control1: CGPoint(x: 13.048, y: 7.759), control2: CGPoint(x: 13, y: 7.641)) p.closeSubpath() p.move(to: CGPoint(x: 9.5, y: 15.003)) p.addCurve(to: CGPoint(x: 9.146, y: 14.854), control1: CGPoint(x: 9.364, y: 15.003), control2: CGPoint(x: 9.246, y: 14.953)) p.addCurve(to: CGPoint(x: 8.997, y: 14.5), control1: CGPoint(x: 9.047, y: 14.754), control2: CGPoint(x: 8.997, y: 14.636)) p.addCurve(to: CGPoint(x: 9.146, y: 14.146), control1: CGPoint(x: 8.997, y: 14.364), control2: CGPoint(x: 9.047, y: 14.246)) p.addLine(to: CGPoint(x: 10.146, y: 13.146)) p.addCurve(to: CGPoint(x: 10.5, y: 12.997), control1: CGPoint(x: 10.246, y: 13.047), control2: CGPoint(x: 10.364, y: 12.997)) p.addCurve(to: CGPoint(x: 10.854, y: 13.146), control1: CGPoint(x: 10.636, y: 12.997), control2: CGPoint(x: 10.754, y: 13.047)) p.addCurve(to: CGPoint(x: 11.003, y: 13.5), control1: CGPoint(x: 10.953, y: 13.246), control2: CGPoint(x: 11.003, y: 13.364)) p.addCurve(to: CGPoint(x: 10.854, y: 13.854), control1: CGPoint(x: 11.003, y: 13.636), control2: CGPoint(x: 10.953, y: 13.754)) p.addLine(to: CGPoint(x: 9.854, y: 14.854)) p.addCurve(to: CGPoint(x: 9.5, y: 15.003), control1: CGPoint(x: 9.754, y: 14.953), control2: CGPoint(x: 9.636, y: 15.003)) p.closeSubpath() p.move(to: CGPoint(x: 4.146, y: 13.146)) p.addCurve(to: CGPoint(x: 4.5, y: 13), control1: CGPoint(x: 4.244, y: 13.049), control2: CGPoint(x: 4.362, y: 13)) p.addCurve(to: CGPoint(x: 4.854, y: 13.146), control1: CGPoint(x: 4.638, y: 13), control2: CGPoint(x: 4.756, y: 13.049)) p.addCurve(to: CGPoint(x: 5.003, y: 13.5), control1: CGPoint(x: 4.953, y: 13.246), control2: CGPoint(x: 5.003, y: 13.364)) p.addCurve(to: CGPoint(x: 4.854, y: 13.854), control1: CGPoint(x: 5.003, y: 13.636), control2: CGPoint(x: 4.953, y: 13.754)) p.addLine(to: CGPoint(x: 3.854, y: 14.854)) p.addCurve(to: CGPoint(x: 3.5, y: 15), control1: CGPoint(x: 3.756, y: 14.951), control2: CGPoint(x: 3.638, y: 15)) p.addCurve(to: CGPoint(x: 3.146, y: 14.854), control1: CGPoint(x: 3.362, y: 15), control2: CGPoint(x: 3.244, y: 14.951)) p.addCurve(to: CGPoint(x: 2.997, y: 14.5), control1: CGPoint(x: 3.047, y: 14.754), control2: CGPoint(x: 2.997, y: 14.636)) p.addCurve(to: CGPoint(x: 3.146, y: 14.146), control1: CGPoint(x: 2.997, y: 14.364), control2: CGPoint(x: 3.047, y: 14.246)) p.addLine(to: CGPoint(x: 4.146, y: 13.146)) p.closeSubpath() p.move(to: CGPoint(x: 7.854, y: 13.146)) p.addCurve(to: CGPoint(x: 8.003, y: 13.5), control1: CGPoint(x: 7.953, y: 13.246), control2: CGPoint(x: 8.003, y: 13.364)) p.addCurve(to: CGPoint(x: 7.854, y: 13.854), control1: CGPoint(x: 8.003, y: 13.636), control2: CGPoint(x: 7.953, y: 13.754)) p.addLine(to: CGPoint(x: 6.854, y: 14.854)) p.addCurve(to: CGPoint(x: 6.5, y: 15), control1: CGPoint(x: 6.756, y: 14.951), control2: CGPoint(x: 6.638, y: 15)) p.addCurve(to: CGPoint(x: 6.146, y: 14.854), control1: CGPoint(x: 6.362, y: 15), control2: CGPoint(x: 6.244, y: 14.951)) p.addCurve(to: CGPoint(x: 5.997, y: 14.5), control1: CGPoint(x: 6.047, y: 14.754), control2: CGPoint(x: 5.997, y: 14.636)) p.addCurve(to: CGPoint(x: 6.146, y: 14.146), control1: CGPoint(x: 5.997, y: 14.364), control2: CGPoint(x: 6.047, y: 14.246)) p.addLine(to: CGPoint(x: 7.146, y: 13.146)) p.addCurve(to: CGPoint(x: 7.499, y: 13), control1: CGPoint(x: 7.244, y: 13.049), control2: CGPoint(x: 7.361, y: 13)) p.addLine(to: CGPoint(x: 7.501, y: 13)) p.addCurve(to: CGPoint(x: 7.854, y: 13.146), control1: CGPoint(x: 7.639, y: 13), control2: CGPoint(x: 7.756, y: 13.049)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // CloudSunRainIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "cloud-sun-rain" (line-round), MIT. https://gentleface.com/icons/cloud-sun-rain import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val CloudSunRainIcon: ImageVector by lazy { ImageVector.Builder( name = "cloud-sun-rain", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M9 2.5C9 2.641 8.952 2.759 8.856 2.856C8.759 2.952 8.641 3 8.5 3C8.359 3 8.241 2.952 8.144 2.856C8.048 2.759 8 2.641 8 2.5L8 1.5C8 1.359 8.048 1.241 8.144 1.144C8.241 1.048 8.359 1 8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5L9 2.5ZM12.854 3.854C12.754 3.953 12.636 4.003 12.5 4.003C12.364 4.003 12.246 3.953 12.146 3.854C12.049 3.756 12 3.638 12 3.5C12 3.362 12.049 3.244 12.146 3.146L13.146 2.146C13.246 2.047 13.364 1.997 13.5 1.997C13.636 1.997 13.754 2.047 13.854 2.146C13.951 2.244 14 2.362 14 2.5C14 2.638 13.951 2.756 13.854 2.854L12.854 3.854ZM2.202 10.859C1.814 10.479 1.515 10.037 1.306 9.535C1.114 9.072 1.012 8.589 1.001 8.087C0.99 7.585 1.071 7.098 1.243 6.627C1.43 6.116 1.709 5.662 2.081 5.265C2.453 4.868 2.887 4.56 3.385 4.341C3.844 4.138 4.325 4.026 4.826 4.004C5.328 3.982 5.816 4.052 6.292 4.214C6.806 4.39 7.266 4.659 7.671 5.022C8.076 5.385 8.393 5.813 8.624 6.306C8.74 6.555 8.83 6.811 8.892 7.074C9.013 7.044 9.137 7.023 9.264 7.011C9.673 6.972 10.069 7.031 10.449 7.187C10.83 7.343 11.152 7.579 11.417 7.895C11.652 8.176 11.818 8.494 11.913 8.848C12.009 9.202 12.026 9.56 11.964 9.921C11.895 10.327 11.735 10.693 11.485 11.02C11.235 11.347 10.923 11.596 10.55 11.769C10.217 11.923 9.867 12 9.5 12L5 12C4.498 12 4.013 11.909 3.545 11.726C3.039 11.528 2.591 11.239 2.202 10.859ZM8.554 4.483C8.555 4.475 8.557 4.467 8.558 4.459C8.583 4.323 8.653 4.217 8.767 4.138C8.881 4.06 9.005 4.034 9.141 4.059C9.653 4.155 10.121 4.354 10.544 4.659C10.967 4.963 11.305 5.343 11.558 5.798C11.625 5.918 11.64 6.045 11.602 6.178C11.564 6.311 11.485 6.411 11.364 6.478C11.347 6.488 11.329 6.496 11.312 6.504C11.159 6.412 10.998 6.332 10.829 6.262C10.762 6.235 10.695 6.209 10.627 6.186C10.453 5.904 10.231 5.666 9.96 5.471C9.682 5.271 9.377 5.134 9.046 5.06C8.898 4.856 8.734 4.664 8.554 4.483ZM10.691 10.412C10.841 10.216 10.937 9.996 10.979 9.753C11.016 9.536 11.005 9.321 10.948 9.109C10.891 8.896 10.791 8.706 10.65 8.537C10.491 8.348 10.298 8.206 10.07 8.112C9.841 8.019 9.604 7.983 9.358 8.007C9.139 8.028 8.935 8.093 8.744 8.204C8.677 8.244 8.603 8.266 8.525 8.271C8.384 8.28 8.263 8.24 8.161 8.15C8.059 8.061 8.003 7.945 7.994 7.805C7.969 7.429 7.877 7.071 7.718 6.729C7.545 6.36 7.307 6.039 7.003 5.767C6.7 5.494 6.355 5.292 5.969 5.161C5.612 5.039 5.246 4.986 4.87 5.003C4.494 5.019 4.133 5.103 3.789 5.255C3.416 5.42 3.09 5.651 2.811 5.949C2.532 6.247 2.322 6.587 2.182 6.97C2.053 7.324 1.993 7.689 2.001 8.065C2.009 8.442 2.085 8.804 2.23 9.151C2.386 9.528 2.61 9.859 2.902 10.144C3.193 10.429 3.529 10.646 3.909 10.795C4.26 10.932 4.623 11 5 11L9.5 11C9.72 11 9.93 10.954 10.13 10.861C10.354 10.758 10.541 10.608 10.691 10.412ZM13 7.5C13 7.359 13.048 7.241 13.144 7.144C13.241 7.048 13.359 7 13.5 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5ZM9.5 15.003C9.364 15.003 9.246 14.953 9.146 14.854C9.047 14.754 8.997 14.636 8.997 14.5C8.997 14.364 9.047 14.246 9.146 14.146L10.146 13.146C10.246 13.047 10.364 12.997 10.5 12.997C10.636 12.997 10.754 13.047 10.854 13.146C10.953 13.246 11.003 13.364 11.003 13.5C11.003 13.636 10.953 13.754 10.854 13.854L9.854 14.854C9.754 14.953 9.636 15.003 9.5 15.003ZM4.146 13.146C4.244 13.049 4.362 13 4.5 13C4.638 13 4.756 13.049 4.854 13.146C4.953 13.246 5.003 13.364 5.003 13.5C5.003 13.636 4.953 13.754 4.854 13.854L3.854 14.854C3.756 14.951 3.638 15 3.5 15C3.362 15 3.244 14.951 3.146 14.854C3.047 14.754 2.997 14.636 2.997 14.5C2.997 14.364 3.047 14.246 3.146 14.146L4.146 13.146ZM7.854 13.146C7.953 13.246 8.003 13.364 8.003 13.5C8.003 13.636 7.953 13.754 7.854 13.854L6.854 14.854C6.756 14.951 6.638 15 6.5 15C6.362 15 6.244 14.951 6.146 14.854C6.047 14.754 5.997 14.636 5.997 14.5C5.997 14.364 6.047 14.246 6.146 14.146L7.146 13.146C7.244 13.049 7.361 13 7.499 13L7.501 13C7.639 13 7.756 13.049 7.854 13.146Z"), fill = SolidColor(Color.Black), ).build() } // Icon(CloudSunRainIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "cloud-sun-rain" (line-round), MIT. https://gentleface.com/icons/cloud-sun-rain import 'package:flutter/widgets.dart'; class CloudSunRainIcon extends StatelessWidget { const CloudSunRainIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _CloudSunRainIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _CloudSunRainIconPainter extends CustomPainter { _CloudSunRainIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(9, 2.5) ..cubicTo(9, 2.641, 8.952, 2.759, 8.856, 2.856) ..cubicTo(8.759, 2.952, 8.641, 3, 8.5, 3) ..cubicTo(8.359, 3, 8.241, 2.952, 8.144, 2.856) ..cubicTo(8.048, 2.759, 8, 2.641, 8, 2.5) ..lineTo(8, 1.5) ..cubicTo(8, 1.359, 8.048, 1.241, 8.144, 1.144) ..cubicTo(8.241, 1.048, 8.359, 1, 8.5, 1) ..cubicTo(8.641, 1, 8.759, 1.048, 8.856, 1.144) ..cubicTo(8.952, 1.241, 9, 1.359, 9, 1.5) ..lineTo(9, 2.5) ..close() ..moveTo(12.854, 3.854) ..cubicTo(12.754, 3.953, 12.636, 4.003, 12.5, 4.003) ..cubicTo(12.364, 4.003, 12.246, 3.953, 12.146, 3.854) ..cubicTo(12.049, 3.756, 12, 3.638, 12, 3.5) ..cubicTo(12, 3.362, 12.049, 3.244, 12.146, 3.146) ..lineTo(13.146, 2.146) ..cubicTo(13.246, 2.047, 13.364, 1.997, 13.5, 1.997) ..cubicTo(13.636, 1.997, 13.754, 2.047, 13.854, 2.146) ..cubicTo(13.951, 2.244, 14, 2.362, 14, 2.5) ..cubicTo(14, 2.638, 13.951, 2.756, 13.854, 2.854) ..lineTo(12.854, 3.854) ..close() ..moveTo(2.202, 10.859) ..cubicTo(1.814, 10.479, 1.515, 10.037, 1.306, 9.535) ..cubicTo(1.114, 9.072, 1.012, 8.589, 1.001, 8.087) ..cubicTo(0.99, 7.585, 1.071, 7.098, 1.243, 6.627) ..cubicTo(1.43, 6.116, 1.709, 5.662, 2.081, 5.265) ..cubicTo(2.453, 4.868, 2.887, 4.56, 3.385, 4.341) ..cubicTo(3.844, 4.138, 4.325, 4.026, 4.826, 4.004) ..cubicTo(5.328, 3.982, 5.816, 4.052, 6.292, 4.214) ..cubicTo(6.806, 4.39, 7.266, 4.659, 7.671, 5.022) ..cubicTo(8.076, 5.385, 8.393, 5.813, 8.624, 6.306) ..cubicTo(8.74, 6.555, 8.83, 6.811, 8.892, 7.074) ..cubicTo(9.013, 7.044, 9.137, 7.023, 9.264, 7.011) ..cubicTo(9.673, 6.972, 10.069, 7.031, 10.449, 7.187) ..cubicTo(10.83, 7.343, 11.152, 7.579, 11.417, 7.895) ..cubicTo(11.652, 8.176, 11.818, 8.494, 11.913, 8.848) ..cubicTo(12.009, 9.202, 12.026, 9.56, 11.964, 9.921) ..cubicTo(11.895, 10.327, 11.735, 10.693, 11.485, 11.02) ..cubicTo(11.235, 11.347, 10.923, 11.596, 10.55, 11.769) ..cubicTo(10.217, 11.923, 9.867, 12, 9.5, 12) ..lineTo(5, 12) ..cubicTo(4.498, 12, 4.013, 11.909, 3.545, 11.726) ..cubicTo(3.039, 11.528, 2.591, 11.239, 2.202, 10.859) ..close() ..moveTo(8.554, 4.483) ..cubicTo(8.555, 4.475, 8.557, 4.467, 8.558, 4.459) ..cubicTo(8.583, 4.323, 8.653, 4.217, 8.767, 4.138) ..cubicTo(8.881, 4.06, 9.005, 4.034, 9.141, 4.059) ..cubicTo(9.653, 4.155, 10.121, 4.354, 10.544, 4.659) ..cubicTo(10.967, 4.963, 11.305, 5.343, 11.558, 5.798) ..cubicTo(11.625, 5.918, 11.64, 6.045, 11.602, 6.178) ..cubicTo(11.564, 6.311, 11.485, 6.411, 11.364, 6.478) ..cubicTo(11.347, 6.488, 11.329, 6.496, 11.312, 6.504) ..cubicTo(11.159, 6.412, 10.998, 6.332, 10.829, 6.262) ..cubicTo(10.762, 6.235, 10.695, 6.209, 10.627, 6.186) ..cubicTo(10.453, 5.904, 10.231, 5.666, 9.96, 5.471) ..cubicTo(9.682, 5.271, 9.377, 5.134, 9.046, 5.06) ..cubicTo(8.898, 4.856, 8.734, 4.664, 8.554, 4.483) ..close() ..moveTo(10.691, 10.412) ..cubicTo(10.841, 10.216, 10.937, 9.996, 10.979, 9.753) ..cubicTo(11.016, 9.536, 11.005, 9.321, 10.948, 9.109) ..cubicTo(10.891, 8.896, 10.791, 8.706, 10.65, 8.537) ..cubicTo(10.491, 8.348, 10.298, 8.206, 10.07, 8.112) ..cubicTo(9.841, 8.019, 9.604, 7.983, 9.358, 8.007) ..cubicTo(9.139, 8.028, 8.935, 8.093, 8.744, 8.204) ..cubicTo(8.677, 8.244, 8.603, 8.266, 8.525, 8.271) ..cubicTo(8.384, 8.28, 8.263, 8.24, 8.161, 8.15) ..cubicTo(8.059, 8.061, 8.003, 7.945, 7.994, 7.805) ..cubicTo(7.969, 7.429, 7.877, 7.071, 7.718, 6.729) ..cubicTo(7.545, 6.36, 7.307, 6.039, 7.003, 5.767) ..cubicTo(6.7, 5.494, 6.355, 5.292, 5.969, 5.161) ..cubicTo(5.612, 5.039, 5.246, 4.986, 4.87, 5.003) ..cubicTo(4.494, 5.019, 4.133, 5.103, 3.789, 5.255) ..cubicTo(3.416, 5.42, 3.09, 5.651, 2.811, 5.949) ..cubicTo(2.532, 6.247, 2.322, 6.587, 2.182, 6.97) ..cubicTo(2.053, 7.324, 1.993, 7.689, 2.001, 8.065) ..cubicTo(2.009, 8.442, 2.085, 8.804, 2.23, 9.151) ..cubicTo(2.386, 9.528, 2.61, 9.859, 2.902, 10.144) ..cubicTo(3.193, 10.429, 3.529, 10.646, 3.909, 10.795) ..cubicTo(4.26, 10.932, 4.623, 11, 5, 11) ..lineTo(9.5, 11) ..cubicTo(9.72, 11, 9.93, 10.954, 10.13, 10.861) ..cubicTo(10.354, 10.758, 10.541, 10.608, 10.691, 10.412) ..close() ..moveTo(13, 7.5) ..cubicTo(13, 7.359, 13.048, 7.241, 13.144, 7.144) ..cubicTo(13.241, 7.048, 13.359, 7, 13.5, 7) ..lineTo(14.5, 7) ..cubicTo(14.641, 7, 14.759, 7.048, 14.856, 7.144) ..cubicTo(14.952, 7.241, 15, 7.359, 15, 7.5) ..cubicTo(15, 7.641, 14.952, 7.759, 14.856, 7.856) ..cubicTo(14.759, 7.952, 14.641, 8, 14.5, 8) ..lineTo(13.5, 8) ..cubicTo(13.359, 8, 13.241, 7.952, 13.144, 7.856) ..cubicTo(13.048, 7.759, 13, 7.641, 13, 7.5) ..close() ..moveTo(9.5, 15.003) ..cubicTo(9.364, 15.003, 9.246, 14.953, 9.146, 14.854) ..cubicTo(9.047, 14.754, 8.997, 14.636, 8.997, 14.5) ..cubicTo(8.997, 14.364, 9.047, 14.246, 9.146, 14.146) ..lineTo(10.146, 13.146) ..cubicTo(10.246, 13.047, 10.364, 12.997, 10.5, 12.997) ..cubicTo(10.636, 12.997, 10.754, 13.047, 10.854, 13.146) ..cubicTo(10.953, 13.246, 11.003, 13.364, 11.003, 13.5) ..cubicTo(11.003, 13.636, 10.953, 13.754, 10.854, 13.854) ..lineTo(9.854, 14.854) ..cubicTo(9.754, 14.953, 9.636, 15.003, 9.5, 15.003) ..close() ..moveTo(4.146, 13.146) ..cubicTo(4.244, 13.049, 4.362, 13, 4.5, 13) ..cubicTo(4.638, 13, 4.756, 13.049, 4.854, 13.146) ..cubicTo(4.953, 13.246, 5.003, 13.364, 5.003, 13.5) ..cubicTo(5.003, 13.636, 4.953, 13.754, 4.854, 13.854) ..lineTo(3.854, 14.854) ..cubicTo(3.756, 14.951, 3.638, 15, 3.5, 15) ..cubicTo(3.362, 15, 3.244, 14.951, 3.146, 14.854) ..cubicTo(3.047, 14.754, 2.997, 14.636, 2.997, 14.5) ..cubicTo(2.997, 14.364, 3.047, 14.246, 3.146, 14.146) ..lineTo(4.146, 13.146) ..close() ..moveTo(7.854, 13.146) ..cubicTo(7.953, 13.246, 8.003, 13.364, 8.003, 13.5) ..cubicTo(8.003, 13.636, 7.953, 13.754, 7.854, 13.854) ..lineTo(6.854, 14.854) ..cubicTo(6.756, 14.951, 6.638, 15, 6.5, 15) ..cubicTo(6.362, 15, 6.244, 14.951, 6.146, 14.854) ..cubicTo(6.047, 14.754, 5.997, 14.636, 5.997, 14.5) ..cubicTo(5.997, 14.364, 6.047, 14.246, 6.146, 14.146) ..lineTo(7.146, 13.146) ..cubicTo(7.244, 13.049, 7.361, 13, 7.499, 13) ..lineTo(7.501, 13) ..cubicTo(7.639, 13, 7.756, 13.049, 7.854, 13.146) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_CloudSunRainIconPainter old) => old.color != color; } ```