Home/Libraries/Glyphs (Iconify)/rain-1-outline

Glyphs (Iconify)

Rain1Outline

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#818cf8" fill-opacity=".25" d="M26.694 50.573a9.24 9.24 0 0 0 3.365 7.929a9.2 9.2 0 0 0 7.262 1.945a9.23 9.23 0 0 0 5.995-3.693a9.34 9.34 0 0 0 1.752-6.181H56.78l.074-.002h2.772a14.37 14.37 0 0 0 10.068-4.115l.083-.081a14.1 14.1 0 0 0 0-20.123l-.083-.08a14.4 14.4 0 0 0-2.77-2.125a17.5 17.5 0 0 0-.561-5.98a17.58 17.58 0 0 0-8.314-10.66l-.127-.072a18.1 18.1 0 0 0-13.514-1.736a18.1 18.1 0 0 0-10.904 8.146q-.36-.12-.73-.218a13.1 13.1 0 0 0-9.852 1.243a12.76 12.76 0 0 0-6.025 7.713a14.4 14.4 0 0 0-6.593 3.69l-.082.08a14.1 14.1 0 0 0 0 20.123l.082.08a14.37 14.37 0 0 0 10.068 4.117zM55.95 10.815a14.1 14.1 0 0 0-10.525-1.348a14.1 14.1 0 0 0-8.567 6.463l-.785 1.335a2 2 0 0 1-2.616.776a9 9 0 0 0-1.718-.65a9.1 9.1 0 0 0-6.845.859a8.76 8.76 0 0 0-4.346 6.248a2 2 0 0 1-1.685 1.669a10.37 10.37 0 0 0-5.757 2.86l-.082.08a10.1 10.1 0 0 0 0 14.415l.082.08a10.37 10.37 0 0 0 7.266 2.97h7.597a9.2 9.2 0 0 1 1.51-1.913l4.593-4.454l2.649-3.405c1.733-2.227 5.292-1.274 5.679 1.522l.591 4.273l1.132 3.978h12.62l.067-.002h2.816a10.37 10.37 0 0 0 7.266-2.97l.082-.08a10.1 10.1 0 0 0 0-14.414l-.082-.081a10.4 10.4 0 0 0-2.95-2.03a2 2 0 0 1-1.141-2.141a13.5 13.5 0 0 0-.297-5.735a13.58 13.58 0 0 0-6.427-8.233zm-16.845 32.74a2 2 0 0 1-.057-.273L38.7 40.77l-1.556 2.001q-.087.11-.187.208l-4.693 4.552a5.32 5.32 0 0 0-1.574 4.359a5.24 5.24 0 0 0 1.892 3.508a5.2 5.2 0 0 0 4.103 1.1a5.24 5.24 0 0 0 3.393-2.093a5.32 5.32 0 0 0 .816-4.562z"/><path fill="#818cf8" fill-opacity=".25" d="M26.822 58.074c-.387-2.796-3.946-3.75-5.679-1.522l-1.532 1.97l-3.42 3.316a7.49 7.49 0 0 0-2.224 6.145a7.398 7.398 0 0 0 13.355 3.578a7.49 7.49 0 0 0 1.145-6.434l-1.303-4.582zm-3.7 2.448l-.44.566q-.085.11-.185.207l-3.52 3.414a3.49 3.49 0 0 0-1.032 2.858a3.398 3.398 0 0 0 6.139 1.645a3.49 3.49 0 0 0 .536-2.991l-1.341-4.716a2 2 0 0 1-.058-.273zm32.846-4.909c-.424-2.707-3.857-3.627-5.577-1.495l-.998 1.237a24.5 24.5 0 0 1-2.4 2.573l-2.617 2.43a7.945 7.945 0 0 0 .504 12.074l.15.117a8.4 8.4 0 0 0 6.367 1.706l.187-.027a7.945 7.945 0 0 0 6.473-10.205l-1.051-3.412a24.5 24.5 0 0 1-.792-3.428zm-3.657 2.493a28.5 28.5 0 0 1-2.596 2.753l-2.617 2.43a3.945 3.945 0 0 0 .25 5.995l.15.117a4.4 4.4 0 0 0 3.335.894l.187-.027a3.945 3.945 0 0 0 3.215-5.067l-1.052-3.413a29 29 0 0 1-.872-3.682"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M26.694 50.573a9.24 9.24 0 0 0 3.365 7.929a9.2 9.2 0 0 0 7.262 1.945a9.23 9.23 0 0 0 5.995-3.693a9.34 9.34 0 0 0 1.752-6.181H56.78l.074-.002h2.772a14.37 14.37 0 0 0 10.068-4.115l.083-.081a14.1 14.1 0 0 0 0-20.123l-.083-.08a14.4 14.4 0 0 0-2.77-2.125a17.5 17.5 0 0 0-.561-5.98a17.58 17.58 0 0 0-8.314-10.66l-.127-.072a18.1 18.1 0 0 0-13.514-1.736a18.1 18.1 0 0 0-10.904 8.146q-.36-.12-.73-.218a13.1 13.1 0 0 0-9.852 1.243a12.76 12.76 0 0 0-6.025 7.713a14.4 14.4 0 0 0-6.593 3.69l-.082.08a14.1 14.1 0 0 0 0 20.123l.082.08a14.37 14.37 0 0 0 10.068 4.117zM55.95 10.815a14.1 14.1 0 0 0-10.525-1.348a14.1 14.1 0 0 0-8.567 6.463l-.785 1.335a2 2 0 0 1-2.616.776a9 9 0 0 0-1.718-.65a9.1 9.1 0 0 0-6.845.859a8.76 8.76 0 0 0-4.346 6.248a2 2 0 0 1-1.685 1.669a10.37 10.37 0 0 0-5.757 2.86l-.082.08a10.1 10.1 0 0 0 0 14.415l.082.08a10.37 10.37 0 0 0 7.266 2.97h7.597a9.2 9.2 0 0 1 1.51-1.913l4.593-4.454l2.649-3.405c1.733-2.227 5.292-1.274 5.679 1.522l.591 4.273l1.132 3.978h12.62l.067-.002h2.816a10.37 10.37 0 0 0 7.266-2.97l.082-.08a10.1 10.1 0 0 0 0-14.414l-.082-.081a10.4 10.4 0 0 0-2.95-2.03a2 2 0 0 1-1.141-2.141a13.5 13.5 0 0 0-.297-5.735a13.58 13.58 0 0 0-6.427-8.233zm-16.845 32.74a2 2 0 0 1-.057-.273L38.7 40.77l-1.556 2.001q-.087.11-.187.208l-4.693 4.552a5.32 5.32 0 0 0-1.574 4.359a5.24 5.24 0 0 0 1.892 3.508a5.2 5.2 0 0 0 4.103 1.1a5.24 5.24 0 0 0 3.393-2.093a5.32 5.32 0 0 0 .816-4.562z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M26.822 58.074c-.387-2.796-3.946-3.75-5.679-1.522l-1.532 1.97l-3.42 3.316a7.49 7.49 0 0 0-2.224 6.145a7.398 7.398 0 0 0 13.355 3.578a7.49 7.49 0 0 0 1.145-6.434l-1.303-4.582zm-3.7 2.448l-.44.566q-.085.11-.185.207l-3.52 3.414a3.49 3.49 0 0 0-1.032 2.858a3.398 3.398 0 0 0 6.139 1.645a3.49 3.49 0 0 0 .536-2.991l-1.341-4.716a2 2 0 0 1-.058-.273zm32.846-4.909c-.424-2.707-3.857-3.627-5.577-1.495l-.998 1.237a24.5 24.5 0 0 1-2.4 2.573l-2.617 2.43a7.945 7.945 0 0 0 .504 12.074l.15.117a8.4 8.4 0 0 0 6.367 1.706l.187-.027a7.945 7.945 0 0 0 6.473-10.205l-1.051-3.412a24.5 24.5 0 0 1-.792-3.428zm-3.657 2.493a28.5 28.5 0 0 1-2.596 2.753l-2.617 2.43a3.945 3.945 0 0 0 .25 5.995l.15.117a4.4 4.4 0 0 0 3.335.894l.187-.027a3.945 3.945 0 0 0 3.215-5.067l-1.052-3.413a29 29 0 0 1-.872-3.682"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. Rain1OutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →