ant icon
ant from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- ant
- Set
- Framework7 Icons
- Style
- Outline
- 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="M12.332 54.566c1.102 0 1.922-.797 1.711-2.132l-1.711-11.227c-.234-1.406.258-2.04 1.875-2.484l1.805-.492c-.282.867-.422 1.851-.422 2.976c0 7.664 5.789 14.79 12.398 14.79c6.633 0 12.422-7.126 12.422-14.79c0-1.125-.14-2.11-.422-2.977l1.805.493c1.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.218-3.68-4.945l-10.359-2.46v-.235c1.008-.492 1.711-1.43 2.086-2.532l6.867-1.007c2.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.18-2.415 2.414l-5.133.727a3.7 3.7 0 0 0-1.36-1.805v-.234c4.009-.703 6-3.14 6-6.703c0-3-1.1-5.742-2.929-7.875l.188-.141c2.273-1.64 2.695-4.055 1.218-6.656l-1.382-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.82 1.336.727 2.46-.445 3.304l-.187.118a12.06 12.06 0 0 0-6.774-2.086c-2.46 0-4.781.75-6.703 2.062l-.14-.094c-1.172-.843-1.266-1.968-.446-3.304l1.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.117.094a12.1 12.1 0 0 0-2.976 7.922c0 3.562 2.015 6 6.023 6.703v.234a3.7 3.7 0 0 0-1.36 1.805l-5.132-.727c-1.547-.234-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.922l6.867 1.008c.375 1.101 1.078 2.038 2.086 2.53v.235l-10.36 2.461c-3.023.727-4.125 2.203-3.68 4.945l1.922 12.164c.165 1.172.704 1.875 1.852 1.875m11.438-33.21c-2.555 0-4.055-1.243-4.055-3.399c0-4.36 3.89-8.133 8.273-8.133c4.407 0 8.297 3.774 8.297 8.133c0 2.156-1.5 3.398-4.054 3.398Zm-.024 7.054c0-2.156 1.313-3.398 3.586-3.398h1.36c2.25 0 3.538 1.242 3.538 3.398c0 2.649-1.804 4.899-3.96 4.899h-.54c-2.156 0-3.984-2.25-3.984-4.899m4.242 23.672c-4.828 0-8.578-5.672-8.578-10.383c0-3.14 1.828-5.039 5.344-5.039h6.492c3.516 0 5.32 1.899 5.32 5.04c0 4.71-3.726 10.382-8.578 10.382"/></svg>
React
import type { SVGProps } from "react";
export function F7Ant(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="M12.332 54.566c1.102 0 1.922-.797 1.711-2.132l-1.711-11.227c-.234-1.406.258-2.04 1.875-2.484l1.805-.492c-.282.867-.422 1.851-.422 2.976c0 7.664 5.789 14.79 12.398 14.79c6.633 0 12.422-7.126 12.422-14.79c0-1.125-.14-2.11-.422-2.977l1.805.493c1.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.218-3.68-4.945l-10.359-2.46v-.235c1.008-.492 1.711-1.43 2.086-2.532l6.867-1.007c2.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.18-2.415 2.414l-5.133.727a3.7 3.7 0 0 0-1.36-1.805v-.234c4.009-.703 6-3.14 6-6.703c0-3-1.1-5.742-2.929-7.875l.188-.141c2.273-1.64 2.695-4.055 1.218-6.656l-1.382-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.82 1.336.727 2.46-.445 3.304l-.187.118a12.06 12.06 0 0 0-6.774-2.086c-2.46 0-4.781.75-6.703 2.062l-.14-.094c-1.172-.843-1.266-1.968-.446-3.304l1.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.117.094a12.1 12.1 0 0 0-2.976 7.922c0 3.562 2.015 6 6.023 6.703v.234a3.7 3.7 0 0 0-1.36 1.805l-5.132-.727c-1.547-.234-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.922l6.867 1.008c.375 1.101 1.078 2.038 2.086 2.53v.235l-10.36 2.461c-3.023.727-4.125 2.203-3.68 4.945l1.922 12.164c.165 1.172.704 1.875 1.852 1.875m11.438-33.21c-2.555 0-4.055-1.243-4.055-3.399c0-4.36 3.89-8.133 8.273-8.133c4.407 0 8.297 3.774 8.297 8.133c0 2.156-1.5 3.398-4.054 3.398Zm-.024 7.054c0-2.156 1.313-3.398 3.586-3.398h1.36c2.25 0 3.538 1.242 3.538 3.398c0 2.649-1.804 4.899-3.96 4.899h-.54c-2.156 0-3.984-2.25-3.984-4.899m4.242 23.672c-4.828 0-8.578-5.672-8.578-10.383c0-3.14 1.828-5.039 5.344-5.039h6.492c3.516 0 5.32 1.899 5.32 5.04c0 4.71-3.726 10.382-8.578 10.382"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.332 54.566c1.102 0 1.922-.797 1.711-2.132l-1.711-11.227c-.234-1.406.258-2.04 1.875-2.484l1.805-.492c-.282.867-.422 1.851-.422 2.976c0 7.664 5.789 14.79 12.398 14.79c6.633 0 12.422-7.126 12.422-14.79c0-1.125-.14-2.11-.422-2.977l1.805.493c1.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.218-3.68-4.945l-10.359-2.46v-.235c1.008-.492 1.711-1.43 2.086-2.532l6.867-1.007c2.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.18-2.415 2.414l-5.133.727a3.7 3.7 0 0 0-1.36-1.805v-.234c4.009-.703 6-3.14 6-6.703c0-3-1.1-5.742-2.929-7.875l.188-.141c2.273-1.64 2.695-4.055 1.218-6.656l-1.382-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.82 1.336.727 2.46-.445 3.304l-.187.118a12.06 12.06 0 0 0-6.774-2.086c-2.46 0-4.781.75-6.703 2.062l-.14-.094c-1.172-.843-1.266-1.968-.446-3.304l1.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.117.094a12.1 12.1 0 0 0-2.976 7.922c0 3.562 2.015 6 6.023 6.703v.234a3.7 3.7 0 0 0-1.36 1.805l-5.132-.727c-1.547-.234-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.922l6.867 1.008c.375 1.101 1.078 2.038 2.086 2.53v.235l-10.36 2.461c-3.023.727-4.125 2.203-3.68 4.945l1.922 12.164c.165 1.172.704 1.875 1.852 1.875m11.438-33.21c-2.555 0-4.055-1.243-4.055-3.399c0-4.36 3.89-8.133 8.273-8.133c4.407 0 8.297 3.774 8.297 8.133c0 2.156-1.5 3.398-4.054 3.398Zm-.024 7.054c0-2.156 1.313-3.398 3.586-3.398h1.36c2.25 0 3.538 1.242 3.538 3.398c0 2.649-1.804 4.899-3.96 4.899h-.54c-2.156 0-3.984-2.25-3.984-4.899m4.242 23.672c-4.828 0-8.578-5.672-8.578-10.383c0-3.14 1.828-5.039 5.344-5.039h6.492c3.516 0 5.32 1.899 5.32 5.04c0 4.71-3.726 10.382-8.578 10.382"/></svg> </template>
CSS
.icon-ant {
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%22M12.332%2054.566c1.102%200%201.922-.797%201.711-2.132l-1.711-11.227c-.234-1.406.258-2.04%201.875-2.484l1.805-.492c-.282.867-.422%201.851-.422%202.976c0%207.664%205.789%2014.79%2012.398%2014.79c6.633%200%2012.422-7.126%2012.422-14.79c0-1.125-.14-2.11-.422-2.977l1.805.493c1.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.218-3.68-4.945l-10.359-2.46v-.235c1.008-.492%201.711-1.43%202.086-2.532l6.867-1.007c2.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.18-2.415%202.414l-5.133.727a3.7%203.7%200%200%200-1.36-1.805v-.234c4.009-.703%206-3.14%206-6.703c0-3-1.1-5.742-2.929-7.875l.188-.141c2.273-1.64%202.695-4.055%201.218-6.656l-1.382-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.82%201.336.727%202.46-.445%203.304l-.187.118a12.06%2012.06%200%200%200-6.774-2.086c-2.46%200-4.781.75-6.703%202.062l-.14-.094c-1.172-.843-1.266-1.968-.446-3.304l1.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.117.094a12.1%2012.1%200%200%200-2.976%207.922c0%203.562%202.015%206%206.023%206.703v.234a3.7%203.7%200%200%200-1.36%201.805l-5.132-.727c-1.547-.234-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.922l6.867%201.008c.375%201.101%201.078%202.038%202.086%202.53v.235l-10.36%202.461c-3.023.727-4.125%202.203-3.68%204.945l1.922%2012.164c.165%201.172.704%201.875%201.852%201.875m11.438-33.21c-2.555%200-4.055-1.243-4.055-3.399c0-4.36%203.89-8.133%208.273-8.133c4.407%200%208.297%203.774%208.297%208.133c0%202.156-1.5%203.398-4.054%203.398Zm-.024%207.054c0-2.156%201.313-3.398%203.586-3.398h1.36c2.25%200%203.538%201.242%203.538%203.398c0%202.649-1.804%204.899-3.96%204.899h-.54c-2.156%200-3.984-2.25-3.984-4.899m4.242%2023.672c-4.828%200-8.578-5.672-8.578-10.383c0-3.14%201.828-5.039%205.344-5.039h6.492c3.516%200%205.32%201.899%205.32%205.04c0%204.71-3.726%2010.382-8.578%2010.382%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%22M12.332%2054.566c1.102%200%201.922-.797%201.711-2.132l-1.711-11.227c-.234-1.406.258-2.04%201.875-2.484l1.805-.492c-.282.867-.422%201.851-.422%202.976c0%207.664%205.789%2014.79%2012.398%2014.79c6.633%200%2012.422-7.126%2012.422-14.79c0-1.125-.14-2.11-.422-2.977l1.805.493c1.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.218-3.68-4.945l-10.359-2.46v-.235c1.008-.492%201.711-1.43%202.086-2.532l6.867-1.007c2.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.18-2.415%202.414l-5.133.727a3.7%203.7%200%200%200-1.36-1.805v-.234c4.009-.703%206-3.14%206-6.703c0-3-1.1-5.742-2.929-7.875l.188-.141c2.273-1.64%202.695-4.055%201.218-6.656l-1.382-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.82%201.336.727%202.46-.445%203.304l-.187.118a12.06%2012.06%200%200%200-6.774-2.086c-2.46%200-4.781.75-6.703%202.062l-.14-.094c-1.172-.843-1.266-1.968-.446-3.304l1.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.117.094a12.1%2012.1%200%200%200-2.976%207.922c0%203.562%202.015%206%206.023%206.703v.234a3.7%203.7%200%200%200-1.36%201.805l-5.132-.727c-1.547-.234-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.922l6.867%201.008c.375%201.101%201.078%202.038%202.086%202.53v.235l-10.36%202.461c-3.023.727-4.125%202.203-3.68%204.945l1.922%2012.164c.165%201.172.704%201.875%201.852%201.875m11.438-33.21c-2.555%200-4.055-1.243-4.055-3.399c0-4.36%203.89-8.133%208.273-8.133c4.407%200%208.297%203.774%208.297%208.133c0%202.156-1.5%203.398-4.054%203.398Zm-.024%207.054c0-2.156%201.313-3.398%203.586-3.398h1.36c2.25%200%203.538%201.242%203.538%203.398c0%202.649-1.804%204.899-3.96%204.899h-.54c-2.156%200-3.984-2.25-3.984-4.899m4.242%2023.672c-4.828%200-8.578-5.672-8.578-10.383c0-3.14%201.828-5.039%205.344-5.039h6.492c3.516%200%205.32%201.899%205.32%205.04c0%204.71-3.726%2010.382-8.578%2010.382%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/ant.svg?color=%231a73e8&size=48
