meteor logo
meteor from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- meteor
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the meteor logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m0 .312l29.213 27.381s.552.771-.161 1.536s-1.651.109-1.651.109zm8.677 2.745L31.36 23.906s.547.771-.167 1.536s-1.647.109-1.647.109zm-6.093 5.87L25.26 29.782s.552.765-.161 1.531c-.713.771-1.645.109-1.645.109zm13.427-3.511L31.86 19.984s.385.537-.115 1.073s-1.152.079-1.152.079zM4.588 15.729l15.849 14.568s.38.536-.12 1.072c-.5.537-1.145.079-1.145.079zm18.917-6.912l7.235 6.604s.187.256-.057.505c-.251.251-.573.037-.573.037zM8.24 22.973l7.229 6.611s.192.249-.053.499c-.249.256-.572.037-.572.037z"/></svg>
React
import type { SVGProps } from "react";
export function CibMeteor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m0 .312l29.213 27.381s.552.771-.161 1.536s-1.651.109-1.651.109zm8.677 2.745L31.36 23.906s.547.771-.167 1.536s-1.647.109-1.647.109zm-6.093 5.87L25.26 29.782s.552.765-.161 1.531c-.713.771-1.645.109-1.645.109zm13.427-3.511L31.86 19.984s.385.537-.115 1.073s-1.152.079-1.152.079zM4.588 15.729l15.849 14.568s.38.536-.12 1.072c-.5.537-1.145.079-1.145.079zm18.917-6.912l7.235 6.604s.187.256-.057.505c-.251.251-.573.037-.573.037zM8.24 22.973l7.229 6.611s.192.249-.053.499c-.249.256-.572.037-.572.037z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m0 .312l29.213 27.381s.552.771-.161 1.536s-1.651.109-1.651.109zm8.677 2.745L31.36 23.906s.547.771-.167 1.536s-1.647.109-1.647.109zm-6.093 5.87L25.26 29.782s.552.765-.161 1.531c-.713.771-1.645.109-1.645.109zm13.427-3.511L31.86 19.984s.385.537-.115 1.073s-1.152.079-1.152.079zM4.588 15.729l15.849 14.568s.38.536-.12 1.072c-.5.537-1.145.079-1.145.079zm18.917-6.912l7.235 6.604s.187.256-.057.505c-.251.251-.573.037-.573.037zM8.24 22.973l7.229 6.611s.192.249-.053.499c-.249.256-.572.037-.572.037z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m0%20.312l29.213%2027.381s.552.771-.161%201.536s-1.651.109-1.651.109zm8.677%202.745L31.36%2023.906s.547.771-.167%201.536s-1.647.109-1.647.109zm-6.093%205.87L25.26%2029.782s.552.765-.161%201.531c-.713.771-1.645.109-1.645.109zm13.427-3.511L31.86%2019.984s.385.537-.115%201.073s-1.152.079-1.152.079zM4.588%2015.729l15.849%2014.568s.38.536-.12%201.072c-.5.537-1.145.079-1.145.079zm18.917-6.912l7.235%206.604s.187.256-.057.505c-.251.251-.573.037-.573.037zM8.24%2022.973l7.229%206.611s.192.249-.053.499c-.249.256-.572.037-.572.037z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m0%20.312l29.213%2027.381s.552.771-.161%201.536s-1.651.109-1.651.109zm8.677%202.745L31.36%2023.906s.547.771-.167%201.536s-1.647.109-1.647.109zm-6.093%205.87L25.26%2029.782s.552.765-.161%201.531c-.713.771-1.645.109-1.645.109zm13.427-3.511L31.86%2019.984s.385.537-.115%201.073s-1.152.079-1.152.079zM4.588%2015.729l15.849%2014.568s.38.536-.12%201.072c-.5.537-1.145.079-1.145.079zm18.917-6.912l7.235%206.604s.187.256-.057.505c-.251.251-.573.037-.573.037zM8.24%2022.973l7.229%206.611s.192.249-.053.499c-.249.256-.572.037-.572.037z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/meteor.svg?color=%231a73e8&size=48
