hamsa icon

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

Name
hamsa
Set
Font Awesome 6 Solid
Style
Regular
Category
Religion
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

hamsaFont Awesome SolidhamsaFluent EmojihamsaFluent Emoji FlathamsaFluent Emoji High ContrasthamsaLine AwesomehamsaNoto EmojihamsaOpenMojihamsaTwitter Emoji

More religion icons from Font Awesome 6 Solid

ankhbahaicrosshanukiahjedikhandamenorahompeacestar-and-crescentstar-of-davidyin-yang

Use the hamsa icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M34.6 288H80c8.8 0 16-7.2 16-16V72c0-22.1 17.9-40 40-40s40 17.9 40 40v132c0 11 9 20 20 20s20-9 20-20V40c0-22.1 17.9-40 40-40s40 17.9 40 40v164c0 11 9 20 20 20s20-9 20-20V72c0-22.1 17.9-40 40-40s40 17.9 40 40v200c0 8.8 7.2 16 16 16h45.4c19.1 0 34.6 15.5 34.6 34.6c0 8.6-3.2 16.9-9 23.3L416.6 441c-41.1 45.2-99.4 71-160.6 71s-119.4-25.8-160.6-71L9 345.9c-5.8-6.4-9-14.7-9-23.3C0 303.5 15.5 288 34.6 288m221.4 0c-38.4 0-76.8 35.8-90.6 50.2c-3.6 3.7-5.4 8.7-5.4 13.8s1.8 10.1 5.4 13.8c13.8 14.4 52.2 50.2 90.6 50.2s76.8-35.8 90.6-50.2c3.6-3.7 5.4-8.7 5.4-13.8s-1.8-10.1-5.4-13.8C332.8 323.8 294.4 288 256 288m0 32a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidHamsa(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M34.6 288H80c8.8 0 16-7.2 16-16V72c0-22.1 17.9-40 40-40s40 17.9 40 40v132c0 11 9 20 20 20s20-9 20-20V40c0-22.1 17.9-40 40-40s40 17.9 40 40v164c0 11 9 20 20 20s20-9 20-20V72c0-22.1 17.9-40 40-40s40 17.9 40 40v200c0 8.8 7.2 16 16 16h45.4c19.1 0 34.6 15.5 34.6 34.6c0 8.6-3.2 16.9-9 23.3L416.6 441c-41.1 45.2-99.4 71-160.6 71s-119.4-25.8-160.6-71L9 345.9c-5.8-6.4-9-14.7-9-23.3C0 303.5 15.5 288 34.6 288m221.4 0c-38.4 0-76.8 35.8-90.6 50.2c-3.6 3.7-5.4 8.7-5.4 13.8s1.8 10.1 5.4 13.8c13.8 14.4 52.2 50.2 90.6 50.2s76.8-35.8 90.6-50.2c3.6-3.7 5.4-8.7 5.4-13.8s-1.8-10.1-5.4-13.8C332.8 323.8 294.4 288 256 288m0 32a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M34.6 288H80c8.8 0 16-7.2 16-16V72c0-22.1 17.9-40 40-40s40 17.9 40 40v132c0 11 9 20 20 20s20-9 20-20V40c0-22.1 17.9-40 40-40s40 17.9 40 40v164c0 11 9 20 20 20s20-9 20-20V72c0-22.1 17.9-40 40-40s40 17.9 40 40v200c0 8.8 7.2 16 16 16h45.4c19.1 0 34.6 15.5 34.6 34.6c0 8.6-3.2 16.9-9 23.3L416.6 441c-41.1 45.2-99.4 71-160.6 71s-119.4-25.8-160.6-71L9 345.9c-5.8-6.4-9-14.7-9-23.3C0 303.5 15.5 288 34.6 288m221.4 0c-38.4 0-76.8 35.8-90.6 50.2c-3.6 3.7-5.4 8.7-5.4 13.8s1.8 10.1 5.4 13.8c13.8 14.4 52.2 50.2 90.6 50.2s76.8-35.8 90.6-50.2c3.6-3.7 5.4-8.7 5.4-13.8s-1.8-10.1-5.4-13.8C332.8 323.8 294.4 288 256 288m0 32a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>
</template>

CSS

.icon-hamsa {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M34.6%20288H80c8.8%200%2016-7.2%2016-16V72c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040v132c0%2011%209%2020%2020%2020s20-9%2020-20V40c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040v164c0%2011%209%2020%2020%2020s20-9%2020-20V72c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040v200c0%208.8%207.2%2016%2016%2016h45.4c19.1%200%2034.6%2015.5%2034.6%2034.6c0%208.6-3.2%2016.9-9%2023.3L416.6%20441c-41.1%2045.2-99.4%2071-160.6%2071s-119.4-25.8-160.6-71L9%20345.9c-5.8-6.4-9-14.7-9-23.3C0%20303.5%2015.5%20288%2034.6%20288m221.4%200c-38.4%200-76.8%2035.8-90.6%2050.2c-3.6%203.7-5.4%208.7-5.4%2013.8s1.8%2010.1%205.4%2013.8c13.8%2014.4%2052.2%2050.2%2090.6%2050.2s76.8-35.8%2090.6-50.2c3.6-3.7%205.4-8.7%205.4-13.8s-1.8-10.1-5.4-13.8C332.8%20323.8%20294.4%20288%20256%20288m0%2032a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M34.6%20288H80c8.8%200%2016-7.2%2016-16V72c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040v132c0%2011%209%2020%2020%2020s20-9%2020-20V40c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040v164c0%2011%209%2020%2020%2020s20-9%2020-20V72c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040v200c0%208.8%207.2%2016%2016%2016h45.4c19.1%200%2034.6%2015.5%2034.6%2034.6c0%208.6-3.2%2016.9-9%2023.3L416.6%20441c-41.1%2045.2-99.4%2071-160.6%2071s-119.4-25.8-160.6-71L9%20345.9c-5.8-6.4-9-14.7-9-23.3C0%20303.5%2015.5%20288%2034.6%20288m221.4%200c-38.4%200-76.8%2035.8-90.6%2050.2c-3.6%203.7-5.4%208.7-5.4%2013.8s1.8%2010.1%205.4%2013.8c13.8%2014.4%2052.2%2050.2%2090.6%2050.2s76.8-35.8%2090.6-50.2c3.6-3.7%205.4-8.7%205.4-13.8s-1.8-10.1-5.4-13.8C332.8%20323.8%20294.4%20288%20256%20288m0%2032a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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