aries-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name
aries-fill
Set
MingCute Icon
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

Use the aries icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 2a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zm-1.994 3.667L16 5.666v.001c-1.125-.01-1.916.517-2.43 1.251c-.468.669-.707 1.505-.874 2.173A147 147 0 0 0 12 12.214c-.29-1.34-.565-2.597-.696-3.123c-.167-.668-.406-1.504-.874-2.173C9.916 6.184 9.125 5.656 8 5.667v-.001l-.006.001l-.007-.001v.001A3 3 0 0 0 8 11.666a1 1 0 1 0 0-2a1 1 0 0 1 0-2h.013c.385-.005.591.131.779.4c.235.335.405.844.571 1.51c.162.645.574 2.541.95 4.3c.188.874.365 1.706.496 2.32l.155.736l.043.203l.01.052l.004.014v.005l.007.027a1 1 0 0 0 .124.296l.011.018l.04.055l.027.034l.027.031l.037.04a1 1 0 0 0 .075.068l.029.022l.042.03l.053.033l.027.017q.027.015.054.026l.04.019l.04.015a1 1 0 0 0 .214.053l.027.004l.077.005h.011l.059-.001q.026 0 .052-.003l.031-.004l.066-.01l.015-.003l.02-.005a1 1 0 0 0 .108-.032l.02-.006l.066-.028l.021-.01a1 1 0 0 0 .532-.67l.005-.02v-.002l.002-.004l.002-.014l.011-.053l.044-.204l.156-.739l.497-2.33c.378-1.764.79-3.66.947-4.286c.166-.665.336-1.174.571-1.51c.188-.268.394-.404.78-.399H16a1 1 0 0 1 0 2a1 1 0 0 0 0 2a3 3 0 0 0 .013-5.999v-.001z"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteAriesFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 2a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zm-1.994 3.667L16 5.666v.001c-1.125-.01-1.916.517-2.43 1.251c-.468.669-.707 1.505-.874 2.173A147 147 0 0 0 12 12.214c-.29-1.34-.565-2.597-.696-3.123c-.167-.668-.406-1.504-.874-2.173C9.916 6.184 9.125 5.656 8 5.667v-.001l-.006.001l-.007-.001v.001A3 3 0 0 0 8 11.666a1 1 0 1 0 0-2a1 1 0 0 1 0-2h.013c.385-.005.591.131.779.4c.235.335.405.844.571 1.51c.162.645.574 2.541.95 4.3c.188.874.365 1.706.496 2.32l.155.736l.043.203l.01.052l.004.014v.005l.007.027a1 1 0 0 0 .124.296l.011.018l.04.055l.027.034l.027.031l.037.04a1 1 0 0 0 .075.068l.029.022l.042.03l.053.033l.027.017q.027.015.054.026l.04.019l.04.015a1 1 0 0 0 .214.053l.027.004l.077.005h.011l.059-.001q.026 0 .052-.003l.031-.004l.066-.01l.015-.003l.02-.005a1 1 0 0 0 .108-.032l.02-.006l.066-.028l.021-.01a1 1 0 0 0 .532-.67l.005-.02v-.002l.002-.004l.002-.014l.011-.053l.044-.204l.156-.739l.497-2.33c.378-1.764.79-3.66.947-4.286c.166-.665.336-1.174.571-1.51c.188-.268.394-.404.78-.399H16a1 1 0 0 1 0 2a1 1 0 0 0 0 2a3 3 0 0 0 .013-5.999v-.001z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 2a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zm-1.994 3.667L16 5.666v.001c-1.125-.01-1.916.517-2.43 1.251c-.468.669-.707 1.505-.874 2.173A147 147 0 0 0 12 12.214c-.29-1.34-.565-2.597-.696-3.123c-.167-.668-.406-1.504-.874-2.173C9.916 6.184 9.125 5.656 8 5.667v-.001l-.006.001l-.007-.001v.001A3 3 0 0 0 8 11.666a1 1 0 1 0 0-2a1 1 0 0 1 0-2h.013c.385-.005.591.131.779.4c.235.335.405.844.571 1.51c.162.645.574 2.541.95 4.3c.188.874.365 1.706.496 2.32l.155.736l.043.203l.01.052l.004.014v.005l.007.027a1 1 0 0 0 .124.296l.011.018l.04.055l.027.034l.027.031l.037.04a1 1 0 0 0 .075.068l.029.022l.042.03l.053.033l.027.017q.027.015.054.026l.04.019l.04.015a1 1 0 0 0 .214.053l.027.004l.077.005h.011l.059-.001q.026 0 .052-.003l.031-.004l.066-.01l.015-.003l.02-.005a1 1 0 0 0 .108-.032l.02-.006l.066-.028l.021-.01a1 1 0 0 0 .532-.67l.005-.02v-.002l.002-.004l.002-.014l.011-.053l.044-.204l.156-.739l.497-2.33c.378-1.764.79-3.66.947-4.286c.166-.665.336-1.174.571-1.51c.188-.268.394-.404.78-.399H16a1 1 0 0 1 0 2a1 1 0 0 0 0 2a3 3 0 0 0 .013-5.999v-.001z"/></svg>
</template>

CSS

.icon-aries-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%202a4%204%200%200%201%204%204v12a4%204%200%200%201-4%204H6a4%204%200%200%201-4-4V6a4%204%200%200%201%204-4zm-1.994%203.667L16%205.666v.001c-1.125-.01-1.916.517-2.43%201.251c-.468.669-.707%201.505-.874%202.173A147%20147%200%200%200%2012%2012.214c-.29-1.34-.565-2.597-.696-3.123c-.167-.668-.406-1.504-.874-2.173C9.916%206.184%209.125%205.656%208%205.667v-.001l-.006.001l-.007-.001v.001A3%203%200%200%200%208%2011.666a1%201%200%201%200%200-2a1%201%200%200%201%200-2h.013c.385-.005.591.131.779.4c.235.335.405.844.571%201.51c.162.645.574%202.541.95%204.3c.188.874.365%201.706.496%202.32l.155.736l.043.203l.01.052l.004.014v.005l.007.027a1%201%200%200%200%20.124.296l.011.018l.04.055l.027.034l.027.031l.037.04a1%201%200%200%200%20.075.068l.029.022l.042.03l.053.033l.027.017q.027.015.054.026l.04.019l.04.015a1%201%200%200%200%20.214.053l.027.004l.077.005h.011l.059-.001q.026%200%20.052-.003l.031-.004l.066-.01l.015-.003l.02-.005a1%201%200%200%200%20.108-.032l.02-.006l.066-.028l.021-.01a1%201%200%200%200%20.532-.67l.005-.02v-.002l.002-.004l.002-.014l.011-.053l.044-.204l.156-.739l.497-2.33c.378-1.764.79-3.66.947-4.286c.166-.665.336-1.174.571-1.51c.188-.268.394-.404.78-.399H16a1%201%200%200%201%200%202a1%201%200%200%200%200%202a3%203%200%200%200%20.013-5.999v-.001z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%202a4%204%200%200%201%204%204v12a4%204%200%200%201-4%204H6a4%204%200%200%201-4-4V6a4%204%200%200%201%204-4zm-1.994%203.667L16%205.666v.001c-1.125-.01-1.916.517-2.43%201.251c-.468.669-.707%201.505-.874%202.173A147%20147%200%200%200%2012%2012.214c-.29-1.34-.565-2.597-.696-3.123c-.167-.668-.406-1.504-.874-2.173C9.916%206.184%209.125%205.656%208%205.667v-.001l-.006.001l-.007-.001v.001A3%203%200%200%200%208%2011.666a1%201%200%201%200%200-2a1%201%200%200%201%200-2h.013c.385-.005.591.131.779.4c.235.335.405.844.571%201.51c.162.645.574%202.541.95%204.3c.188.874.365%201.706.496%202.32l.155.736l.043.203l.01.052l.004.014v.005l.007.027a1%201%200%200%200%20.124.296l.011.018l.04.055l.027.034l.027.031l.037.04a1%201%200%200%200%20.075.068l.029.022l.042.03l.053.033l.027.017q.027.015.054.026l.04.019l.04.015a1%201%200%200%200%20.214.053l.027.004l.077.005h.011l.059-.001q.026%200%20.052-.003l.031-.004l.066-.01l.015-.003l.02-.005a1%201%200%200%200%20.108-.032l.02-.006l.066-.028l.021-.01a1%201%200%200%200%20.532-.67l.005-.02v-.002l.002-.004l.002-.014l.011-.053l.044-.204l.156-.739l.497-2.33c.378-1.764.79-3.66.947-4.286c.166-.665.336-1.174.571-1.51c.188-.268.394-.404.78-.399H16a1%201%200%200%201%200%202a1%201%200%200%200%200%202a3%203%200%200%200%20.013-5.999v-.001z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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