eight icon
eight-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- eight-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Related icons in Myna UI Icons
Use the eight icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.092 8.164c-.339.234-.592.614-.592 1.336c0 .47.4.908 1.148 1.282a6 6 0 0 0 1.227.448a6.4 6.4 0 0 0 1.227-.448c.749-.374 1.148-.812 1.148-1.282c0-.722-.253-1.102-.591-1.336c-.386-.267-.99-.414-1.784-.414s-1.398.147-1.783.414M9.742 12C8.958 11.561 8 10.774 8 9.5c0-1.153.446-2.023 1.239-2.57c.745-.515 1.704-.68 2.636-.68s1.89.165 2.636.68c.793.547 1.239 1.417 1.239 2.57c0 1.274-.957 2.061-1.743 2.5c.786.439 1.743 1.226 1.743 2.5c0 1.153-.446 2.023-1.239 2.57c-.745.515-1.704.68-2.636.68s-1.89-.165-2.636-.68C8.446 16.523 8 15.653 8 14.5c0-1.274.957-2.061 1.743-2.5m2.133.77a6.4 6.4 0 0 0-1.227.448c-.749.374-1.148.812-1.148 1.282c0 .722.253 1.102.591 1.336c.386.266.99.414 1.784.414s1.398-.148 1.784-.414c.338-.234.591-.614.591-1.336c0-.47-.4-.908-1.148-1.282a6 6 0 0 0-1.227-.448"/></svg>
React
import type { SVGProps } from "react";
export function MynauiEightSolid(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="M10.092 8.164c-.339.234-.592.614-.592 1.336c0 .47.4.908 1.148 1.282a6 6 0 0 0 1.227.448a6.4 6.4 0 0 0 1.227-.448c.749-.374 1.148-.812 1.148-1.282c0-.722-.253-1.102-.591-1.336c-.386-.267-.99-.414-1.784-.414s-1.398.147-1.783.414M9.742 12C8.958 11.561 8 10.774 8 9.5c0-1.153.446-2.023 1.239-2.57c.745-.515 1.704-.68 2.636-.68s1.89.165 2.636.68c.793.547 1.239 1.417 1.239 2.57c0 1.274-.957 2.061-1.743 2.5c.786.439 1.743 1.226 1.743 2.5c0 1.153-.446 2.023-1.239 2.57c-.745.515-1.704.68-2.636.68s-1.89-.165-2.636-.68C8.446 16.523 8 15.653 8 14.5c0-1.274.957-2.061 1.743-2.5m2.133.77a6.4 6.4 0 0 0-1.227.448c-.749.374-1.148.812-1.148 1.282c0 .722.253 1.102.591 1.336c.386.266.99.414 1.784.414s1.398-.148 1.784-.414c.338-.234.591-.614.591-1.336c0-.47-.4-.908-1.148-1.282a6 6 0 0 0-1.227-.448"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.092 8.164c-.339.234-.592.614-.592 1.336c0 .47.4.908 1.148 1.282a6 6 0 0 0 1.227.448a6.4 6.4 0 0 0 1.227-.448c.749-.374 1.148-.812 1.148-1.282c0-.722-.253-1.102-.591-1.336c-.386-.267-.99-.414-1.784-.414s-1.398.147-1.783.414M9.742 12C8.958 11.561 8 10.774 8 9.5c0-1.153.446-2.023 1.239-2.57c.745-.515 1.704-.68 2.636-.68s1.89.165 2.636.68c.793.547 1.239 1.417 1.239 2.57c0 1.274-.957 2.061-1.743 2.5c.786.439 1.743 1.226 1.743 2.5c0 1.153-.446 2.023-1.239 2.57c-.745.515-1.704.68-2.636.68s-1.89-.165-2.636-.68C8.446 16.523 8 15.653 8 14.5c0-1.274.957-2.061 1.743-2.5m2.133.77a6.4 6.4 0 0 0-1.227.448c-.749.374-1.148.812-1.148 1.282c0 .722.253 1.102.591 1.336c.386.266.99.414 1.784.414s1.398-.148 1.784-.414c.338-.234.591-.614.591-1.336c0-.47-.4-.908-1.148-1.282a6 6 0 0 0-1.227-.448"/></svg> </template>
CSS
.icon-eight-solid {
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%22M10.092%208.164c-.339.234-.592.614-.592%201.336c0%20.47.4.908%201.148%201.282a6%206%200%200%200%201.227.448a6.4%206.4%200%200%200%201.227-.448c.749-.374%201.148-.812%201.148-1.282c0-.722-.253-1.102-.591-1.336c-.386-.267-.99-.414-1.784-.414s-1.398.147-1.783.414M9.742%2012C8.958%2011.561%208%2010.774%208%209.5c0-1.153.446-2.023%201.239-2.57c.745-.515%201.704-.68%202.636-.68s1.89.165%202.636.68c.793.547%201.239%201.417%201.239%202.57c0%201.274-.957%202.061-1.743%202.5c.786.439%201.743%201.226%201.743%202.5c0%201.153-.446%202.023-1.239%202.57c-.745.515-1.704.68-2.636.68s-1.89-.165-2.636-.68C8.446%2016.523%208%2015.653%208%2014.5c0-1.274.957-2.061%201.743-2.5m2.133.77a6.4%206.4%200%200%200-1.227.448c-.749.374-1.148.812-1.148%201.282c0%20.722.253%201.102.591%201.336c.386.266.99.414%201.784.414s1.398-.148%201.784-.414c.338-.234.591-.614.591-1.336c0-.47-.4-.908-1.148-1.282a6%206%200%200%200-1.227-.448%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%22M10.092%208.164c-.339.234-.592.614-.592%201.336c0%20.47.4.908%201.148%201.282a6%206%200%200%200%201.227.448a6.4%206.4%200%200%200%201.227-.448c.749-.374%201.148-.812%201.148-1.282c0-.722-.253-1.102-.591-1.336c-.386-.267-.99-.414-1.784-.414s-1.398.147-1.783.414M9.742%2012C8.958%2011.561%208%2010.774%208%209.5c0-1.153.446-2.023%201.239-2.57c.745-.515%201.704-.68%202.636-.68s1.89.165%202.636.68c.793.547%201.239%201.417%201.239%202.57c0%201.274-.957%202.061-1.743%202.5c.786.439%201.743%201.226%201.743%202.5c0%201.153-.446%202.023-1.239%202.57c-.745.515-1.704.68-2.636.68s-1.89-.165-2.636-.68C8.446%2016.523%208%2015.653%208%2014.5c0-1.274.957-2.061%201.743-2.5m2.133.77a6.4%206.4%200%200%200-1.227.448c-.749.374-1.148.812-1.148%201.282c0%20.722.253%201.102.591%201.336c.386.266.99.414%201.784.414s1.398-.148%201.784-.414c.338-.234.591-.614.591-1.336c0-.47-.4-.908-1.148-1.282a6%206%200%200%200-1.227-.448%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/eight-solid.svg?color=%231a73e8&size=48
