Rain 1 Outline icon
glyphs:rain-1-outline
The Rain 1 Outline icon (glyphs:rain-1-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- rainoutline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" 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="currentColor" 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="currentColor" 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="currentColor" 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>How to use the Rain 1 Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:rain-1-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:rain-1-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:rain-1-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--rain-1-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:rain-1-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:rain-1-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/rain-1-outline.svg" alt="Rain 1 Outline icon" width="24" height="24">Related icons in Glyphs
Rain 1 Outline icon FAQ
Is the Rain 1 Outline icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Rain 1 Outline icon in React?
Install @iconify/react and render <Icon icon="glyphs:rain-1-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Rain 1 Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/rain-1-outline.svg" alt="Rain 1 Outline icon">, or paste the SVG code inline to style it with CSS.