Icono Meteor
openmoji:meteor
El icono Meteor (openmoji:meteor) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Viajes y lugares
Código SVG
<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>Cómo usar el icono Meteor
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/meteor.svg" alt="Icono Meteor" width="24" height="24">El icono Meteor en otras colecciones
Preguntas frecuentes sobre Icono Meteor
¿El icono Meteor es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Meteor en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:meteor" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Meteor a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/meteor.svg" alt="Icono Meteor">, o pega el código SVG en línea para darle estilo con CSS.