ICONYZ
English
Meteor icon from OpenMoji

Meteor icon

openmoji:meteor

The Meteor icon (openmoji:meteor) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
OpenMoji
Author
OpenMoji
License
CC-BY-SA-4.0
Size
72 × 72
Category
Travel Places
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#e27022" d="M32.742 56.588a12.32 12.32 0 0 1-10.567 4.186c-5.756-.57-10.44-5.248-11.023-11.014a12.37 12.37 0 0 1 4.103-10.56l14.749-13.78a.324.324 0 0 1 .544.211l.312 3.8c.02.26.323.39.526.227l13.052-10.511a.324.324 0 0 1 .526.215l.238 2.051c.027.231.28.36.482.246l9.509-5.395c.286-.162.604.156.442.443l-5.384 9.527a.325.325 0 0 0 .244.483l2.048.24a.325.325 0 0 1 .215.526L42.268 40.56a.325.325 0 0 0 .226.528l3.788.312c.27.022.396.348.21.546z"/><path fill="#f4aa41" d="M24.309 56.588q-.427 0-.864-.04c-3.927-.357-7.266-3.31-8.017-7.181c-.637-3.28.448-6.474 2.881-8.626l9.393-8.757c.63-.588 1.665-.516 2.141.202c.29.436.656.753 1.25.753c.737 0 2.22-.907 2.798-1.369l9.786-7.866a3.25 3.25 0 0 0 2.124.788c.562 0 1.118-.147 1.609-.424l.97-.55l-.472.835c-.545.963-.662 2.146-.186 3.144q.191.4.471.728l-7.86 9.78a3.26 3.26 0 0 0-.274 3.695c.507.867.295 1.98-.393 2.712l-8.525 9.064a9.06 9.06 0 0 1-6.832 3.112"/><path fill="#a57939" d="M32.415 48.963a2.9 2.9 0 0 1-.174 1.636c-.223.542-.59.978-1.036 1.288a2.92 2.92 0 0 1-2.237 2.237c-.31.445-.745.813-1.288 1.036s-1.103.27-1.636.174a2.87 2.87 0 0 1-2.44.339c.184-.058.358-.145.523-.252c.436.077.89.039 1.326-.145s.794-.484 1.036-.852c.436-.097.843-.31 1.172-.65c.339-.338.552-.754.64-1.19c.367-.252.657-.61.841-1.055c.184-.446.223-.91.146-1.346c.232-.378.377-.823.377-1.298c0-.484-.145-.93-.387-1.307a2.3 2.3 0 0 0-.136-1.346a2.35 2.35 0 0 0-.842-1.055a2.33 2.33 0 0 0-.639-1.191a2.3 2.3 0 0 0-1.172-.649a2.3 2.3 0 0 0-1.036-.852a2.33 2.33 0 0 0-1.326-.145c-.368-.242-.804-.378-1.278-.378s-.91.136-1.278.378a2.37 2.37 0 0 0-1.336.145a2.36 2.36 0 0 0-1.036.852a2.4 2.4 0 0 0-1.172.649c-.33.339-.542.755-.639 1.191c-.358.252-.658.61-.842 1.055c-.175.446-.213.91-.136 1.346a2.4 2.4 0 0 0-.271.571a2.8 2.8 0 0 1-.107-.765c0-.59.175-1.133.465-1.588a2.94 2.94 0 0 1 .174-1.646a2.95 2.95 0 0 1 1.036-1.278a2.9 2.9 0 0 1 .794-1.452c.407-.407.92-.668 1.453-.784c.3-.446.736-.814 1.278-1.036a2.85 2.85 0 0 1 1.646-.175c.455-.3.997-.474 1.578-.474s1.123.174 1.588.474a2.83 2.83 0 0 1 1.636.175c.542.222.978.59 1.288 1.036a2.9 2.9 0 0 1 1.443.784c.416.416.678.92.794 1.452c.445.31.813.746 1.036 1.278c.222.543.27 1.114.174 1.646a2.93 2.93 0 0 1 0 3.167m6.365-5.846a2.26 2.26 0 0 1-1.22 2.014c.156-.31.253-.668.253-1.045a2.248 2.248 0 0 0-3.283-1.995a2.23 2.23 0 0 1 2.005-1.22a2.25 2.25 0 0 1 2.246 2.246Zm-.926-9.5c0 .755-.455 1.403-1.113 1.675a1.828 1.828 0 0 0-1.685-2.537q-.378 0-.697.145a1.79 1.79 0 0 1 1.665-1.114c1.017 0 1.83.823 1.83 1.83ZM44.806 30c0 .678-.436 1.25-1.046 1.443a1.517 1.517 0 0 0-1.917-1.917a1.51 1.51 0 0 1 1.443-1.046c.842 0 1.52.678 1.52 1.52m-14.85 4.667a1.76 1.76 0 0 1-1.094 1.627a1.752 1.752 0 0 0-2.285-2.285a1.76 1.76 0 0 1 1.626-1.094c.968 0 1.753.784 1.753 1.752"/><path fill="#ea5a47" d="M29.288 50.183c.077.436.039.9-.145 1.346a2.35 2.35 0 0 1-.843 1.055c-.087.436-.3.852-.639 1.191c-.33.34-.736.552-1.171.649c-.243.368-.6.668-1.036.852s-.891.223-1.327.145a2.2 2.2 0 0 1-.523.252a2.8 2.8 0 0 1-.726-.339a2.86 2.86 0 0 1-1.646-.174a2.9 2.9 0 0 1-1.278-1.036a3 3 0 0 1-1.453-.784a2.83 2.83 0 0 1-.784-1.453a2.9 2.9 0 0 1-1.046-1.278a2.94 2.94 0 0 1-.174-1.646a3 3 0 0 1-.358-.813a2.4 2.4 0 0 1 .271-.571c-.077-.436-.039-.9.136-1.346a2.4 2.4 0 0 1 .842-1.056a2.47 2.47 0 0 1 .64-1.19a2.4 2.4 0 0 1 1.17-.65c.252-.367.6-.667 1.037-.851c.435-.184.9-.223 1.336-.146c.368-.242.804-.377 1.278-.377s.91.135 1.278.377c.436-.077.89-.038 1.327.146c.435.184.794.484 1.036.852c.435.096.842.31 1.171.648c.339.34.552.756.64 1.191c.367.252.658.61.842 1.056c.184.445.222.91.135 1.346c.242.377.387.823.387 1.307c0 .474-.145.92-.377 1.297m8.525-6.097c0 .377-.097.736-.252 1.045a2.3 2.3 0 0 1-1.026.242a2.252 2.252 0 0 1-2.005-3.282a2.248 2.248 0 0 1 3.282 1.994m-.926-9.5c0 .251-.049.494-.146.707a1.8 1.8 0 0 1-.716.145a1.82 1.82 0 0 1-1.82-1.82c0-.252.048-.504.145-.717h.01q.32-.145.697-.145c1.016 0 1.83.823 1.83 1.83m6.952-3.616c0 .164-.03.329-.078.474a1.517 1.517 0 0 1-1.917-1.917a1.517 1.517 0 0 1 1.995 1.443m-14.85 4.667c0 .232-.049.455-.126.658a1.9 1.9 0 0 1-.659.126a1.75 1.75 0 0 1-1.752-1.753c0-.232.048-.455.126-.658a1.752 1.752 0 0 1 2.411 1.627"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M32.883 47.38c0-.585-.173-1.128-.469-1.584a2.9 2.9 0 0 0-1.211-2.924a2.9 2.9 0 0 0-.788-1.45a2.9 2.9 0 0 0-1.45-.788a2.9 2.9 0 0 0-2.925-1.212a2.9 2.9 0 0 0-3.166 0a2.9 2.9 0 0 0-2.924 1.212a2.9 2.9 0 0 0-2.238 2.239a2.9 2.9 0 0 0-1.211 2.925a2.9 2.9 0 0 0 0 3.165a2.91 2.91 0 0 0 1.212 2.924a2.9 2.9 0 0 0 2.238 2.238a2.91 2.91 0 0 0 2.925 1.211a2.9 2.9 0 0 0 3.165 0a2.9 2.9 0 0 0 2.924-1.212a2.9 2.9 0 0 0 1.45-.787c.414-.413.675-.92.788-1.451a2.9 2.9 0 0 0 1.212-2.925c.295-.456.468-.998.468-1.582"/><path d="M12.043 48.945a12.17 12.17 0 0 1 4.05-10.404l14.56-13.577a.32.32 0 0 1 .538.208l.307 3.744a.32.32 0 0 0 .52.223l12.885-10.356a.32.32 0 0 1 .519.213l.235 2.02a.32.32 0 0 0 .476.242l9.386-5.315c.283-.16.597.154.437.437l-5.315 9.386a.32.32 0 0 0 .242.476l2.02.236a.32.32 0 0 1 .213.518L42.76 39.881a.32.32 0 0 0 .224.52l3.74.307a.32.32 0 0 1 .206.539L33.357 55.673a12.17 12.17 0 0 1-10.432 4.124"/></g></svg>

How to use the Meteor icon

React

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

<Icon icon="openmoji:meteor" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:meteor" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:meteor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--meteor]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:meteor"></div>

Web component

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

<iconify-icon icon="openmoji:meteor"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/meteor.svg" alt="Meteor icon" width="24" height="24">

Meteor icon in other icon sets

Meteor icon from Material Design Icons
Material Design Icons
 Meteor icon from Tabler Icons
Tabler Icons
 Meteor icon from Font Awesome 6 Solid
Font Awesome 6 Solid
 Meteor icon from Phosphor
Phosphor
 Meteor icon from Arcticons
Arcticons
 Meteor icon from BoxIcons v2
BoxIcons v2
 Meteor icon from BoxIcons v2 Solid
BoxIcons v2 Solid
 Meteor icon from Boxicons
Boxicons
 Meteor icon from CoreUI Brands
CoreUI Brands
 Meteor icon from Devicon
Devicon
 Meteor icon from Devicon Plain
Devicon Plain
 Meteor icon from File Icons
File Icons

Meteor icon FAQ

Is the Meteor icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Meteor icon in React?

Install @iconify/react and render <Icon icon="openmoji:meteor" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Meteor icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/meteor.svg" alt="Meteor icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →