Add icons to this collection by clicking the heart icon.
Cross icon - also known as religion, christian, cross, Irish, christianity, cultures, celtic cross, and St Patricks Day. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<radialGradient
id="b"
cx="247.084"
cy="169.458"
r="104.405"
gradientUnits="userSpaceOnUse"
>
<stop offset=".564" stop-color="#9c9acc" />
<stop offset=".565" stop-color="#9c9acc" />
<stop offset="1" stop-color="#ccc9e5" />
</radialGradient>
<linearGradient
id="c"
x1="247.084"
x2="247.084"
y1="446.563"
y2="369.243"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ccc9e5" />
<stop offset=".281" stop-color="#c9c6e3" />
<stop offset=".504" stop-color="#bfbcde" />
<stop offset=".708" stop-color="#aeacd5" />
<stop offset=".861" stop-color="#9c9acc" />
</linearGradient>
<linearGradient
id="d"
x1="146.548"
x2="347.62"
y1="97.968"
y2="299.039"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ccc9e5" />
<stop offset=".297" stop-color="#c8c5e3" />
<stop offset=".577" stop-color="#bdbadd" />
<stop offset=".851" stop-color="#aaa8d3" />
<stop offset="1" stop-color="#9c9acc" />
</linearGradient>
<linearGradient
id="e"
x1="191.078"
x2="303.09"
y1="369.243"
y2="369.243"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ccc9e5" />
<stop offset=".293" stop-color="#c8c5e3" />
<stop offset=".577" stop-color="#bcbadd" />
<stop offset=".857" stop-color="#a9a7d3" />
<stop offset="1" stop-color="#9c9acc" />
</linearGradient>
<linearGradient
id="f"
x1="152.679"
x2="341.489"
y1="449.41"
y2="449.41"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ccc9e5" />
<stop offset=".278" stop-color="#c4c1e1" />
<stop offset=".705" stop-color="#afacd6" />
<stop offset="1" stop-color="#9c9acc" />
</linearGradient>
<radialGradient
id="a"
cx="231.804"
cy="54.342"
r="40.592"
gradientUnits="userSpaceOnUse"
>
<stop offset=".145" stop-color="#ccc9e5" />
<stop offset=".336" stop-color="#c8c5e3" />
<stop offset=".516" stop-color="#bdbadd" />
<stop offset=".692" stop-color="#aaa8d3" />
<stop offset=".788" stop-color="#9c9acc" />
</radialGradient>
<radialGradient id="g" cx="233.123" cy="256.189" r="38.169" href="#a" />
<radialGradient id="h" cx="139.1" cy="151.252" r="45.388" href="#a" />
<radialGradient id="i" cx="324.48" cy="153.222" r="42.101" href="#a" />
<path
fill="url(#b)"
d="M247.084 273.863a104.405 104.405 0 1 1 104.404-104.405 104.523 104.523 0 0 1-104.404 104.405zm0-188.81a84.405 84.405 0 1 0 84.404 84.405 84.5 84.5 0 0 0-84.404-84.404z"
/>
<path
fill="url(#c)"
d="m152.679 419.46 38.399-32.548 56.006-17.669 56.006 17.669 38.399 32.548-94.405 27.103z"
/>
<path
fill="url(#d)"
d="M287.084 359.574V237.56a9.896 9.896 0 0 0-6.725-9.26 19.99 19.99 0 1 1 25.566-25.566 9.896 9.896 0 0 0 9.26 6.724h52.796a10 10 0 0 0 10-10v-60a10 10 0 0 0-10-10h-52.795a9.896 9.896 0 0 0-9.26 6.725 19.991 19.991 0 1 1-25.566-25.566 9.895 9.895 0 0 0 6.724-9.26V41.576a10 10 0 0 0-10-10h-60a10 10 0 0 0-10 10v59.782a9.896 9.896 0 0 0 6.724 9.26 19.991 19.991 0 1 1-25.565 25.566 9.896 9.896 0 0 0-9.26-6.724h-52.796a10 10 0 0 0-10 10v60a10 10 0 0 0 10 10h52.796a9.895 9.895 0 0 0 9.26-6.725 19.99 19.99 0 1 1 25.566 25.566 9.897 9.897 0 0 0-6.725 9.26v122.014z"
/>
<path
fill="url(#e)"
d="M201.078 351.574h92.012a10 10 0 0 1 10 10v25.338H191.078v-25.338a10 10 0 0 1 10-10z"
/>
<path fill="url(#f)" d="M152.679 419.46h188.809v59.899H152.679z" />
<circle cx="247.084" cy="69.366" r="15" fill="url(#a)" />
<circle cx="247.084" cy="271" r="15" fill="url(#g)" />
<circle cx="152.679" cy="169.458" r="15" fill="url(#h)" />
<circle cx="338.865" cy="169.458" r="15" fill="url(#i)" />
</svg>
More icons in the same style and category