mars and venus icon

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

Name
mars-and-venus
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

mars-and-venusFont Awesome Solid

Related icons in Font Awesome 6 Solid

mars-and-venus-burstmars-doublemars-strokemars-stroke-rightmars-stroke-up

Use the mars and venus icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M337.8 14.8C341.5 5.8 350.3 0 360 0h112c13.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-39-39l-24.7 24.7C407 163.3 416 192.6 416 224c0 80.2-59 146.6-136 158.2V408h24c13.3 0 24 10.7 24 24s-10.7 24-24 24h-24v32c0 13.3-10.7 24-24 24s-24-10.7-24-24v-32h-24c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-25.8c-77-11.6-136-78-136-158.2c0-88.4 71.6-160 160-160c39.6 0 75.9 14.4 103.8 38.2L382.1 80L343 41c-6.9-6.9-8.9-17.2-5.2-26.2M352 224a96 96 0 1 0-192 0a96 96 0 1 0 192 0"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidMarsAndVenus(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M337.8 14.8C341.5 5.8 350.3 0 360 0h112c13.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-39-39l-24.7 24.7C407 163.3 416 192.6 416 224c0 80.2-59 146.6-136 158.2V408h24c13.3 0 24 10.7 24 24s-10.7 24-24 24h-24v32c0 13.3-10.7 24-24 24s-24-10.7-24-24v-32h-24c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-25.8c-77-11.6-136-78-136-158.2c0-88.4 71.6-160 160-160c39.6 0 75.9 14.4 103.8 38.2L382.1 80L343 41c-6.9-6.9-8.9-17.2-5.2-26.2M352 224a96 96 0 1 0-192 0a96 96 0 1 0 192 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M337.8 14.8C341.5 5.8 350.3 0 360 0h112c13.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-39-39l-24.7 24.7C407 163.3 416 192.6 416 224c0 80.2-59 146.6-136 158.2V408h24c13.3 0 24 10.7 24 24s-10.7 24-24 24h-24v32c0 13.3-10.7 24-24 24s-24-10.7-24-24v-32h-24c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-25.8c-77-11.6-136-78-136-158.2c0-88.4 71.6-160 160-160c39.6 0 75.9 14.4 103.8 38.2L382.1 80L343 41c-6.9-6.9-8.9-17.2-5.2-26.2M352 224a96 96 0 1 0-192 0a96 96 0 1 0 192 0"/></svg>
</template>

CSS

.icon-mars-and-venus {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M337.8%2014.8C341.5%205.8%20350.3%200%20360%200h112c13.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-39-39l-24.7%2024.7C407%20163.3%20416%20192.6%20416%20224c0%2080.2-59%20146.6-136%20158.2V408h24c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024h-24v32c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24v-32h-24c-13.3%200-24-10.7-24-24s10.7-24%2024-24h24v-25.8c-77-11.6-136-78-136-158.2c0-88.4%2071.6-160%20160-160c39.6%200%2075.9%2014.4%20103.8%2038.2L382.1%2080L343%2041c-6.9-6.9-8.9-17.2-5.2-26.2M352%20224a96%2096%200%201%200-192%200a96%2096%200%201%200%20192%200%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M337.8%2014.8C341.5%205.8%20350.3%200%20360%200h112c13.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-39-39l-24.7%2024.7C407%20163.3%20416%20192.6%20416%20224c0%2080.2-59%20146.6-136%20158.2V408h24c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024h-24v32c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24v-32h-24c-13.3%200-24-10.7-24-24s10.7-24%2024-24h24v-25.8c-77-11.6-136-78-136-158.2c0-88.4%2071.6-160%20160-160c39.6%200%2075.9%2014.4%20103.8%2038.2L382.1%2080L343%2041c-6.9-6.9-8.9-17.2-5.2-26.2M352%20224a96%2096%200%201%200-192%200a96%2096%200%201%200%20192%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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