Snowflake icon
fxemoji:snowflake
The Snowflake icon (fxemoji:snowflake) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#59CAFC" d="m476.674 280.72l-118.887 14.006L288 254.435l69.787-40.291l118.887 14.007q.984.115 1.951.115c8.25 0 15.377-6.176 16.366-14.571c1.066-9.05-5.406-17.251-14.456-18.317l-74.949-8.83l46.691-26.957c7.892-4.557 10.596-14.648 6.039-22.54c-4.556-7.892-14.646-10.597-22.539-6.04l-46.692 26.957l29.827-69.323c3.602-8.371-.264-18.076-8.635-21.678c-8.368-3.601-18.076.264-21.678 8.635l-47.313 109.963l-68.363 39.47V144.45l71.572-95.955c5.449-7.305 3.944-17.643-3.36-23.091s-17.643-3.944-23.091 3.361l-45.121 60.492V40.892c0-9.113-7.388-16.5-16.5-16.5s-16.5 7.387-16.5 16.5v48.366l-45.122-60.493c-5.449-7.305-15.788-8.808-23.091-3.361c-7.305 5.449-8.809 15.787-3.361 23.091l71.574 95.956v82.226l-71.211-41.114l-47.313-109.961c-3.602-8.37-13.307-12.236-21.678-8.635s-12.237 13.308-8.635 21.678l29.828 69.323l-41.886-24.183c-7.892-4.555-17.983-1.852-22.54 6.04s-1.853 17.983 6.04 22.54l41.886 24.183l-74.95 8.83c-9.05 1.066-15.522 9.267-14.456 18.317c.989 8.395 8.116 14.572 16.366 14.571q.967 0 1.951-.115l118.888-14.007L222 254.434l-69.787 40.292L33.326 280.72c-9.053-1.065-17.251 5.405-18.317 14.456s5.406 17.251 14.456 18.317l74.949 8.83l-41.885 24.182c-7.892 4.556-10.596 14.647-6.04 22.539c3.056 5.294 8.602 8.253 14.305 8.253c2.799 0 5.636-.714 8.234-2.214l41.887-24.183l-29.829 69.324c-3.602 8.371.265 18.076 8.635 21.678a16.4 16.4 0 0 0 6.514 1.348c6.393 0 12.478-3.737 15.165-9.982l47.314-109.963l71.21-41.113v80.583l-71.574 95.956c-5.448 7.305-3.944 17.643 3.361 23.091a16.4 16.4 0 0 0 9.853 3.275c5.031 0 9.999-2.293 13.239-6.636l45.122-60.493v53.915c0 9.112 7.387 16.5 16.5 16.5s16.5-7.388 16.5-16.5v-53.914l45.121 60.492c5.448 7.306 15.788 8.809 23.091 3.36c7.305-5.448 8.81-15.786 3.36-23.091l-71.572-95.955v-78.941l68.363 39.469l47.314 109.963c2.687 6.245 8.771 9.982 15.164 9.982a16.4 16.4 0 0 0 6.514-1.348c8.371-3.602 12.236-13.307 8.635-21.678l-29.828-69.324l46.692 26.958a16.4 16.4 0 0 0 8.234 2.214c5.702 0 11.249-2.96 14.305-8.253c4.557-7.892 1.853-17.983-6.039-22.539l-46.69-26.957l74.948-8.83c9.05-1.066 15.522-9.268 14.456-18.317c-1.068-9.047-9.262-15.52-18.319-14.454"/></svg>How to use the Snowflake icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:snowflake" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:snowflake" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:snowflake" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--snowflake]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:snowflake"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:snowflake"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/snowflake.svg" alt="Snowflake icon" width="24" height="24">Snowflake icon in other icon sets
Snowflake icon FAQ
Is the Snowflake icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Snowflake icon in React?
Install @iconify/react and render <Icon icon="fxemoji:snowflake" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Snowflake icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/snowflake.svg" alt="Snowflake icon">, or paste the SVG code inline to style it with CSS.