kaaba icon

kaaba from Font Awesome 6 Solid by Dave Gandy · Regular · Buildings · CC-BY-4.0 Attribution required.

Name
kaaba
Set
Font Awesome 6 Solid
Style
Regular
Category
Buildings
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

kaabaEmoji One (Colored)kaabaFont Awesome SolidkaabaFluent EmojikaabaFluent Emoji FlatkaabaFluent Emoji High ContrastkaabaLine AwesomekaabaNoto EmojikaabaOpenMojikaabaTwitter Emoji

More buildings icons from Font Awesome 6 Solid

archwaybuildingchurchcitydungeongopuramhospitalhospital-userhoteliglooindustrylandmarkmonumentmosqueplace-of-worshipschoolstoresynagoguetorii-gateviharawarehouse

Use the kaaba icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="m60 120l228 71.2L516 120L288 48.8zM278.5 1.5c6.2-1.9 12.9-1.9 19.1 0l256 80C566.9 85.6 576 98 576 112v37.2l-283.2 88.5c-3.1 1-6.4 1-9.5 0L0 149.2V112c0-14 9.1-26.4 22.5-30.5zm23.9 266.8L576 182.8v46.5l-52.8 16.5c-8.4 2.6-13.1 11.6-10.5 20s11.6 13.1 20 10.5l43.3-13.5V400c0 14-9.1 26.4-22.5 30.5l-256 80c-6.2 1.9-12.9 1.9-19.1 0l-256-80C9.1 426.4 0 414 0 400V262.8l43.2 13.5c8.4 2.6 17.4-2.1 20-10.5s-2.1-17.4-10.5-20L0 229.2v-46.5l273.7 85.5c9.3 2.9 19.3 2.9 28.6 0zm-185.5-2.6c-8.4-2.6-17.4 2.1-20 10.5s2.1 17.4 10.5 20l64 20c8.4 2.6 17.4-2.1 20-10.5s-2.1-17.4-10.5-20zm352 30.5c8.4-2.6 13.1-11.6 10.5-20s-11.6-13.1-20-10.5l-64 20c-8.4 2.6-13.1 11.6-10.5 20s11.6 13.1 20 10.5zm-224 9.5c-8.4-2.6-17.4 2.1-20 10.5s2.1 17.4 10.5 20l38.5 12c9.3 2.9 19.3 2.9 28.6 0l38.5-12c8.4-2.6 13.1-11.6 10.5-20s-11.6-13.1-20-10.5l-38.5 12c-3.1 1-6.4 1-9.5 0l-38.5-12z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidKaaba(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="m60 120l228 71.2L516 120L288 48.8zM278.5 1.5c6.2-1.9 12.9-1.9 19.1 0l256 80C566.9 85.6 576 98 576 112v37.2l-283.2 88.5c-3.1 1-6.4 1-9.5 0L0 149.2V112c0-14 9.1-26.4 22.5-30.5zm23.9 266.8L576 182.8v46.5l-52.8 16.5c-8.4 2.6-13.1 11.6-10.5 20s11.6 13.1 20 10.5l43.3-13.5V400c0 14-9.1 26.4-22.5 30.5l-256 80c-6.2 1.9-12.9 1.9-19.1 0l-256-80C9.1 426.4 0 414 0 400V262.8l43.2 13.5c8.4 2.6 17.4-2.1 20-10.5s-2.1-17.4-10.5-20L0 229.2v-46.5l273.7 85.5c9.3 2.9 19.3 2.9 28.6 0zm-185.5-2.6c-8.4-2.6-17.4 2.1-20 10.5s2.1 17.4 10.5 20l64 20c8.4 2.6 17.4-2.1 20-10.5s-2.1-17.4-10.5-20zm352 30.5c8.4-2.6 13.1-11.6 10.5-20s-11.6-13.1-20-10.5l-64 20c-8.4 2.6-13.1 11.6-10.5 20s11.6 13.1 20 10.5zm-224 9.5c-8.4-2.6-17.4 2.1-20 10.5s2.1 17.4 10.5 20l38.5 12c9.3 2.9 19.3 2.9 28.6 0l38.5-12c8.4-2.6 13.1-11.6 10.5-20s-11.6-13.1-20-10.5l-38.5 12c-3.1 1-6.4 1-9.5 0l-38.5-12z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="m60 120l228 71.2L516 120L288 48.8zM278.5 1.5c6.2-1.9 12.9-1.9 19.1 0l256 80C566.9 85.6 576 98 576 112v37.2l-283.2 88.5c-3.1 1-6.4 1-9.5 0L0 149.2V112c0-14 9.1-26.4 22.5-30.5zm23.9 266.8L576 182.8v46.5l-52.8 16.5c-8.4 2.6-13.1 11.6-10.5 20s11.6 13.1 20 10.5l43.3-13.5V400c0 14-9.1 26.4-22.5 30.5l-256 80c-6.2 1.9-12.9 1.9-19.1 0l-256-80C9.1 426.4 0 414 0 400V262.8l43.2 13.5c8.4 2.6 17.4-2.1 20-10.5s-2.1-17.4-10.5-20L0 229.2v-46.5l273.7 85.5c9.3 2.9 19.3 2.9 28.6 0zm-185.5-2.6c-8.4-2.6-17.4 2.1-20 10.5s2.1 17.4 10.5 20l64 20c8.4 2.6 17.4-2.1 20-10.5s-2.1-17.4-10.5-20zm352 30.5c8.4-2.6 13.1-11.6 10.5-20s-11.6-13.1-20-10.5l-64 20c-8.4 2.6-13.1 11.6-10.5 20s11.6 13.1 20 10.5zm-224 9.5c-8.4-2.6-17.4 2.1-20 10.5s2.1 17.4 10.5 20l38.5 12c9.3 2.9 19.3 2.9 28.6 0l38.5-12c8.4-2.6 13.1-11.6 10.5-20s-11.6-13.1-20-10.5l-38.5 12c-3.1 1-6.4 1-9.5 0l-38.5-12z"/></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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m60%20120l228%2071.2L516%20120L288%2048.8zM278.5%201.5c6.2-1.9%2012.9-1.9%2019.1%200l256%2080C566.9%2085.6%20576%2098%20576%20112v37.2l-283.2%2088.5c-3.1%201-6.4%201-9.5%200L0%20149.2V112c0-14%209.1-26.4%2022.5-30.5zm23.9%20266.8L576%20182.8v46.5l-52.8%2016.5c-8.4%202.6-13.1%2011.6-10.5%2020s11.6%2013.1%2020%2010.5l43.3-13.5V400c0%2014-9.1%2026.4-22.5%2030.5l-256%2080c-6.2%201.9-12.9%201.9-19.1%200l-256-80C9.1%20426.4%200%20414%200%20400V262.8l43.2%2013.5c8.4%202.6%2017.4-2.1%2020-10.5s-2.1-17.4-10.5-20L0%20229.2v-46.5l273.7%2085.5c9.3%202.9%2019.3%202.9%2028.6%200zm-185.5-2.6c-8.4-2.6-17.4%202.1-20%2010.5s2.1%2017.4%2010.5%2020l64%2020c8.4%202.6%2017.4-2.1%2020-10.5s-2.1-17.4-10.5-20zm352%2030.5c8.4-2.6%2013.1-11.6%2010.5-20s-11.6-13.1-20-10.5l-64%2020c-8.4%202.6-13.1%2011.6-10.5%2020s11.6%2013.1%2020%2010.5zm-224%209.5c-8.4-2.6-17.4%202.1-20%2010.5s2.1%2017.4%2010.5%2020l38.5%2012c9.3%202.9%2019.3%202.9%2028.6%200l38.5-12c8.4-2.6%2013.1-11.6%2010.5-20s-11.6-13.1-20-10.5l-38.5%2012c-3.1%201-6.4%201-9.5%200l-38.5-12z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m60%20120l228%2071.2L516%20120L288%2048.8zM278.5%201.5c6.2-1.9%2012.9-1.9%2019.1%200l256%2080C566.9%2085.6%20576%2098%20576%20112v37.2l-283.2%2088.5c-3.1%201-6.4%201-9.5%200L0%20149.2V112c0-14%209.1-26.4%2022.5-30.5zm23.9%20266.8L576%20182.8v46.5l-52.8%2016.5c-8.4%202.6-13.1%2011.6-10.5%2020s11.6%2013.1%2020%2010.5l43.3-13.5V400c0%2014-9.1%2026.4-22.5%2030.5l-256%2080c-6.2%201.9-12.9%201.9-19.1%200l-256-80C9.1%20426.4%200%20414%200%20400V262.8l43.2%2013.5c8.4%202.6%2017.4-2.1%2020-10.5s-2.1-17.4-10.5-20L0%20229.2v-46.5l273.7%2085.5c9.3%202.9%2019.3%202.9%2028.6%200zm-185.5-2.6c-8.4-2.6-17.4%202.1-20%2010.5s2.1%2017.4%2010.5%2020l64%2020c8.4%202.6%2017.4-2.1%2020-10.5s-2.1-17.4-10.5-20zm352%2030.5c8.4-2.6%2013.1-11.6%2010.5-20s-11.6-13.1-20-10.5l-64%2020c-8.4%202.6-13.1%2011.6-10.5%2020s11.6%2013.1%2020%2010.5zm-224%209.5c-8.4-2.6-17.4%202.1-20%2010.5s2.1%2017.4%2010.5%2020l38.5%2012c9.3%202.9%2019.3%202.9%2028.6%200l38.5-12c8.4-2.6%2013.1-11.6%2010.5-20s-11.6-13.1-20-10.5l-38.5%2012c-3.1%201-6.4%201-9.5%200l-38.5-12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/kaaba.svg?color=%231a73e8&size=48