Add icons to this collection by clicking the heart icon.
Rock And Roll icon - also known as badge, gloves, love, insignia, rock and roll, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, black, red, and yellow 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="M61 15.092h390v301.053H61Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v277.341h-22.532V-23.712h390V0Z"
transform="matrix(1.33333 0 0 -1.33333 111.376 630.928)"
fill="#f7d700"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v30h-59.98V0h14.994v-90.176H-59.98v-30H0v30h-14.986V0Z"
transform="matrix(1.33333 0 0 -1.33333 243.417 60.122)"
fill="#94b7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M122.583 346.732h22.468v30h-22.468zM122.583 466.908h22.468v30h-22.468z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#5b92f2"
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 0c-17.458 17.458-45.763 17.458-63.222 0l-10.537-10.537L-84.296 0c-17.458 17.458-45.763 17.458-63.221 0s-17.458-45.763 0-63.221l73.758-73.759L0-63.221C17.458-45.763 17.458-17.458 0 0"
transform="translate(376.324 483.06)"
fill="#f05475"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-73.759 73.759c-14.562 14.562-16.967 36.667-7.235 53.733a44.73 44.73 0 0 1-9.488-7.235v-.001c-17.458-17.458-17.458-45.763 0-63.221l73.759-73.759z"
transform="translate(319.288 362.804)"
fill="#e21743"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15"
transform="translate(256 473.645)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(91 293.664)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(339.026 473.645)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-36.886h-14.994v-29.999h59.98v29.999H30v90.177h14.986v30h-59.98v-30H0V15"
transform="translate(137.577 413.618)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 21.194 21.194c17.458 17.458 17.458 45.764 0 63.222s-45.763 17.458-63.221 0l-10.537-10.537-10.537 10.537c-17.459 17.458-45.764 17.458-63.222 0s-17.458-45.764 0-63.222l73.759-73.758 41.159 41.159"
transform="translate(355.13 398.645)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-67.383h37.234"
transform="translate(279.003 113.804)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-67.383h37.234"
transform="translate(339.026 113.804)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15.1c0 12.427 10.074 22.5 22.5 22.5S45 27.527 45 15.1V0c0-12.426-10.074-22.5-22.5-22.5S0-12.426 0 0Z"
transform="translate(203.774 68.704)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v67.404h15.277c8.275 0 14.984-6.709 14.984-14.984 0-8.276-6.709-14.985-14.984-14.985H0"
transform="translate(143.745 38.804)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 28.34-32.553"
transform="translate(150.512 76.24)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15.1c0 12.427 10.074 22.5 22.5 22.5S45 27.527 45 15.1V0c0-12.426-10.074-22.5-22.5-22.5S0-12.426 0 0Z"
transform="translate(199.772 248.564)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v67.404h15.277c8.275 0 14.984-6.709 14.984-14.984 0-8.276-6.709-14.985-14.984-14.985H0"
transform="translate(139.743 218.664)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 28.34-32.553"
transform="translate(146.51 256.099)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15.028c-16.604 0-30.064-13.46-30.064-30.064 0-16.625 13.494-30.094 30.119-30.064L0-60.1"
transform="translate(319.763 286.132)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-75"
transform="translate(342.257 293.646)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.569 0 30 13.431 30 30v7.5"
transform="translate(342.257 256.146)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.569 0 30-13.431 30-30v-7.5"
transform="translate(342.257 256.082)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-30"
transform="translate(218.418 203.664)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-67.226h-3.574L-42.366-7.41h-2.737v-67.44"
transform="translate(293.582 203.572)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h75"
transform="translate(316 166.147)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h75"
transform="translate(121 166.147)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-300v301.053H90V0H45"
transform="translate(361 15.092)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15"
transform="translate(391 15.092)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(474.617 458.618)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(474.617 398.618)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(504.617 428.618)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(444.617 428.618)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(37.51 458.618)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(37.51 398.618)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(67.51 428.618)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(7.51 428.618)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category