ant icon
ant-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- ant-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
Use the ant icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.988 55.996c6.633 0 12.422-7.125 12.422-14.789q0-1.793-.633-3.023c.68.187 1.36.351 2.016.539c1.617.445 2.11 1.078 1.875 2.484l-1.711 11.227c-.21 1.336.61 2.132 1.71 2.132c1.15 0 1.665-.703 1.852-1.875l1.922-12.164c.446-2.742-.68-4.242-3.68-4.945l-10.57-2.46l-.023-.235c1.008-.492 1.687-1.453 1.992-2.508l7.195-1.031c2.93-.399 4.243-2.04 4.243-4.922v-8.11c0-1.148-.657-1.804-1.782-1.804s-1.78.68-1.78 1.804V23.7c0 1.664-.892 2.203-2.415 2.414l-5.367.727c-.258-.727-.727-1.383-1.36-1.805v-.234c4.008-.703 6.235-3.14 6.235-6.703c0-3-1.125-5.742-2.953-7.852l.21-.164c2.274-1.64 2.696-4.055 1.22-6.656l-1.383-2.274C36.777.356 36.262.39 35.535.39c-.96 0-1.687.317-1.687 1.231c0 .422.07.656.328 1.125l1.218 1.852c.75 1.218.75 2.273-.21 3.117a2.6 2.6 0 0 1-.399.305a12.13 12.13 0 0 0-6.797-2.086c-2.46 0-4.781.773-6.703 2.062a2.3 2.3 0 0 1-.398-.305c-.938-.82-.961-1.875-.188-3.093l1.219-1.852c.258-.469.328-.703.328-1.125C22.246.707 21.52.39 20.56.39c-.727 0-1.243-.035-1.688.762l-1.383 2.274c-1.476 2.601-1.054 5.015 1.219 6.656l.164.117c-1.851 2.11-3.023 4.875-3.023 7.899c0 3.562 2.25 6 6.257 6.703v.234c-.632.422-1.101 1.078-1.359 1.805l-5.367-.727c-1.547-.21-2.414-.75-2.414-2.414v-7.383c0-1.125-.656-1.804-1.781-1.804s-1.782.656-1.782 1.804v8.11c0 2.883 1.313 4.523 4.243 4.922l7.195 1.03c.305 1.056.984 2.017 1.992 2.509v.234l-10.594 2.461c-3.023.703-4.125 2.203-3.68 4.945l1.922 12.164c.165 1.172.704 1.875 1.852 1.875c1.102 0 1.922-.797 1.711-2.132l-1.711-11.227c-.234-1.406.258-2.04 1.875-2.484c.656-.188 1.336-.352 2.016-.54q-.633 1.23-.633 3.024c0 7.664 5.789 14.79 12.398 14.79"/></svg>
React
import type { SVGProps } from "react";
export function F7AntFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.988 55.996c6.633 0 12.422-7.125 12.422-14.789q0-1.793-.633-3.023c.68.187 1.36.351 2.016.539c1.617.445 2.11 1.078 1.875 2.484l-1.711 11.227c-.21 1.336.61 2.132 1.71 2.132c1.15 0 1.665-.703 1.852-1.875l1.922-12.164c.446-2.742-.68-4.242-3.68-4.945l-10.57-2.46l-.023-.235c1.008-.492 1.687-1.453 1.992-2.508l7.195-1.031c2.93-.399 4.243-2.04 4.243-4.922v-8.11c0-1.148-.657-1.804-1.782-1.804s-1.78.68-1.78 1.804V23.7c0 1.664-.892 2.203-2.415 2.414l-5.367.727c-.258-.727-.727-1.383-1.36-1.805v-.234c4.008-.703 6.235-3.14 6.235-6.703c0-3-1.125-5.742-2.953-7.852l.21-.164c2.274-1.64 2.696-4.055 1.22-6.656l-1.383-2.274C36.777.356 36.262.39 35.535.39c-.96 0-1.687.317-1.687 1.231c0 .422.07.656.328 1.125l1.218 1.852c.75 1.218.75 2.273-.21 3.117a2.6 2.6 0 0 1-.399.305a12.13 12.13 0 0 0-6.797-2.086c-2.46 0-4.781.773-6.703 2.062a2.3 2.3 0 0 1-.398-.305c-.938-.82-.961-1.875-.188-3.093l1.219-1.852c.258-.469.328-.703.328-1.125C22.246.707 21.52.39 20.56.39c-.727 0-1.243-.035-1.688.762l-1.383 2.274c-1.476 2.601-1.054 5.015 1.219 6.656l.164.117c-1.851 2.11-3.023 4.875-3.023 7.899c0 3.562 2.25 6 6.257 6.703v.234c-.632.422-1.101 1.078-1.359 1.805l-5.367-.727c-1.547-.21-2.414-.75-2.414-2.414v-7.383c0-1.125-.656-1.804-1.781-1.804s-1.782.656-1.782 1.804v8.11c0 2.883 1.313 4.523 4.243 4.922l7.195 1.03c.305 1.056.984 2.017 1.992 2.509v.234l-10.594 2.461c-3.023.703-4.125 2.203-3.68 4.945l1.922 12.164c.165 1.172.704 1.875 1.852 1.875c1.102 0 1.922-.797 1.711-2.132l-1.711-11.227c-.234-1.406.258-2.04 1.875-2.484c.656-.188 1.336-.352 2.016-.54q-.633 1.23-.633 3.024c0 7.664 5.789 14.79 12.398 14.79"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.988 55.996c6.633 0 12.422-7.125 12.422-14.789q0-1.793-.633-3.023c.68.187 1.36.351 2.016.539c1.617.445 2.11 1.078 1.875 2.484l-1.711 11.227c-.21 1.336.61 2.132 1.71 2.132c1.15 0 1.665-.703 1.852-1.875l1.922-12.164c.446-2.742-.68-4.242-3.68-4.945l-10.57-2.46l-.023-.235c1.008-.492 1.687-1.453 1.992-2.508l7.195-1.031c2.93-.399 4.243-2.04 4.243-4.922v-8.11c0-1.148-.657-1.804-1.782-1.804s-1.78.68-1.78 1.804V23.7c0 1.664-.892 2.203-2.415 2.414l-5.367.727c-.258-.727-.727-1.383-1.36-1.805v-.234c4.008-.703 6.235-3.14 6.235-6.703c0-3-1.125-5.742-2.953-7.852l.21-.164c2.274-1.64 2.696-4.055 1.22-6.656l-1.383-2.274C36.777.356 36.262.39 35.535.39c-.96 0-1.687.317-1.687 1.231c0 .422.07.656.328 1.125l1.218 1.852c.75 1.218.75 2.273-.21 3.117a2.6 2.6 0 0 1-.399.305a12.13 12.13 0 0 0-6.797-2.086c-2.46 0-4.781.773-6.703 2.062a2.3 2.3 0 0 1-.398-.305c-.938-.82-.961-1.875-.188-3.093l1.219-1.852c.258-.469.328-.703.328-1.125C22.246.707 21.52.39 20.56.39c-.727 0-1.243-.035-1.688.762l-1.383 2.274c-1.476 2.601-1.054 5.015 1.219 6.656l.164.117c-1.851 2.11-3.023 4.875-3.023 7.899c0 3.562 2.25 6 6.257 6.703v.234c-.632.422-1.101 1.078-1.359 1.805l-5.367-.727c-1.547-.21-2.414-.75-2.414-2.414v-7.383c0-1.125-.656-1.804-1.781-1.804s-1.782.656-1.782 1.804v8.11c0 2.883 1.313 4.523 4.243 4.922l7.195 1.03c.305 1.056.984 2.017 1.992 2.509v.234l-10.594 2.461c-3.023.703-4.125 2.203-3.68 4.945l1.922 12.164c.165 1.172.704 1.875 1.852 1.875c1.102 0 1.922-.797 1.711-2.132l-1.711-11.227c-.234-1.406.258-2.04 1.875-2.484c.656-.188 1.336-.352 2.016-.54q-.633 1.23-.633 3.024c0 7.664 5.789 14.79 12.398 14.79"/></svg> </template>
CSS
.icon-ant-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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.988%2055.996c6.633%200%2012.422-7.125%2012.422-14.789q0-1.793-.633-3.023c.68.187%201.36.351%202.016.539c1.617.445%202.11%201.078%201.875%202.484l-1.711%2011.227c-.21%201.336.61%202.132%201.71%202.132c1.15%200%201.665-.703%201.852-1.875l1.922-12.164c.446-2.742-.68-4.242-3.68-4.945l-10.57-2.46l-.023-.235c1.008-.492%201.687-1.453%201.992-2.508l7.195-1.031c2.93-.399%204.243-2.04%204.243-4.922v-8.11c0-1.148-.657-1.804-1.782-1.804s-1.78.68-1.78%201.804V23.7c0%201.664-.892%202.203-2.415%202.414l-5.367.727c-.258-.727-.727-1.383-1.36-1.805v-.234c4.008-.703%206.235-3.14%206.235-6.703c0-3-1.125-5.742-2.953-7.852l.21-.164c2.274-1.64%202.696-4.055%201.22-6.656l-1.383-2.274C36.777.356%2036.262.39%2035.535.39c-.96%200-1.687.317-1.687%201.231c0%20.422.07.656.328%201.125l1.218%201.852c.75%201.218.75%202.273-.21%203.117a2.6%202.6%200%200%201-.399.305a12.13%2012.13%200%200%200-6.797-2.086c-2.46%200-4.781.773-6.703%202.062a2.3%202.3%200%200%201-.398-.305c-.938-.82-.961-1.875-.188-3.093l1.219-1.852c.258-.469.328-.703.328-1.125C22.246.707%2021.52.39%2020.56.39c-.727%200-1.243-.035-1.688.762l-1.383%202.274c-1.476%202.601-1.054%205.015%201.219%206.656l.164.117c-1.851%202.11-3.023%204.875-3.023%207.899c0%203.562%202.25%206%206.257%206.703v.234c-.632.422-1.101%201.078-1.359%201.805l-5.367-.727c-1.547-.21-2.414-.75-2.414-2.414v-7.383c0-1.125-.656-1.804-1.781-1.804s-1.782.656-1.782%201.804v8.11c0%202.883%201.313%204.523%204.243%204.922l7.195%201.03c.305%201.056.984%202.017%201.992%202.509v.234l-10.594%202.461c-3.023.703-4.125%202.203-3.68%204.945l1.922%2012.164c.165%201.172.704%201.875%201.852%201.875c1.102%200%201.922-.797%201.711-2.132l-1.711-11.227c-.234-1.406.258-2.04%201.875-2.484c.656-.188%201.336-.352%202.016-.54q-.633%201.23-.633%203.024c0%207.664%205.789%2014.79%2012.398%2014.79%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.988%2055.996c6.633%200%2012.422-7.125%2012.422-14.789q0-1.793-.633-3.023c.68.187%201.36.351%202.016.539c1.617.445%202.11%201.078%201.875%202.484l-1.711%2011.227c-.21%201.336.61%202.132%201.71%202.132c1.15%200%201.665-.703%201.852-1.875l1.922-12.164c.446-2.742-.68-4.242-3.68-4.945l-10.57-2.46l-.023-.235c1.008-.492%201.687-1.453%201.992-2.508l7.195-1.031c2.93-.399%204.243-2.04%204.243-4.922v-8.11c0-1.148-.657-1.804-1.782-1.804s-1.78.68-1.78%201.804V23.7c0%201.664-.892%202.203-2.415%202.414l-5.367.727c-.258-.727-.727-1.383-1.36-1.805v-.234c4.008-.703%206.235-3.14%206.235-6.703c0-3-1.125-5.742-2.953-7.852l.21-.164c2.274-1.64%202.696-4.055%201.22-6.656l-1.383-2.274C36.777.356%2036.262.39%2035.535.39c-.96%200-1.687.317-1.687%201.231c0%20.422.07.656.328%201.125l1.218%201.852c.75%201.218.75%202.273-.21%203.117a2.6%202.6%200%200%201-.399.305a12.13%2012.13%200%200%200-6.797-2.086c-2.46%200-4.781.773-6.703%202.062a2.3%202.3%200%200%201-.398-.305c-.938-.82-.961-1.875-.188-3.093l1.219-1.852c.258-.469.328-.703.328-1.125C22.246.707%2021.52.39%2020.56.39c-.727%200-1.243-.035-1.688.762l-1.383%202.274c-1.476%202.601-1.054%205.015%201.219%206.656l.164.117c-1.851%202.11-3.023%204.875-3.023%207.899c0%203.562%202.25%206%206.257%206.703v.234c-.632.422-1.101%201.078-1.359%201.805l-5.367-.727c-1.547-.21-2.414-.75-2.414-2.414v-7.383c0-1.125-.656-1.804-1.781-1.804s-1.782.656-1.782%201.804v8.11c0%202.883%201.313%204.523%204.243%204.922l7.195%201.03c.305%201.056.984%202.017%201.992%202.509v.234l-10.594%202.461c-3.023.703-4.125%202.203-3.68%204.945l1.922%2012.164c.165%201.172.704%201.875%201.852%201.875c1.102%200%201.922-.797%201.711-2.132l-1.711-11.227c-.234-1.406.258-2.04%201.875-2.484c.656-.188%201.336-.352%202.016-.54q-.633%201.23-.633%203.024c0%207.664%205.789%2014.79%2012.398%2014.79%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/ant-fill.svg?color=%231a73e8&size=48
