mars icon

mars from Font Awesome 6 Solid by Dave Gandy · Regular · Genders · CC-BY-4.0 Attribution required.

Name
mars
Set
Font Awesome 6 Solid
Style
Regular
Category
Genders
Viewbox
448×512
License
CC BY 4.0

The same icon in other sets

marsCircle FlagsmarsHuge IconsmarsLine AwesomemarsLucidemarsTabler IconsmarsUnicons

More genders icons from Font Awesome 6 Solid

genderlessmars-doublemars-strokemercuryneutertransgendervenusvenus-doublevenus-marsmars-and-venusmars-and-venus-burstmars-stroke-rightmars-stroke-up

Use the mars icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M289.8 46.8c3.7-9 12.5-14.8 22.2-14.8h112c13.3 0 24 10.7 24 24v112c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-33.4-33.4l-52.6 52.6c19.5 28.4 31 62.7 31 99.8c0 97.2-78.8 176-176 176S0 401.2 0 304s78.8-176 176-176c37 0 71.4 11.4 99.8 31l52.6-52.6L295 73c-6.9-6.9-8.9-17.2-5.2-26.2M176 416a112 112 0 1 0 0-224a112 112 0 1 0 0 224"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidMars(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M289.8 46.8c3.7-9 12.5-14.8 22.2-14.8h112c13.3 0 24 10.7 24 24v112c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-33.4-33.4l-52.6 52.6c19.5 28.4 31 62.7 31 99.8c0 97.2-78.8 176-176 176S0 401.2 0 304s78.8-176 176-176c37 0 71.4 11.4 99.8 31l52.6-52.6L295 73c-6.9-6.9-8.9-17.2-5.2-26.2M176 416a112 112 0 1 0 0-224a112 112 0 1 0 0 224"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M289.8 46.8c3.7-9 12.5-14.8 22.2-14.8h112c13.3 0 24 10.7 24 24v112c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-33.4-33.4l-52.6 52.6c19.5 28.4 31 62.7 31 99.8c0 97.2-78.8 176-176 176S0 401.2 0 304s78.8-176 176-176c37 0 71.4 11.4 99.8 31l52.6-52.6L295 73c-6.9-6.9-8.9-17.2-5.2-26.2M176 416a112 112 0 1 0 0-224a112 112 0 1 0 0 224"/></svg>
</template>

CSS

.icon-mars {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M289.8%2046.8c3.7-9%2012.5-14.8%2022.2-14.8h112c13.3%200%2024%2010.7%2024%2024v112c0%209.7-5.8%2018.5-14.8%2022.2s-19.3%201.7-26.2-5.2l-33.4-33.4l-52.6%2052.6c19.5%2028.4%2031%2062.7%2031%2099.8c0%2097.2-78.8%20176-176%20176S0%20401.2%200%20304s78.8-176%20176-176c37%200%2071.4%2011.4%2099.8%2031l52.6-52.6L295%2073c-6.9-6.9-8.9-17.2-5.2-26.2M176%20416a112%20112%200%201%200%200-224a112%20112%200%201%200%200%20224%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M289.8%2046.8c3.7-9%2012.5-14.8%2022.2-14.8h112c13.3%200%2024%2010.7%2024%2024v112c0%209.7-5.8%2018.5-14.8%2022.2s-19.3%201.7-26.2-5.2l-33.4-33.4l-52.6%2052.6c19.5%2028.4%2031%2062.7%2031%2099.8c0%2097.2-78.8%20176-176%20176S0%20401.2%200%20304s78.8-176%20176-176c37%200%2071.4%2011.4%2099.8%2031l52.6-52.6L295%2073c-6.9-6.9-8.9-17.2-5.2-26.2M176%20416a112%20112%200%201%200%200-224a112%20112%200%201%200%200%20224%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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