Skip to content

Instantly share code, notes, and snippets.

@bugnumber9

bugnumber9/svg-gradient.css

Created March 25, 2025 16:23
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save bugnumber9/f502fdddadb6e6f34bd68d61901d1549 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save bugnumber9/f502fdddadb6e6f34bd68d61901d1549 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
svg-gradient.css
.iconbox-1 .elementor-icon {position: relative;}
.iconbox-1 .elementor-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom right, #fff, #ff09ab);
-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2NCA2NCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJNOC41OTQgMC43ODFoMzIuODEzdjQ4LjQzOEg4LjU5NHoiLz48cGF0aCBkPSJNMTcuMTg4IDIxLjA5NGMwIDUuMjA4IDcuODEzIDkuMzc1IDcuODEzIDkuMzc1czcuODEzIC00LjE2NyA3LjgxMyAtOS4zNzVjMCAtMi4xNTggLTEuNTYzIC0zLjkwNiAtMy45MDYgLTMuOTA2YTMuOTA2IDMuOTA2IDAgMCAwIC0zLjkwNiAzLjkwNiAzLjkwNiAzLjkwNiAwIDAgMCAtMy45MDYgLTMuOTA2Yy0yLjM0NCAwIC0zLjkwNiAxLjc0OCAtMy45MDYgMy45MDZ6Ii8+PHBhdGggZD0iTTIxLjg3NSAzLjkwNmg2LjI1Ii8+PHBhdGggZD0iTTguNTk0IDM5Ljg0NGgzMi44MTMiLz48cGF0aCBkPSJNOC41OTQgNy4wMzFoMzIuODEzIi8+PHBhdGggY3g9IjMyIiBjeT0iNTciIHI9IjIiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGQ9Ik0yNi41NjMgNDQuNTMxQTEuNTYzIDEuNTYzIDAgMCAxIDI1IDQ2LjA5NEExLjU2MyAxLjU2MyAwIDAgMSAyMy40MzggNDQuNTMxQTEuNTYzIDEuNTYzIDAgMCAxIDI2LjU2MyA0NC41MzF6Ii8+PC9nPjwvc3ZnPg==');
mask-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2NCA2NCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJNOC41OTQgMC43ODFoMzIuODEzdjQ4LjQzOEg4LjU5NHoiLz48cGF0aCBkPSJNMTcuMTg4IDIxLjA5NGMwIDUuMjA4IDcuODEzIDkuMzc1IDcuODEzIDkuMzc1czcuODEzIC00LjE2NyA3LjgxMyAtOS4zNzVjMCAtMi4xNTggLTEuNTYzIC0zLjkwNiAtMy45MDYgLTMuOTA2YTMuOTA2IDMuOTA2IDAgMCAwIC0zLjkwNiAzLjkwNiAzLjkwNiAzLjkwNiAwIDAgMCAtMy45MDYgLTMuOTA2Yy0yLjM0NCAwIC0zLjkwNiAxLjc0OCAtMy45MDYgMy45MDZ6Ii8+PHBhdGggZD0iTTIxLjg3NSAzLjkwNmg2LjI1Ii8+PHBhdGggZD0iTTguNTk0IDM5Ljg0NGgzMi44MTMiLz48cGF0aCBkPSJNOC41OTQgNy4wMzFoMzIuODEzIi8+PHBhdGggY3g9IjMyIiBjeT0iNTciIHI9IjIiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGQ9Ik0yNi41NjMgNDQuNTMxQTEuNTYzIDEuNTYzIDAgMCAxIDI1IDQ2LjA5NEExLjU2MyAxLjU2MyAwIDAgMSAyMy40MzggNDQuNTMxQTEuNTYzIDEuNTYzIDAgMCAxIDI2LjU2MyA0NC41MzF6Ii8+PC9nPjwvc3ZnPg==');
z-index: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment