kaaba icon
kaaba from Line Awesome by Icons8 · Line · Religion · Apache-2.0 Free for personal and commercial use.
- Name
- kaaba
- Set
- Line Awesome
- Style
- Line
- Category
- Religion
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- kaaba-solid
The same icon in other sets
More religion icons from Line Awesome
Use the kaaba icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 5c-.214 0-.428.035-.633.104L5.025 8.55A1.5 1.5 0 0 0 4 9.973V22.89a1.5 1.5 0 0 0 1.137 1.455l10.379 2.593a2 2 0 0 0 .968 0l10.38-2.593A1.5 1.5 0 0 0 28 22.89V9.973c0-.646-.412-1.218-1.025-1.422L16.633 5.104A2 2 0 0 0 16 5m0 2l10 3.332v2.545l-9.2-2.758a2.77 2.77 0 0 0-1.6 0L6 12.877v-2.545zm0 4.633q.243 0 .482.068L26 14.56v7.94L16 25L6 22.5v-7.941l9.525-2.858q.232-.069.475-.068m-.78 1.373a.3.3 0 0 0-.128.004l-3.332.908a.28.28 0 0 0-.201.268v.582c0 .184.174.31.35.267l3.333-.908c.117-.033.2-.15.2-.275v-.575a.28.28 0 0 0-.221-.271zm1.561 0a.28.28 0 0 0-.222.271v.577c0 .133.084.242.2.275l3.333.906c.175.05.35-.082.35-.265v-.584a.28.28 0 0 0-.2-.266l-3.334-.908a.3.3 0 0 0-.127-.006m-6.56 1.365a.3.3 0 0 0-.13.006l-2.775.758a.276.276 0 0 0-.207.267v.575c0 .184.175.317.35.267l2.783-.758a.28.28 0 0 0 .2-.267v-.574a.28.28 0 0 0-.221-.274m11.56 0a.28.28 0 0 0-.222.274v.574c0 .125.084.234.2.267l2.784.758c.175.05.35-.084.35-.267v-.575a.28.28 0 0 0-.21-.267l-2.775-.758a.3.3 0 0 0-.127-.006"/></svg>
React
import type { SVGProps } from "react";
export function LaKaaba(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 5c-.214 0-.428.035-.633.104L5.025 8.55A1.5 1.5 0 0 0 4 9.973V22.89a1.5 1.5 0 0 0 1.137 1.455l10.379 2.593a2 2 0 0 0 .968 0l10.38-2.593A1.5 1.5 0 0 0 28 22.89V9.973c0-.646-.412-1.218-1.025-1.422L16.633 5.104A2 2 0 0 0 16 5m0 2l10 3.332v2.545l-9.2-2.758a2.77 2.77 0 0 0-1.6 0L6 12.877v-2.545zm0 4.633q.243 0 .482.068L26 14.56v7.94L16 25L6 22.5v-7.941l9.525-2.858q.232-.069.475-.068m-.78 1.373a.3.3 0 0 0-.128.004l-3.332.908a.28.28 0 0 0-.201.268v.582c0 .184.174.31.35.267l3.333-.908c.117-.033.2-.15.2-.275v-.575a.28.28 0 0 0-.221-.271zm1.561 0a.28.28 0 0 0-.222.271v.577c0 .133.084.242.2.275l3.333.906c.175.05.35-.082.35-.265v-.584a.28.28 0 0 0-.2-.266l-3.334-.908a.3.3 0 0 0-.127-.006m-6.56 1.365a.3.3 0 0 0-.13.006l-2.775.758a.276.276 0 0 0-.207.267v.575c0 .184.175.317.35.267l2.783-.758a.28.28 0 0 0 .2-.267v-.574a.28.28 0 0 0-.221-.274m11.56 0a.28.28 0 0 0-.222.274v.574c0 .125.084.234.2.267l2.784.758c.175.05.35-.084.35-.267v-.575a.28.28 0 0 0-.21-.267l-2.775-.758a.3.3 0 0 0-.127-.006"/></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 5c-.214 0-.428.035-.633.104L5.025 8.55A1.5 1.5 0 0 0 4 9.973V22.89a1.5 1.5 0 0 0 1.137 1.455l10.379 2.593a2 2 0 0 0 .968 0l10.38-2.593A1.5 1.5 0 0 0 28 22.89V9.973c0-.646-.412-1.218-1.025-1.422L16.633 5.104A2 2 0 0 0 16 5m0 2l10 3.332v2.545l-9.2-2.758a2.77 2.77 0 0 0-1.6 0L6 12.877v-2.545zm0 4.633q.243 0 .482.068L26 14.56v7.94L16 25L6 22.5v-7.941l9.525-2.858q.232-.069.475-.068m-.78 1.373a.3.3 0 0 0-.128.004l-3.332.908a.28.28 0 0 0-.201.268v.582c0 .184.174.31.35.267l3.333-.908c.117-.033.2-.15.2-.275v-.575a.28.28 0 0 0-.221-.271zm1.561 0a.28.28 0 0 0-.222.271v.577c0 .133.084.242.2.275l3.333.906c.175.05.35-.082.35-.265v-.584a.28.28 0 0 0-.2-.266l-3.334-.908a.3.3 0 0 0-.127-.006m-6.56 1.365a.3.3 0 0 0-.13.006l-2.775.758a.276.276 0 0 0-.207.267v.575c0 .184.175.317.35.267l2.783-.758a.28.28 0 0 0 .2-.267v-.574a.28.28 0 0 0-.221-.274m11.56 0a.28.28 0 0 0-.222.274v.574c0 .125.084.234.2.267l2.784.758c.175.05.35-.084.35-.267v-.575a.28.28 0 0 0-.21-.267l-2.775-.758a.3.3 0 0 0-.127-.006"/></svg> </template>
CSS
.icon-kaaba {
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%205c-.214%200-.428.035-.633.104L5.025%208.55A1.5%201.5%200%200%200%204%209.973V22.89a1.5%201.5%200%200%200%201.137%201.455l10.379%202.593a2%202%200%200%200%20.968%200l10.38-2.593A1.5%201.5%200%200%200%2028%2022.89V9.973c0-.646-.412-1.218-1.025-1.422L16.633%205.104A2%202%200%200%200%2016%205m0%202l10%203.332v2.545l-9.2-2.758a2.77%202.77%200%200%200-1.6%200L6%2012.877v-2.545zm0%204.633q.243%200%20.482.068L26%2014.56v7.94L16%2025L6%2022.5v-7.941l9.525-2.858q.232-.069.475-.068m-.78%201.373a.3.3%200%200%200-.128.004l-3.332.908a.28.28%200%200%200-.201.268v.582c0%20.184.174.31.35.267l3.333-.908c.117-.033.2-.15.2-.275v-.575a.28.28%200%200%200-.221-.271zm1.561%200a.28.28%200%200%200-.222.271v.577c0%20.133.084.242.2.275l3.333.906c.175.05.35-.082.35-.265v-.584a.28.28%200%200%200-.2-.266l-3.334-.908a.3.3%200%200%200-.127-.006m-6.56%201.365a.3.3%200%200%200-.13.006l-2.775.758a.276.276%200%200%200-.207.267v.575c0%20.184.175.317.35.267l2.783-.758a.28.28%200%200%200%20.2-.267v-.574a.28.28%200%200%200-.221-.274m11.56%200a.28.28%200%200%200-.222.274v.574c0%20.125.084.234.2.267l2.784.758c.175.05.35-.084.35-.267v-.575a.28.28%200%200%200-.21-.267l-2.775-.758a.3.3%200%200%200-.127-.006%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%205c-.214%200-.428.035-.633.104L5.025%208.55A1.5%201.5%200%200%200%204%209.973V22.89a1.5%201.5%200%200%200%201.137%201.455l10.379%202.593a2%202%200%200%200%20.968%200l10.38-2.593A1.5%201.5%200%200%200%2028%2022.89V9.973c0-.646-.412-1.218-1.025-1.422L16.633%205.104A2%202%200%200%200%2016%205m0%202l10%203.332v2.545l-9.2-2.758a2.77%202.77%200%200%200-1.6%200L6%2012.877v-2.545zm0%204.633q.243%200%20.482.068L26%2014.56v7.94L16%2025L6%2022.5v-7.941l9.525-2.858q.232-.069.475-.068m-.78%201.373a.3.3%200%200%200-.128.004l-3.332.908a.28.28%200%200%200-.201.268v.582c0%20.184.174.31.35.267l3.333-.908c.117-.033.2-.15.2-.275v-.575a.28.28%200%200%200-.221-.271zm1.561%200a.28.28%200%200%200-.222.271v.577c0%20.133.084.242.2.275l3.333.906c.175.05.35-.082.35-.265v-.584a.28.28%200%200%200-.2-.266l-3.334-.908a.3.3%200%200%200-.127-.006m-6.56%201.365a.3.3%200%200%200-.13.006l-2.775.758a.276.276%200%200%200-.207.267v.575c0%20.184.175.317.35.267l2.783-.758a.28.28%200%200%200%20.2-.267v-.574a.28.28%200%200%200-.221-.274m11.56%200a.28.28%200%200%200-.222.274v.574c0%20.125.084.234.2.267l2.784.758c.175.05.35-.084.35-.267v-.575a.28.28%200%200%200-.21-.267l-2.775-.758a.3.3%200%200%200-.127-.006%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/kaaba.svg?color=%231a73e8&size=48
