mars stroke up icon
mars-stroke-up from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- mars-stroke-up
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 320×512
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome 6 Solid
Use the mars stroke up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M148.7 4.7c6.2-6.2 16.4-6.2 22.6 0l64 64c4.6 4.6 5.9 11.5 3.5 17.4S230.5 96 224 96h-40v24h32c13.3 0 24 10.7 24 24s-10.7 24-24 24h-32v24c0 .6 0 1.2-.1 1.8c77 11.6 136.1 78 136.1 158.2c0 88.4-71.6 160-160 160S0 440.4 0 352c0-80.2 59.1-146.7 136.1-158.2c0-.6-.1-1.2-.1-1.8v-24h-32c-13.3 0-24-10.7-24-24s10.7-24 24-24h32V96H96c-6.5 0-12.3-3.9-14.8-9.9s-1.1-12.9 3.5-17.4zM256 352a96 96 0 1 0-192 0a96 96 0 1 0 192 0"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidMarsStrokeUp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M148.7 4.7c6.2-6.2 16.4-6.2 22.6 0l64 64c4.6 4.6 5.9 11.5 3.5 17.4S230.5 96 224 96h-40v24h32c13.3 0 24 10.7 24 24s-10.7 24-24 24h-32v24c0 .6 0 1.2-.1 1.8c77 11.6 136.1 78 136.1 158.2c0 88.4-71.6 160-160 160S0 440.4 0 352c0-80.2 59.1-146.7 136.1-158.2c0-.6-.1-1.2-.1-1.8v-24h-32c-13.3 0-24-10.7-24-24s10.7-24 24-24h32V96H96c-6.5 0-12.3-3.9-14.8-9.9s-1.1-12.9 3.5-17.4zM256 352a96 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 320 512"><path fill="currentColor" d="M148.7 4.7c6.2-6.2 16.4-6.2 22.6 0l64 64c4.6 4.6 5.9 11.5 3.5 17.4S230.5 96 224 96h-40v24h32c13.3 0 24 10.7 24 24s-10.7 24-24 24h-32v24c0 .6 0 1.2-.1 1.8c77 11.6 136.1 78 136.1 158.2c0 88.4-71.6 160-160 160S0 440.4 0 352c0-80.2 59.1-146.7 136.1-158.2c0-.6-.1-1.2-.1-1.8v-24h-32c-13.3 0-24-10.7-24-24s10.7-24 24-24h32V96H96c-6.5 0-12.3-3.9-14.8-9.9s-1.1-12.9 3.5-17.4zM256 352a96 96 0 1 0-192 0a96 96 0 1 0 192 0"/></svg> </template>
CSS
.icon-mars-stroke-up {
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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M148.7%204.7c6.2-6.2%2016.4-6.2%2022.6%200l64%2064c4.6%204.6%205.9%2011.5%203.5%2017.4S230.5%2096%20224%2096h-40v24h32c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024h-32v24c0%20.6%200%201.2-.1%201.8c77%2011.6%20136.1%2078%20136.1%20158.2c0%2088.4-71.6%20160-160%20160S0%20440.4%200%20352c0-80.2%2059.1-146.7%20136.1-158.2c0-.6-.1-1.2-.1-1.8v-24h-32c-13.3%200-24-10.7-24-24s10.7-24%2024-24h32V96H96c-6.5%200-12.3-3.9-14.8-9.9s-1.1-12.9%203.5-17.4zM256%20352a96%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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M148.7%204.7c6.2-6.2%2016.4-6.2%2022.6%200l64%2064c4.6%204.6%205.9%2011.5%203.5%2017.4S230.5%2096%20224%2096h-40v24h32c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024h-32v24c0%20.6%200%201.2-.1%201.8c77%2011.6%20136.1%2078%20136.1%20158.2c0%2088.4-71.6%20160-160%20160S0%20440.4%200%20352c0-80.2%2059.1-146.7%20136.1-158.2c0-.6-.1-1.2-.1-1.8v-24h-32c-13.3%200-24-10.7-24-24s10.7-24%2024-24h32V96H96c-6.5%200-12.3-3.9-14.8-9.9s-1.1-12.9%203.5-17.4zM256%20352a96%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-stroke-up.svg?color=%231a73e8&size=48
