Add icons to this collection by clicking the heart icon.
Cancer Ribbon icon - also known as calendar, cancer ribbon, time and date, awareness day, and world cancer day. Created in a clean outline color style with a gray, navy, and orange finish, 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="b"
x1="72.967"
x2="185.703"
y1="330"
y2="330"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbc1d7" />
<stop offset=".711" stop-color="#eceff4" />
</linearGradient>
<linearGradient
id="c"
x1="29.388"
x2="479.175"
y1="158"
y2="158"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbc1d7" />
<stop offset=".964" stop-color="#eceff4" />
</linearGradient>
<linearGradient
id="a"
x1="256"
x2="256"
y1="66.895"
y2="139.537"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbc1d7" />
<stop offset=".811" stop-color="#eceff4" />
</linearGradient>
<linearGradient
id="d"
x1="128"
x2="128"
y1="66.895"
y2="139.537"
href="#a"
/>
<linearGradient
id="e"
x1="384"
x2="384"
y1="66.895"
y2="139.537"
href="#a"
/>
<path fill="url(#b)" d="M76 312h88v36H76z" />
<path fill="url(#c)" d="M44 144h424v28H44z" />
<path
fill="url(#a)"
d="M228 88v16a28 28 0 0 0 28 28 28 28 0 0 0 28-28V88z"
/>
<path
fill="url(#d)"
d="M100 88v16a28 28 0 0 0 28 28 28 28 0 0 0 28-28V88z"
/>
<path
fill="url(#e)"
d="M356 88v16a28 28 0 0 0 28 28 28 28 0 0 0 28-28V88z"
/>
<path
fill="#5c7aea"
d="M382.18 310.071a32.269 32.269 0 0 0-21.358 0c-25.946 9.133-27.217 45.131-5.413 63.523l16.356 13.85 15.777-13.807c21.865-18.416 20.588-54.43-5.362-63.566z"
/>
<path
fill="#5c7aea"
d="M372 272a100 100 0 1 0 100 100 100 100 0 0 0-100-100zm39.996 168a7.965 7.965 0 0 1-5.166-1.895l-34.894-29.55-33.667 29.465a8 8 0 0 1-10.538-12.04l31.858-27.88-14.57-12.338c-35.484-29.953-24.765-90.58 25.291-93.733a20.419 20.419 0 0 1 2.38 0c50.06 3.16 60.75 63.764 25.339 93.69L384.112 397.9l33.058 27.995c5.69 4.762 2.142 14.179-5.174 14.105z"
/>
<path
fill="#14279b"
d="M372 480a108 108 0 1 1 108-108 108.122 108.122 0 0 1-108 108zm0-200a92 92 0 1 0 92 92 92.104 92.104 0 0 0-92-92z"
/>
<circle cx="290" cy="204" r="9" fill="#fe5f55" />
<circle cx="262" cy="204" r="9" fill="#fe5f55" />
<g fill="#14279b">
<path
d="M440 268a8 8 0 0 1-8-8v-48H320a8 8 0 0 1 0-16h120a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8zM288 280h-80a8 8 0 0 1-8-8v-68a8 8 0 0 1 8-8h24a8 8 0 0 1 0 16h-16v52h72a8 8 0 0 1 0 16zM256 320h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16zM244 360h-36a8 8 0 0 1 0-16h36a8 8 0 0 1 0 16zM240 400h-76a8 8 0 0 1 0-16h76a8 8 0 0 1 0 16zM240 440h-76a8 8 0 0 1 0-16h76a8 8 0 0 1 0 16z"
/>
<path
d="M458 80h-38V68a36 36 0 0 0-72 0v12h-56V68a36 36 0 0 0-72 0v12h-56V68a36 36 0 0 0-72 0v12H54a22.025 22.025 0 0 0-22 22v282.35a8 8 0 0 0 2.224 5.535l84 87.65A8 8 0 0 0 124 480h160a8 8 0 0 0 0-16H136v-80a8 8 0 0 0-8-8H48V180h416v95.83a8 8 0 0 0 16 0V102a22.025 22.025 0 0 0-22-22zm-94-12a20 20 0 0 1 40 0v40a20 20 0 0 1-40 0zm-128 0a20 20 0 0 1 40 0v40a20 20 0 0 1-40 0zm-128 0a20 20 0 0 1 40 0v40a20 20 0 0 1-40 0zm12 388.264L58.412 392H120zM48 164v-62a6.007 6.007 0 0 1 6-6h38v12a36 36 0 0 0 72 0V96h56v12a36 36 0 0 0 72 0V96h56v12a36 36 0 0 0 72 0V96h38a6.007 6.007 0 0 1 6 6v62z"
/>
<path
d="M72 196a8 8 0 0 0-8 8v148a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8V204a8 8 0 0 0-8-8zm88 16v52H80v-52zM80 344v-64h80v64z"
/>
</g>
</svg>
More icons in the same style and category