Add icons to this collection by clicking the heart icon.
Ribbon icon - also known as ribbon, present, gift, fashion, bow tie, decoration, xmas, ornamental, birthday and party, and hair tie. Created in a clean lineal color style with a black, yellow, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v-230.58l-30.305 17.173-30.304-17.173V0Z"
transform="matrix(1.33333 0 0 -1.33333 381.74 323.474)"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M225.695 249.191h60.609v20.203h-60.609z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fcdd2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-120.209-138.392-167.687-138.392-167.687v37.376l-63.641 6.061C-53.539-64.65-34.346 20.465-34.346 20.465H0Z"
transform="translate(239.837 269.132)"
fill="#62d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c7.415-9.116 18.712-14.953 31.352-14.953h12.811a150.297 150.297 0 0 1 1.331 19.941v20.466H11.148S8.899 15.491 0 0"
transform="translate(194.343 264.144)"
fill="#00bef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-120.209 138.392-167.687 138.392-167.687v37.376l63.64 6.061C53.538-64.65 34.345 20.465 34.345 20.465H0Z"
transform="translate(272.163 269.132)"
fill="#62d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-137.81-77.342c-26.934-15.116-60.182 4.35-60.182 35.237v33.162a60.613 60.613 0 0 0 17.752 42.858l16.594 16.593-16.594 16.594a60.61 60.61 0 0 0-17.752 42.857v33.163c0 30.887 33.248 50.353 60.182 35.236L0 101.017Z"
transform="translate(205.492 289.598)"
fill="#62d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 137.811-77.342c26.934-15.116 60.181 4.35 60.181 35.237v33.162a60.613 60.613 0 0 1-17.752 42.858l-16.594 16.593 16.594 16.594a60.61 60.61 0 0 1 17.752 42.857v33.163c0 30.887-33.247 50.353-60.181 35.236L0 101.017Z"
transform="translate(306.508 289.598)"
fill="#62d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v33.163c0 28.571-28.446 47.346-54.03 38.041 15.098-5.473 26.756-19.753 26.756-38.041V0a60.61 60.61 0 0 0-17.752-42.857l-9.451-9.451c-3.945-3.945-3.945-10.341 0-14.286l9.451-9.45a60.613 60.613 0 0 0 17.752-42.857v-33.163c0-18.288-11.658-32.568-26.756-38.041C-28.446-199.411 0-180.635 0-152.064v33.163a60.613 60.613 0 0 1-17.752 42.857l-16.594 16.593 16.594 16.594A60.61 60.61 0 0 1 0 0"
transform="translate(504.5 399.557)"
fill="#00bef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.345v-20.465c0-6.889.474-13.526 1.331-19.941h12.811c12.64 0 23.937 5.837 31.351 14.952C2.25-9.963 0 0 0 0"
transform="translate(306.508 289.598)"
fill="#00bef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-61.016c-11.046 0-20 8.954-20 20v101.423c0 11.045 8.954 20 20 20H0c11.046 0 20-8.955 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(286.508 269.394)"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.416C-10.259 0-1.213-9.045-1.213-20.203V-121.22c0-11.157-9.046-20.203-20.203-20.203H0c11.046 0 20 8.954 20 20V-20C20-8.955 11.046 0 0 0"
transform="translate(286.508 410.817)"
fill="#fcdd2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-52.114l-30.305 17.173-30.304-17.173v166.677"
transform="translate(286.305 90.929)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-79.554"
transform="translate(286.305 205.492)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-19.193-85.116-167.687-144.715l63.641-6.061v-37.376S34.346-140.675 34.346-20.465"
transform="translate(205.492 289.598)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-61.114 34.298"
transform="translate(367.622 255.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 137.811 77.342c26.934 15.116 60.181-4.35 60.181-35.237V8.942a60.613 60.613 0 0 0-17.752-42.857l-16.594-16.593 16.594-16.594a60.61 60.61 0 0 0 17.752-42.857v-33.163c0-30.887-33.247-50.353-60.181-35.237l-46.042 25.84"
transform="translate(306.508 390.614)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s38.387 22.224 70.712 22.224"
transform="translate(306.508 356.269)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s38.387-22.224 70.712-22.224"
transform="translate(306.508 323.943)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 65.775-36.915"
transform="translate(139.716 427.529)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-137.81-77.342c-26.934-15.116-60.182 4.35-60.182 35.237v33.162a60.613 60.613 0 0 0 17.752 42.858l16.594 16.593-16.594 16.594a60.61 60.61 0 0 0-17.752 42.857v33.163c0 30.887 33.248 50.353 60.182 35.236l41.324-23.191"
transform="translate(205.492 289.598)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-38.386 22.224-70.711 22.224"
transform="translate(205.492 356.269)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-38.386-22.224-70.711-22.224"
transform="translate(205.492 323.943)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-61.016c-11.046 0-20 8.954-20 20v101.423c0 11.045 8.954 20 20 20H0c11.046 0 20-8.955 20-20V20C20 8.954 11.046 0 0 0Z"
transform="translate(286.508 269.394)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s19.193-85.116 167.687-144.715l-63.64-6.061v-37.376S-34.345-140.675-34.345-20.465"
transform="translate(306.508 289.598)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category