haykal icon
haykal from Line Awesome by Icons8 · Line · Spinners · Apache-2.0 Free for personal and commercial use.
- Name
- haykal
- Set
- Line Awesome
- Style
- Line
- Category
- Spinners
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- haykal-solid
The same icon in other sets
More spinners icons from Line Awesome
Use the haykal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3a.91.91 0 0 0-.88.65l-1.731 5.444l-4.633-2.696a.9.9 0 0 0-.492-.148c-.605 0-1.127.63-.86 1.297L9.387 12.5l-5.586.783c-.891.125-1.102 1.335-.307 1.762l4.985 2.674l-4.153 4.295c-.554.622-.086 1.57.676 1.57a1 1 0 0 0 .207-.023l6.002-1.252l-.209 5.714a.93.93 0 0 0 .935.975a.89.89 0 0 0 .721-.363L16 24.119l3.344 4.516a.9.9 0 0 0 .72.363a.93.93 0 0 0 .934-.975l-.209-5.714l6.043 1.252q.107.023.207.023c.764 0 1.23-.95.676-1.57l-4.194-4.295l4.987-2.674c.794-.426.582-1.635-.309-1.76l-5.586-.785l1.983-4.953c.267-.666-.255-1.297-.86-1.297a.9.9 0 0 0-.492.148l-4.63 2.696l-1.731-5.444A.91.91 0 0 0 16 3m0 7.867l.861 2.71l2.711-1.579l-1.187 2.97l3.117.436l-2.977 1.598l2.155 2.205l-2.928-.62l.11 3.02L16 19.184l-1.86 2.425l.112-3.027l-2.943.627l2.144-2.219l-2.953-1.584l3.115-.437L12.428 12l2.71 1.576z"/></svg>
React
import type { SVGProps } from "react";
export function LaHaykal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3a.91.91 0 0 0-.88.65l-1.731 5.444l-4.633-2.696a.9.9 0 0 0-.492-.148c-.605 0-1.127.63-.86 1.297L9.387 12.5l-5.586.783c-.891.125-1.102 1.335-.307 1.762l4.985 2.674l-4.153 4.295c-.554.622-.086 1.57.676 1.57a1 1 0 0 0 .207-.023l6.002-1.252l-.209 5.714a.93.93 0 0 0 .935.975a.89.89 0 0 0 .721-.363L16 24.119l3.344 4.516a.9.9 0 0 0 .72.363a.93.93 0 0 0 .934-.975l-.209-5.714l6.043 1.252q.107.023.207.023c.764 0 1.23-.95.676-1.57l-4.194-4.295l4.987-2.674c.794-.426.582-1.635-.309-1.76l-5.586-.785l1.983-4.953c.267-.666-.255-1.297-.86-1.297a.9.9 0 0 0-.492.148l-4.63 2.696l-1.731-5.444A.91.91 0 0 0 16 3m0 7.867l.861 2.71l2.711-1.579l-1.187 2.97l3.117.436l-2.977 1.598l2.155 2.205l-2.928-.62l.11 3.02L16 19.184l-1.86 2.425l.112-3.027l-2.943.627l2.144-2.219l-2.953-1.584l3.115-.437L12.428 12l2.71 1.576z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3a.91.91 0 0 0-.88.65l-1.731 5.444l-4.633-2.696a.9.9 0 0 0-.492-.148c-.605 0-1.127.63-.86 1.297L9.387 12.5l-5.586.783c-.891.125-1.102 1.335-.307 1.762l4.985 2.674l-4.153 4.295c-.554.622-.086 1.57.676 1.57a1 1 0 0 0 .207-.023l6.002-1.252l-.209 5.714a.93.93 0 0 0 .935.975a.89.89 0 0 0 .721-.363L16 24.119l3.344 4.516a.9.9 0 0 0 .72.363a.93.93 0 0 0 .934-.975l-.209-5.714l6.043 1.252q.107.023.207.023c.764 0 1.23-.95.676-1.57l-4.194-4.295l4.987-2.674c.794-.426.582-1.635-.309-1.76l-5.586-.785l1.983-4.953c.267-.666-.255-1.297-.86-1.297a.9.9 0 0 0-.492.148l-4.63 2.696l-1.731-5.444A.91.91 0 0 0 16 3m0 7.867l.861 2.71l2.711-1.579l-1.187 2.97l3.117.436l-2.977 1.598l2.155 2.205l-2.928-.62l.11 3.02L16 19.184l-1.86 2.425l.112-3.027l-2.943.627l2.144-2.219l-2.953-1.584l3.115-.437L12.428 12l2.71 1.576z"/></svg> </template>
CSS
.icon-haykal {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%203a.91.91%200%200%200-.88.65l-1.731%205.444l-4.633-2.696a.9.9%200%200%200-.492-.148c-.605%200-1.127.63-.86%201.297L9.387%2012.5l-5.586.783c-.891.125-1.102%201.335-.307%201.762l4.985%202.674l-4.153%204.295c-.554.622-.086%201.57.676%201.57a1%201%200%200%200%20.207-.023l6.002-1.252l-.209%205.714a.93.93%200%200%200%20.935.975a.89.89%200%200%200%20.721-.363L16%2024.119l3.344%204.516a.9.9%200%200%200%20.72.363a.93.93%200%200%200%20.934-.975l-.209-5.714l6.043%201.252q.107.023.207.023c.764%200%201.23-.95.676-1.57l-4.194-4.295l4.987-2.674c.794-.426.582-1.635-.309-1.76l-5.586-.785l1.983-4.953c.267-.666-.255-1.297-.86-1.297a.9.9%200%200%200-.492.148l-4.63%202.696l-1.731-5.444A.91.91%200%200%200%2016%203m0%207.867l.861%202.71l2.711-1.579l-1.187%202.97l3.117.436l-2.977%201.598l2.155%202.205l-2.928-.62l.11%203.02L16%2019.184l-1.86%202.425l.112-3.027l-2.943.627l2.144-2.219l-2.953-1.584l3.115-.437L12.428%2012l2.71%201.576z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%203a.91.91%200%200%200-.88.65l-1.731%205.444l-4.633-2.696a.9.9%200%200%200-.492-.148c-.605%200-1.127.63-.86%201.297L9.387%2012.5l-5.586.783c-.891.125-1.102%201.335-.307%201.762l4.985%202.674l-4.153%204.295c-.554.622-.086%201.57.676%201.57a1%201%200%200%200%20.207-.023l6.002-1.252l-.209%205.714a.93.93%200%200%200%20.935.975a.89.89%200%200%200%20.721-.363L16%2024.119l3.344%204.516a.9.9%200%200%200%20.72.363a.93.93%200%200%200%20.934-.975l-.209-5.714l6.043%201.252q.107.023.207.023c.764%200%201.23-.95.676-1.57l-4.194-4.295l4.987-2.674c.794-.426.582-1.635-.309-1.76l-5.586-.785l1.983-4.953c.267-.666-.255-1.297-.86-1.297a.9.9%200%200%200-.492.148l-4.63%202.696l-1.731-5.444A.91.91%200%200%200%2016%203m0%207.867l.861%202.71l2.711-1.579l-1.187%202.97l3.117.436l-2.977%201.598l2.155%202.205l-2.928-.62l.11%203.02L16%2019.184l-1.86%202.425l.112-3.027l-2.943.627l2.144-2.219l-2.953-1.584l3.115-.437L12.428%2012l2.71%201.576z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/haykal.svg?color=%231a73e8&size=48
