meteor logo

meteor from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: meteor
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

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

Use the meteor logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#df5052" d="M120.3 65.4c1.2 0 2.1-.9 2.1-2.1c0-.5-.2-1-.5-1.3c-.1-.2-28-25.8-28-25.8l24.6 28.1c.3.7 1 1.1 1.8 1.1m5.7 14.3l-.2-.2L65 24l55.7 60.6l.2.2c.6.6 1.5 1 2.5 1c2 0 3.6-1.6 3.6-3.6c0-.9-.4-1.8-1-2.5m-26.9 37.6l-88-81.5l81.1 88.5c.9 1 2.2 1.7 3.7 1.7c2.7 0 4.9-2.2 4.9-4.9c0-1.5-.6-2.9-1.7-3.8M1 2l107.6 114.6l.1.1c.9.9 2.1 1.4 3.4 1.4c2.7 0 4.9-2.2 4.9-4.9c0-1-.3-2-.9-2.8C115.8 109.9 1 2 1 2m122.4 92.8l-88-81.5l81.1 88.5c.9 1 2.2 1.7 3.7 1.7c2.7 0 4.9-2.2 4.9-4.9c0-1.6-.7-2.9-1.7-3.8m-42.5 24.8l-.2-.2l-60.8-55.5l55.7 60.6l.2.2c.6.6 1.5 1 2.5 1c2 0 3.6-1.6 3.6-3.6c0-1-.4-1.8-1-2.5M34.1 91.7l24.6 28.1c.4.6 1 1.1 1.8 1.1c1.2 0 2.1-.9 2.1-2.1c0-.5-.2-1-.5-1.3c-.2-.1-28-25.8-28-25.8"/></svg>

React

import type { SVGProps } from "react";

export function DeviconMeteor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#df5052" d="M120.3 65.4c1.2 0 2.1-.9 2.1-2.1c0-.5-.2-1-.5-1.3c-.1-.2-28-25.8-28-25.8l24.6 28.1c.3.7 1 1.1 1.8 1.1m5.7 14.3l-.2-.2L65 24l55.7 60.6l.2.2c.6.6 1.5 1 2.5 1c2 0 3.6-1.6 3.6-3.6c0-.9-.4-1.8-1-2.5m-26.9 37.6l-88-81.5l81.1 88.5c.9 1 2.2 1.7 3.7 1.7c2.7 0 4.9-2.2 4.9-4.9c0-1.5-.6-2.9-1.7-3.8M1 2l107.6 114.6l.1.1c.9.9 2.1 1.4 3.4 1.4c2.7 0 4.9-2.2 4.9-4.9c0-1-.3-2-.9-2.8C115.8 109.9 1 2 1 2m122.4 92.8l-88-81.5l81.1 88.5c.9 1 2.2 1.7 3.7 1.7c2.7 0 4.9-2.2 4.9-4.9c0-1.6-.7-2.9-1.7-3.8m-42.5 24.8l-.2-.2l-60.8-55.5l55.7 60.6l.2.2c.6.6 1.5 1 2.5 1c2 0 3.6-1.6 3.6-3.6c0-1-.4-1.8-1-2.5M34.1 91.7l24.6 28.1c.4.6 1 1.1 1.8 1.1c1.2 0 2.1-.9 2.1-2.1c0-.5-.2-1-.5-1.3c-.2-.1-28-25.8-28-25.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#df5052" d="M120.3 65.4c1.2 0 2.1-.9 2.1-2.1c0-.5-.2-1-.5-1.3c-.1-.2-28-25.8-28-25.8l24.6 28.1c.3.7 1 1.1 1.8 1.1m5.7 14.3l-.2-.2L65 24l55.7 60.6l.2.2c.6.6 1.5 1 2.5 1c2 0 3.6-1.6 3.6-3.6c0-.9-.4-1.8-1-2.5m-26.9 37.6l-88-81.5l81.1 88.5c.9 1 2.2 1.7 3.7 1.7c2.7 0 4.9-2.2 4.9-4.9c0-1.5-.6-2.9-1.7-3.8M1 2l107.6 114.6l.1.1c.9.9 2.1 1.4 3.4 1.4c2.7 0 4.9-2.2 4.9-4.9c0-1-.3-2-.9-2.8C115.8 109.9 1 2 1 2m122.4 92.8l-88-81.5l81.1 88.5c.9 1 2.2 1.7 3.7 1.7c2.7 0 4.9-2.2 4.9-4.9c0-1.6-.7-2.9-1.7-3.8m-42.5 24.8l-.2-.2l-60.8-55.5l55.7 60.6l.2.2c.6.6 1.5 1 2.5 1c2 0 3.6-1.6 3.6-3.6c0-1-.4-1.8-1-2.5M34.1 91.7l24.6 28.1c.4.6 1 1.1 1.8 1.1c1.2 0 2.1-.9 2.1-2.1c0-.5-.2-1-.5-1.3c-.2-.1-28-25.8-28-25.8"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23df5052%22%20d%3D%22M120.3%2065.4c1.2%200%202.1-.9%202.1-2.1c0-.5-.2-1-.5-1.3c-.1-.2-28-25.8-28-25.8l24.6%2028.1c.3.7%201%201.1%201.8%201.1m5.7%2014.3l-.2-.2L65%2024l55.7%2060.6l.2.2c.6.6%201.5%201%202.5%201c2%200%203.6-1.6%203.6-3.6c0-.9-.4-1.8-1-2.5m-26.9%2037.6l-88-81.5l81.1%2088.5c.9%201%202.2%201.7%203.7%201.7c2.7%200%204.9-2.2%204.9-4.9c0-1.5-.6-2.9-1.7-3.8M1%202l107.6%20114.6l.1.1c.9.9%202.1%201.4%203.4%201.4c2.7%200%204.9-2.2%204.9-4.9c0-1-.3-2-.9-2.8C115.8%20109.9%201%202%201%202m122.4%2092.8l-88-81.5l81.1%2088.5c.9%201%202.2%201.7%203.7%201.7c2.7%200%204.9-2.2%204.9-4.9c0-1.6-.7-2.9-1.7-3.8m-42.5%2024.8l-.2-.2l-60.8-55.5l55.7%2060.6l.2.2c.6.6%201.5%201%202.5%201c2%200%203.6-1.6%203.6-3.6c0-1-.4-1.8-1-2.5M34.1%2091.7l24.6%2028.1c.4.6%201%201.1%201.8%201.1c1.2%200%202.1-.9%202.1-2.1c0-.5-.2-1-.5-1.3c-.2-.1-28-25.8-28-25.8%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23df5052%22%20d%3D%22M120.3%2065.4c1.2%200%202.1-.9%202.1-2.1c0-.5-.2-1-.5-1.3c-.1-.2-28-25.8-28-25.8l24.6%2028.1c.3.7%201%201.1%201.8%201.1m5.7%2014.3l-.2-.2L65%2024l55.7%2060.6l.2.2c.6.6%201.5%201%202.5%201c2%200%203.6-1.6%203.6-3.6c0-.9-.4-1.8-1-2.5m-26.9%2037.6l-88-81.5l81.1%2088.5c.9%201%202.2%201.7%203.7%201.7c2.7%200%204.9-2.2%204.9-4.9c0-1.5-.6-2.9-1.7-3.8M1%202l107.6%20114.6l.1.1c.9.9%202.1%201.4%203.4%201.4c2.7%200%204.9-2.2%204.9-4.9c0-1-.3-2-.9-2.8C115.8%20109.9%201%202%201%202m122.4%2092.8l-88-81.5l81.1%2088.5c.9%201%202.2%201.7%203.7%201.7c2.7%200%204.9-2.2%204.9-4.9c0-1.6-.7-2.9-1.7-3.8m-42.5%2024.8l-.2-.2l-60.8-55.5l55.7%2060.6l.2.2c.6.6%201.5%201%202.5%201c2%200%203.6-1.6%203.6-3.6c0-1-.4-1.8-1-2.5M34.1%2091.7l24.6%2028.1c.4.6%201%201.1%201.8%201.1c1.2%200%202.1-.9%202.1-2.1c0-.5-.2-1-.5-1.3c-.2-.1-28-25.8-28-25.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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