meteor icon

meteor from Font Awesome Solid by Dave Gandy · Solid · Science Fiction · CC-BY-4.0 Attribution required.

Name: meteor
Set: Font Awesome Solid
Style: Solid
Category: Science Fiction
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

meteorBoxIcons v2 meteorBoxIcons v2 Solid meteorCoreUI Brands meteorDevicon meteorFont Awesome 6 Solid meteorLine Awesome meteorSVG Logos meteorMaterial Design Icons meteorNoto Emoji meteorOpenMoji meteorPhosphor meteor-fillRemix Icon meteorSimple Icons meteorTabler Icons

More science fiction icons from Font Awesome Solid

user-astronaut

Use the meteor icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m557.7 64.9l-194.2 74.7l2.3-29.3c1-12.8-12.8-21.5-24-15.1L165.3 197.4C102.6 233.7 64 300.6 64 373c0 112.1 90.9 203 203 203c72.4 0 139.3-38.6 175.6-101.3l102.2-176.4c6.5-11.1-2.2-25-15.1-24l-29.3 2.3l74.7-194.2c.6-1.5.9-3.2.9-4.8c0-7.5-6-13.5-13.5-13.5q-2.55 0-4.8.9zM256 256c70.7 0 128 57.3 128 128s-57.3 128-128 128s-128-57.3-128-128s57.3-128 128-128m0 96c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m16 96c8.8 0 16-7.2 16-16s-7.2-16-16-16s-16 7.2-16 16s7.2 16 16 16"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidMeteor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m557.7 64.9l-194.2 74.7l2.3-29.3c1-12.8-12.8-21.5-24-15.1L165.3 197.4C102.6 233.7 64 300.6 64 373c0 112.1 90.9 203 203 203c72.4 0 139.3-38.6 175.6-101.3l102.2-176.4c6.5-11.1-2.2-25-15.1-24l-29.3 2.3l74.7-194.2c.6-1.5.9-3.2.9-4.8c0-7.5-6-13.5-13.5-13.5q-2.55 0-4.8.9zM256 256c70.7 0 128 57.3 128 128s-57.3 128-128 128s-128-57.3-128-128s57.3-128 128-128m0 96c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m16 96c8.8 0 16-7.2 16-16s-7.2-16-16-16s-16 7.2-16 16s7.2 16 16 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m557.7 64.9l-194.2 74.7l2.3-29.3c1-12.8-12.8-21.5-24-15.1L165.3 197.4C102.6 233.7 64 300.6 64 373c0 112.1 90.9 203 203 203c72.4 0 139.3-38.6 175.6-101.3l102.2-176.4c6.5-11.1-2.2-25-15.1-24l-29.3 2.3l74.7-194.2c.6-1.5.9-3.2.9-4.8c0-7.5-6-13.5-13.5-13.5q-2.55 0-4.8.9zM256 256c70.7 0 128 57.3 128 128s-57.3 128-128 128s-128-57.3-128-128s57.3-128 128-128m0 96c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m16 96c8.8 0 16-7.2 16-16s-7.2-16-16-16s-16 7.2-16 16s7.2 16 16 16"/></svg>
</template>

CSS

.icon-meteor {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m557.7%2064.9l-194.2%2074.7l2.3-29.3c1-12.8-12.8-21.5-24-15.1L165.3%20197.4C102.6%20233.7%2064%20300.6%2064%20373c0%20112.1%2090.9%20203%20203%20203c72.4%200%20139.3-38.6%20175.6-101.3l102.2-176.4c6.5-11.1-2.2-25-15.1-24l-29.3%202.3l74.7-194.2c.6-1.5.9-3.2.9-4.8c0-7.5-6-13.5-13.5-13.5q-2.55%200-4.8.9zM256%20256c70.7%200%20128%2057.3%20128%20128s-57.3%20128-128%20128s-128-57.3-128-128s57.3-128%20128-128m0%2096c0-17.7-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32m16%2096c8.8%200%2016-7.2%2016-16s-7.2-16-16-16s-16%207.2-16%2016s7.2%2016%2016%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m557.7%2064.9l-194.2%2074.7l2.3-29.3c1-12.8-12.8-21.5-24-15.1L165.3%20197.4C102.6%20233.7%2064%20300.6%2064%20373c0%20112.1%2090.9%20203%20203%20203c72.4%200%20139.3-38.6%20175.6-101.3l102.2-176.4c6.5-11.1-2.2-25-15.1-24l-29.3%202.3l74.7-194.2c.6-1.5.9-3.2.9-4.8c0-7.5-6-13.5-13.5-13.5q-2.55%200-4.8.9zM256%20256c70.7%200%20128%2057.3%20128%20128s-57.3%20128-128%20128s-128-57.3-128-128s57.3-128%20128-128m0%2096c0-17.7-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32m16%2096c8.8%200%2016-7.2%2016-16s-7.2-16-16-16s-16%207.2-16%2016s7.2%2016%2016%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/meteor.svg?color=%231a73e8&size=48