Smiley Crying Rainbow icon

streamline-freehand:smiley-crying-rainbow

The Smiley Crying Rainbow icon (streamline-freehand:smiley-crying-rainbow) is a free SVG icon from the Freehand free icons set by Streamline. It is drawn on a 24 × 24 grid. Freehand free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Freehand free icons
Author: Streamline
License: CC-BY-4.0
Size: 24 × 24
Category: EmailMessages
Tags: smileycrying, cryingrainbow, smileycryingrainbow

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.63 22.08a.34.34 0 0 0-.399.28a.53.53 0 0 1-.34.37a3.2 3.2 0 0 1-1.139.159c-.869 0-1.828.09-2.747 0a5.9 5.9 0 0 1-1.678-.36a1.55 1.55 0 0 1-.9-.74a1 1 0 0 1 .18-.998c.124-.176.284-.322.47-.43q.545-.305 1.139-.5q.488-.14.919-.409a.8.8 0 0 0 .33-.47a3 3 0 0 0 0-.909c-.07-.58-.25-1.209-.31-1.718c-.09-.87-.17-1.748-.23-2.628c-.06-.879-.05-1.738-.05-2.637a.3.3 0 0 0-.29-.32a.32.32 0 0 0-.31.29c-.06.889-.09 1.788-.1 2.687c-.01.9 0 1.789 0 2.678c0 .51.17 1.149.2 1.738q.039.275 0 .55c0-.07 0-.17.07-.12s0 .09-.07.12s-.479.07-.569.1a8 8 0 0 0-1.339.58a2.6 2.6 0 0 0-.839.788a2.07 2.07 0 0 0-.23 2.098a2.6 2.6 0 0 0 1.619 1.26a6.9 6.9 0 0 0 1.998.319a26 26 0 0 0 2.847-.18c.48-.012.954-.11 1.4-.29a1.19 1.19 0 0 0 .698-.909a.34.34 0 0 0-.33-.4"/><path fill="currentColor" d="M8.562 10.54a.3.3 0 0 0-.33-.27a.3.3 0 0 0-.27.34v5.565c0 1 .1 1.998.13 2.997a.35.35 0 0 0 .69 0c.1-.999.21-1.998.26-2.997v-1.309c0-.44 0-.869-.05-1.308a30 30 0 0 0-.43-3.018m7.703-.859a.29.29 0 0 0-.26.31c-.05 1.069-.12 2.118-.12 3.187v2.098c0 .7 0 1.529.08 2.298q.015.502.09.999a.339.339 0 0 0 .595.2a.35.35 0 0 0 .084-.25a8 8 0 0 1 0-1c.06-.768.18-1.538.23-2.307c.05-.77 0-1.429-.05-2.138c-.08-1.069-.26-2.108-.39-3.167a.3.3 0 0 0-.26-.23"/><path fill="currentColor" d="M21.9 18.463a5.5 5.5 0 0 0-1.44-.6c-.229-.06-.499-.08-.739-.14h-.06v-1.498c0-1.109-.08-2.208-.09-3.317V10.71a.3.3 0 0 0-.28-.32a.3.3 0 0 0-.319.28c-.08.93-.14 1.849-.18 2.778l-.12 2.767l-.07 1.419a4 4 0 0 0 0 .41a.57.57 0 0 0 .18.399c.148.134.321.236.51.3c.28.11.62.14.9.22q.522.133.998.39c.272.127.509.319.69.559A1.6 1.6 0 0 1 22 21.32a1.86 1.86 0 0 1-1 1.17a5.5 5.5 0 0 1-1.998.549a22 22 0 0 1-3.257 0a1.5 1.5 0 0 1-.59-.13a.6.6 0 0 1-.329-.34a.343.343 0 1 0-.65.22c.09.266.261.497.49.66c.298.197.642.314 1 .34c1.121.154 2.253.224 3.386.209a6.7 6.7 0 0 0 2.318-.53a2.93 2.93 0 0 0 1.598-1.778a2.73 2.73 0 0 0-.34-2.418a2.9 2.9 0 0 0-.729-.809m-19.731-.789a.35.35 0 0 0 .14-.47a12.56 12.56 0 0 1-1.29-6.144a10.16 10.16 0 0 1 1.999-5.805a11.8 11.8 0 0 1 3.097-2.927A9.3 9.3 0 0 1 10.11.859A19 19 0 0 1 12.19.68q.696-.002 1.388.07a.29.29 0 0 0 .34-.25a.29.29 0 0 0-.25-.34q-.73-.13-1.47-.16h-2.197a10 10 0 0 0-4.446 1.439a12.4 12.4 0 0 0-3.467 3.117A11 11 0 0 0 .02 10.99a13.2 13.2 0 0 0 1.678 6.504a.36.36 0 0 0 .47.18"/><path fill="currentColor" d="M23.928 9.84a13 13 0 0 0-.64-2.996a10 10 0 0 0-3.437-4.526A10.7 10.7 0 0 0 14.616.32a.34.34 0 0 0-.38.3a.33.33 0 0 0 .29.38a10.06 10.06 0 0 1 4.716 2.137a9.1 9.1 0 0 1 2.997 4.136c.302.882.513 1.793.63 2.718c.124.937.168 1.883.13 2.827a9.5 9.5 0 0 1-.26 1.889a12.4 12.4 0 0 1-.61 1.838a.302.302 0 1 0 .55.25q.453-.92.76-1.899c.207-.65.351-1.32.429-1.998c.126-1.014.146-2.039.06-3.057M9.211 8.292a2.59 2.59 0 0 0-2.308-1.808a2.3 2.3 0 0 0-.809.12a2.4 2.4 0 0 0-.999.62a3.34 3.34 0 0 0-.88 2.367a.3.3 0 0 0 .481.27a.3.3 0 0 0 .11-.2a2.8 2.8 0 0 1 .998-1.618c.193-.151.409-.27.64-.35a1.73 1.73 0 0 1 2.138.89a.34.34 0 0 0 .43.159a.34.34 0 0 0 .2-.45"/><path fill="currentColor" d="M17.803 7.293a1.83 1.83 0 0 1 1.459 1.909a.33.33 0 0 0 .3.38a.34.34 0 0 0 .37-.3a2.62 2.62 0 0 0-1.08-2.768a2.4 2.4 0 0 0-.74-.34c-.4-.1-.818-.1-1.218 0a2.46 2.46 0 0 0-1.818 1.899a.3.3 0 0 0 .19.38a.29.29 0 0 0 .38-.18a1.76 1.76 0 0 1 1.438-1q.361-.05.72.02m-2.898 12.988q.1-.951.1-1.908c0-.49 0-2.148-.11-2.827a1.2 1.2 0 0 0-.15-.46a.44.44 0 0 0-.31-.21c-2.997-.13-3.327-.14-4.096-.16a.3.3 0 0 0-.3.3l-.03 3.067a22 22 0 0 0 0 2.318a.76.76 0 0 0 .45.65c.1 0 2.448.24 3.377.22a1.15 1.15 0 0 0 .77-.25c.16-.218.262-.472.299-.74m-1.139-.16c-.71 0-2.148 0-2.747-.06c-.1-.619-.18-1.758-.19-1.998l-.15-2.657l3.307.33q.034 1.295-.06 2.587c-.03.47-.07 1.299-.16 1.799"/></svg>

How to use the Smiley Crying Rainbow icon

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand:smiley-crying-rainbow" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand:smiley-crying-rainbow" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand:smiley-crying-rainbow" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--smiley-crying-rainbow]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:smiley-crying-rainbow"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-freehand:smiley-crying-rainbow"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/streamline-freehand/smiley-crying-rainbow.svg" alt="Smiley Crying Rainbow icon" width="24" height="24">

Related icons in Freehand free icons

Smiley Crying Rainbow icon in other icon sets

Smiley Crying Rainbow icon FAQ

Is the Smiley Crying Rainbow icon free for commercial use?

Yes. Freehand free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Smiley Crying Rainbow icon in React?

Install @iconify/react and render <Icon icon="streamline-freehand:smiley-crying-rainbow" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Smiley Crying Rainbow icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-freehand/smiley-crying-rainbow.svg" alt="Smiley Crying Rainbow icon">, or paste the SVG code inline to style it with CSS.

Browse all Freehand free icons →