Add icons to this collection by clicking the heart icon.
Badge icon - also known as medal, water, badge, nature, sea, insignia, ecology and environment, and world oceans day. 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"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc9f63" />
<stop offset="1" stop-color="#ff835d" />
</linearGradient>
<linearGradient
id="b"
x1="175.609"
x2="336.391"
y1="397.481"
y2="397.481"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2874c2" />
<stop offset="1" stop-color="#315cb6" />
</linearGradient>
<linearGradient
id="c"
x1="94.453"
x2="417.547"
y1="221.547"
y2="221.547"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#315cb6" />
<stop offset="1" stop-color="#3a43aa" />
</linearGradient>
<linearGradient
id="d"
x1="164.125"
x2="347.875"
y1="187.094"
y2="187.094"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4ad0ff" />
<stop offset="1" stop-color="#30bbec" />
</linearGradient>
<linearGradient
id="e"
x1="164.125"
x2="347.875"
y1="259.843"
y2="259.843"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#16a5d9" />
<stop offset="1" stop-color="#1f8dcd" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<path
fill="url(#b)"
d="M175.609 342.962V452L256 425.203 336.391 452V342.962z"
/>
<path
fill="url(#c)"
d="M417.547 221.547c0-14.692-5.541-28.585-15.421-39.155 3.271-14.094 1.123-28.896-6.223-41.619-7.345-12.723-19.09-21.984-32.931-26.199-4.215-13.841-13.476-25.586-26.199-32.932-12.724-7.345-27.526-9.494-41.619-6.222C284.584 65.541 270.691 60 256 60s-28.584 5.541-39.155 15.421c-14.093-3.27-28.896-1.123-41.619 6.223s-21.984 19.091-26.199 32.932c-13.841 4.215-25.586 13.476-32.932 26.199-7.345 12.723-9.493 27.525-6.222 41.619-9.88 10.57-15.421 24.463-15.421 39.155 0 14.691 5.541 28.584 15.421 39.154-3.271 14.094-1.123 28.896 6.223 41.619 7.345 12.723 19.09 21.984 32.932 26.198 4.215 13.841 13.476 25.586 26.199 32.931 12.722 7.345 27.525 9.493 41.619 6.223 10.571 9.88 24.464 15.421 39.155 15.421s28.584-5.541 39.154-15.421c14.096 3.271 28.897 1.123 41.619-6.223 12.723-7.345 21.984-19.09 26.199-32.931 13.841-4.214 25.586-13.475 32.932-26.198 7.345-12.723 9.493-27.525 6.222-41.619 9.879-10.572 15.42-24.465 15.42-39.156z"
/>
<path
fill="url(#d)"
d="M256 129.672c-50.741 0-91.875 41.134-91.875 91.875l18.069 22.969h147.612l18.069-22.969c0-50.741-41.134-91.875-91.875-91.875z"
/>
<path
fill="url(#e)"
d="M329.806 221.547c-10.919 0-21.285-3.474-29.976-10.045l-6.927-5.238-6.927 5.238c-8.691 6.572-19.057 10.045-29.977 10.045s-21.285-3.474-29.977-10.045l-6.927-5.238-6.927 5.238c-8.691 6.572-19.057 10.045-29.976 10.045h-18.069c0 50.741 41.134 91.875 91.875 91.875s91.875-41.134 91.875-91.875z"
/>
</svg>
More icons in the same style and category