Add icons to this collection by clicking the heart icon.
Ribbon icon - also known as ribbon, bow, christmas, ornament, fashion, shapes, and decoration. 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#a)"
d="M2.277 33.566c1.287 1.983 3.455 3.141 6.443 3.44.624.062 1.245.091 1.866.091 3.127 0 6.183-.746 8.909-1.763-1.935 4.304-6.034 11.902-11.892 14.811a2.007 2.007 0 0 0-1.09 2.164 1.98 1.98 0 0 0 1.75 1.625c1.756.191 3.43.107 5-.249-.23.543-.53 1.171-.907 1.83a2.029 2.029 0 0 0 .419 2.502c.382.344.85.518 1.321.518.393 0 .789-.121 1.139-.366 3.511-2.46 12.031-9.911 16.288-26.196h.957c4.257 16.285 12.777 23.736 16.287 26.195.351.246.746.367 1.139.367a1.97 1.97 0 0 0 1.321-.518 2.032 2.032 0 0 0 .413-2.514 17.144 17.144 0 0 1-.9-1.819c1.569.357 3.245.441 5 .25a1.98 1.98 0 0 0 1.75-1.625 2.009 2.009 0 0 0-1.093-2.165c-5.857-2.908-9.955-10.506-11.89-14.81 2.726 1.018 5.782 1.763 8.909 1.763.62 0 1.243-.029 1.866-.091 2.988-.3 5.156-1.457 6.443-3.44 2.093-3.224 1.131-7.639.656-9.294 1.478-2.205 2.311-5.157.844-8.544-.329-.757-1.01-1.648-2.025-2.651-1.778-1.759-4.003-2.764-6.251-2.712-.82.003-1.634.12-2.417.346-2.562.727-5.269 2.192-8.041 4.354a676.906 676.906 0 0 0-6.786 5.337 2.998 2.998 0 0 0-1.671-.508h-8.062c-.618 0-1.192.188-1.671.508a671.666 671.666 0 0 0-6.784-5.335c-2.774-2.164-5.48-3.63-8.039-4.355a8.854 8.854 0 0 0-2.421-.347h-.036c-2.242 0-4.449.962-6.218 2.711-1.016 1.004-1.697 1.896-2.026 2.653-1.467 3.386-.634 6.338.844 8.543-.475 1.655-1.437 6.07.656 9.294zm11.821 22.93c1.244-2.174 1.722-4.033 1.741-4.111a1 1 0 0 0-1.342-1.173c-1.805.727-3.831.973-6.002.724 7.312-3.63 11.89-13.325 13.647-17.71a42.463 42.463 0 0 0 4.608-2.515c.373.166.784.262 1.219.262h1.48c-4.129 15.287-12.07 22.25-15.351 24.523zm41.423-4.55c-2.188.239-4.213-.009-6.019-.734a1 1 0 0 0-1.342 1.173c.02.078.498 1.938 1.753 4.146-3.292-2.306-11.234-9.27-15.362-24.558h1.48c.434 0 .845-.096 1.219-.262a42.292 42.292 0 0 0 4.608 2.515c1.758 4.385 6.336 14.08 13.663 17.72zm5.868-35.422c2.483 5.734-3.447 9.407-3.699 9.56a1 1 0 1 0 1.028 1.714 11.622 11.622 0 0 0 2.056-1.609c.326 1.744.513 4.375-.729 6.287-.94 1.448-2.61 2.303-4.964 2.539-6.297.622-12.641-2.469-16.351-4.742.196-.4.316-.843.316-1.318v-4.948c2.507-.036 6.962-.587 13.485-3.191 4.784-1.915 6.73-4.198 7.398-6.176.732.743 1.253 1.41 1.46 1.884zm-15.672.12c2.569-2.004 5.044-3.353 7.362-4.01a6.877 6.877 0 0 1 1.876-.269h.024c1.095 0 2.188.313 3.198.897-.27 2.131-2.495 4.141-6.388 5.699-6.475 2.585-10.796 3.034-12.894 3.054l-.001-.005a706.005 706.005 0 0 1 6.823-5.366zm-9.686 5.251c.56 0 1.016.456 1.016 1.016v6.047c0 .56-.456 1.016-1.016 1.016h-8.062c-.56 0-1.016-.456-1.016-1.016V22.91c0-.56.456-1.016 1.016-1.016h8.062zm-27.01-9.53h.024a6.883 6.883 0 0 1 1.879.27c2.313.656 4.789 2.005 7.359 4.011a658.517 658.517 0 0 1 6.821 5.365l-.001.004c-2.098-.02-6.419-.47-12.892-3.054-3.895-1.558-6.119-3.568-6.389-5.7 1.011-.583 2.104-.896 3.199-.896zm-6.41 4.16c.206-.476.727-1.143 1.46-1.884.668 1.978 2.613 4.261 7.399 6.177 6.521 2.603 10.976 3.155 13.483 3.191v4.948c0 .475.12.918.316 1.318-3.71 2.274-10.051 5.369-16.35 4.742-2.354-.236-4.024-1.091-4.964-2.539-1.242-1.913-1.055-4.544-.729-6.288a11.586 11.586 0 0 0 2.056 1.609.998.998 0 1 0 1.028-1.714c-.254-.153-6.194-3.799-3.699-9.56z"
/>
<linearGradient
id="b"
x1="19.914"
x2="19.914"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#b)"
d="M17.468 26.399c1.31.61 2.562.786 3.57.786.376 0 .719-.024 1.019-.06a1 1 0 0 0-.237-1.986 6.484 6.484 0 0 1-3.506-.553 1.001 1.001 0 0 0-.846 1.813z"
/>
<linearGradient
id="c"
x1="20.649"
x2="20.649"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#c)"
d="M21.854 28.536c-.487.33-1.5.852-2.833.673a.996.996 0 0 0-1.127.854 1 1 0 0 0 .854 1.127c.284.04.559.058.823.058a6.128 6.128 0 0 0 3.403-1.055 1 1 0 0 0-1.12-1.657z"
/>
<linearGradient
id="d"
x1="44.086"
x2="44.086"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#d)"
d="M45.688 24.587a6.475 6.475 0 0 1-3.506.553 1 1 0 1 0-.237 1.986c.299.035.642.06 1.019.06 1.008 0 2.26-.176 3.57-.786a1 1 0 1 0-.846-1.813z"
/>
<linearGradient
id="e"
x1="43.351"
x2="43.351"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#e)"
d="M44.979 29.209a4.098 4.098 0 0 1-2.833-.673 1 1 0 0 0-1.121 1.657 6.131 6.131 0 0 0 3.403 1.055c.264 0 .539-.018.823-.058a1 1 0 0 0 .854-1.127.993.993 0 0 0-1.126-.854z"
/>
<linearGradient
id="f"
x1="8"
x2="8"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#f)"
d="M8 39a1 1 0 0 0-1 1v1H6a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h1a1 1 0 1 0 0-2H9v-1a1 1 0 0 0-1-1z"
/>
<linearGradient
id="g"
x1="59"
x2="59"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#g)"
d="M59 48a1 1 0 0 0 1-1v-1h1a1 1 0 1 0 0-2h-1v-1a1 1 0 1 0-2 0v1h-1a1 1 0 1 0 0 2h1v1a1 1 0 0 0 1 1z"
/>
<linearGradient
id="h"
x1="36"
x2="36"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#h)"
d="M36 56a1 1 0 0 0 1-1v-1h1a1 1 0 1 0 0-2h-1v-1a1 1 0 1 0-2 0v1h-1a1 1 0 1 0 0 2h1v1a1 1 0 0 0 1 1z"
/>
<linearGradient
id="i"
x1="18"
x2="18"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#i)"
d="M18 8a1 1 0 0 0 1-1V6h1a1 1 0 1 0 0-2h-1V3a1 1 0 1 0-2 0v1h-1a1 1 0 1 0 0 2h1v1a1 1 0 0 0 1 1z"
/>
<linearGradient
id="j"
x1="29"
x2="29"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#j)"
d="M29 16a1 1 0 0 0 1-1v-1h1a1 1 0 1 0 0-2h-1v-1a1 1 0 1 0-2 0v1h-1a1 1 0 1 0 0 2h1v1a1 1 0 0 0 1 1z"
/>
<linearGradient
id="k"
x1="41"
x2="41"
y1=".872"
y2="57.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<path
fill="url(#k)"
d="M41 11a1 1 0 0 0 1-1V9h1a1 1 0 1 0 0-2h-1V6a1 1 0 1 0-2 0v1h-1a1 1 0 1 0 0 2h1v1a1 1 0 0 0 1 1z"
/>
</svg>
More icons in the same style and category