Add icons to this collection by clicking the heart icon.
Cross icon - also known as fashion, religion, cross, religious, pendant, faith, christianity, spiritual, christianism, cultures, and belief. Created in a clean 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"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff4d5e" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="d"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="257.52"
cy="219.492"
r="297.434"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5e" stop-opacity=".3" />
<stop offset=".038" stop-color="#ff5e54" stop-opacity=".289" />
<stop offset=".135" stop-color="#ff853e" stop-opacity=".259" />
<stop offset=".24" stop-color="#ffa72b" stop-opacity=".228" />
<stop offset=".351" stop-color="#ffc21b" stop-opacity=".195" />
<stop offset=".471" stop-color="#ffd80f" stop-opacity=".159" />
<stop offset=".604" stop-color="#ffe707" stop-opacity=".119" />
<stop offset=".761" stop-color="#ffef02" stop-opacity=".072" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffcb00" />
<stop offset=".5" stop-color="#fffa78" />
<stop offset=".739" stop-color="#fefca7" />
<stop offset="1" stop-color="#feffd6" />
</linearGradient>
<linearGradient
id="f"
x1="-123.056"
x2="596.179"
y1="445.769"
y2="-273.466"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="36.437"
x2="358.181"
y1="286.116"
y2="-35.627"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="256"
cy="66.5"
r="27.744"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" stop-opacity="0" />
<stop offset=".117" stop-color="#ffea04" stop-opacity=".07" />
<stop offset=".297" stop-color="#ffd411" stop-opacity=".178" />
<stop offset=".517" stop-color="#ffb125" stop-opacity=".31" />
<stop offset=".768" stop-color="#ff8041" stop-opacity=".461" />
<stop offset="1" stop-color="#ff4d5e" stop-opacity=".6" />
</radialGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#ffcb00" />
<stop offset=".5" stop-color="#fffa78" />
<stop offset=".738" stop-color="#fefca7" />
<stop offset=".997" stop-color="#feffd6" />
</linearGradient>
<linearGradient
id="i"
x1="-117.153"
x2="1888.346"
y1="654.721"
y2="-1350.778"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="-63.747"
x2="852.917"
y1="429.943"
y2="-486.72"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="-43.652"
x2="737.329"
y1="524.243"
y2="-256.737"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="101.87"
x2="453.033"
y1="458.383"
y2="107.22"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M256 35.75c-16.547 0-30.076 14.054-30.199 30.999-.12 16.955 13.412 30.492 30.199 30.501 16.787-.009 30.318-13.547 30.199-30.501-.122-16.945-13.654-30.998-30.199-30.999z"
/>
<path
fill="url(#g)"
d="M256 51.125c-8.307-.001-15.069 6.951-15.099 15.437-.03 8.489 6.732 15.311 15.099 15.313 8.367-.002 15.13-6.824 15.099-15.313-.03-8.485-6.792-15.438-15.099-15.437z"
/>
<path
fill="url(#h)"
d="M256 51.125c-8.307-.001-15.069 6.951-15.099 15.437-.03 8.489 6.732 15.311 15.099 15.313 8.367-.002 15.13-6.824 15.099-15.313-.03-8.485-6.792-15.438-15.099-15.437z"
/>
<path
fill="url(#i)"
d="M256 97.25c-5.061 0-10.122.017-15.184.052-8.381.058-15.215 7.033-15.256 15.51-.092 20.472-.163 40.945-.214 61.417-.02 8.482-6.902 15.391-15.379 15.458-.061 20.438-.092 40.875-.092 61.313 8.492-.003 15.375 6.872 15.379 15.354.031 61.417.245 122.834.643 184.251.06 8.477 6.825 15.491 15.103 15.572 10 .097 20 .097 30 0 8.279-.081 15.042-7.096 15.103-15.572.265-40.945.449-81.889.551-122.834C276.628 251.069 266.122 174.125 256 97.25z"
/>
<path
fill="url(#j)"
d="M140.917 190.668c-8.473.18-15.403 7.057-15.458 15.332-.065 10-.109 20-.13 30-.018 8.275 6.867 14.991 15.359 15h15.375c0-20.208.066-40.415.199-60.623-5.115.09-10.23.187-15.345.291z"
/>
<path
fill="url(#k)"
d="M302.033 189.687c-.001-.003-15.362-6.979-15.379-15.458-.051-20.472-.122-40.945-.214-61.417-.042-8.477-6.876-15.452-15.256-15.51-5.061-.035-10.122-.052-15.184-.052-8.381 0-15.198 6.935-15.22 15.422-.046 20.493-.082 40.986-.107 61.479-.009 8.49-6.885 15.387-15.362 15.432-23.016.125-46.033.389-69.05.794-8.473.156-15.396 7.052-15.445 15.374a7982.528 7982.528 0 0 0-.115 30.166c-.016 8.322 6.87 15.076 15.361 15.083h69.188c8.492-.001 15.374 6.88 15.377 15.37.005 20.493.021 40.986.046 61.479.013 8.487 6.878 15.401 15.327 15.401 5.102 0 10.204-.01 15.306-.031 8.45-.036 15.325-6.97 15.348-15.448.051-20.472.082-40.945.092-61.417.004-8.482 6.887-15.357 15.379-15.354h61.5c-20.5-20.161-41.071-40.709-61.592-61.313z"
/>
<path
fill="url(#l)"
d="M371.083 190.668a5677.557 5677.557 0 0 0-69.05-.981c.094 33.938 27.599 61.39 61.592 61.313h7.688c8.491-.009 15.377-6.725 15.359-15-.022-10-.065-20-.13-30-.056-8.274-6.987-15.152-15.459-15.332z"
/>
</svg>
More icons in the same style and category