Add icons to this collection by clicking the heart icon.
Triangle icon - also known as music, triangle, percussion, musical instrument, orchestra, Idiophone, and music and multimedia. Created in a clean filled style with a white and black 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0v77.631c0 24.272 19.788 44.019 44.11 44.019 24.301 0 44.072-19.747 44.072-44.019V0Z"
transform="matrix(1.33333 0 0 -1.33333 91.053 864.867)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v77.631c0 24.272 19.787 44.019 44.109 44.019 24.302 0 44.073-19.747 44.073-44.019V0Z"
transform="matrix(1.33333 0 0 -1.33333 474.04 864.867)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-33.092 0-65.571 8.866-93.927 25.64-27.144 16.061-49.885 38.957-65.765 66.211-16.373 28.099-25.028 60.234-25.028 92.929v45.69c0 14.11-11.911 26.03-26.009 26.03-14.292 0-25.96-11.634-26.011-25.933l-.037-10.333-60.311-22.759-60.202 22.784v48.671c0 55.487 45.124 100.63 100.59 100.63H0c101.85 0 184.71-82.892 184.71-184.78S101.85 0 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 1179.053 702.667)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-7.144-30.023L0-60.048h14.999V0Z"
transform="matrix(1.33333 0 0 -1.33333 308.62 0)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M216.465 451.952h15V512h-15z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 74.527-155.497 58.497 27.914L0 157.347l-16.282-78.673Z"
transform="matrix(1.33333 0 0 -1.33333 352.04 266.483)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-22.299-32.411L0-64.821h129.69V0Z"
transform="matrix(1.33333 0 0 -1.33333 308.627 596.24)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 29.24-46.39h202.23v64.821H80.65L198.9 265.75l16.28 78.67-16.28 78.671z"
transform="matrix(1.33333 0 0 -1.33333 0 620.814)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-32.564v-174.871H32.565V0Z"
transform="matrix(1.33333 0 0 -1.33333 308.62 56.687)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-32.564v-174.871H32.565V0Z"
transform="matrix(1.33333 0 0 -1.33333 308.62 56.687)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-7.5-226.681L0-405.66h15V0Z"
transform="matrix(1.33333 0 0 -1.33333 624.688 0)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M453.515 106.34h15V512h-15z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-32.251 0-58.489 26.234-58.489 58.48v60.48c0 32.246 26.238 58.48 58.489 58.48 15.48 0 30.127-6.122 41.243-17.237C52.358 149.088 58.48 134.44 58.48 118.96V58.48C58.48 26.234 32.246 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 624.693 702.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-32.251 0-58.489 26.234-58.489 58.48v60.48c0 32.246 26.238 58.48 58.489 58.48 15.48 0 30.127-6.122 41.243-17.237C52.358 149.088 58.48 134.44 58.48 118.96V58.48C58.48 26.234 32.246 0 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 624.693 702.667)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0v77.631c0 24.272 19.788 44.019 44.11 44.019 24.301 0 44.072-19.747 44.072-44.019V0Z"
transform="translate(68.29 -136.65)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v77.631c0 24.272 19.787 44.019 44.109 44.019 24.302 0 44.073-19.747 44.073-44.019V0Z"
transform="translate(355.53 -136.65)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#c)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0c-33.092 0-65.571 8.866-93.927 25.64-27.144 16.061-49.885 38.957-65.765 66.211-16.373 28.099-25.028 60.234-25.028 92.929v45.69c0 14.11-11.911 26.03-26.009 26.03-14.292 0-25.96-11.634-26.011-25.933l-.037-10.333-60.311-22.759-60.202 22.784v48.671c0 55.487 45.124 100.63 100.59 100.63H0c101.85 0 184.71-82.892 184.71-184.78S101.85 0 0 0Z"
transform="translate(884.29 -15)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0-7.144-30.023L0-60.048h14.999V0Z"
transform="matrix(1.33333 0 0 -1.33333 308.62 0)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M216.465 451.952h15V512h-15z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 74.527-155.497 58.497 27.914L0 157.347l-16.282-78.673Z"
transform="matrix(1.33333 0 0 -1.33333 352.04 266.483)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-22.299-32.411L0-64.821h129.69V0Z"
transform="matrix(1.33333 0 0 -1.33333 308.627 596.24)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 29.24-46.39h202.23v64.821H80.65L198.9 265.75l16.28 78.67-16.28 78.671z"
transform="matrix(1.33333 0 0 -1.33333 0 620.814)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-32.564v-174.871H32.565V0Z"
transform="matrix(1.33333 0 0 -1.33333 308.62 56.687)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#d)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h-32.564v-174.871H32.565V0Z"
transform="translate(231.465 469.484)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0-7.5-226.681L0-405.66h15V0Z"
transform="matrix(1.33333 0 0 -1.33333 624.688 0)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M453.515 106.34h15V512h-15z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#e)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0c-32.251 0-58.489 26.234-58.489 58.48v60.48c0 32.246 26.238 58.48 58.489 58.48 15.48 0 30.127-6.122 41.243-17.237C52.358 149.088 58.48 134.44 58.48 118.96V58.48C58.48 26.234 32.246 0 0 0"
transform="translate(468.52 -15)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-32.251 0-58.489 26.234-58.489 58.48v60.48c0 32.246 26.238 58.48 58.489 58.48 15.48 0 30.127-6.122 41.243-17.237C52.358 149.088 58.48 134.44 58.48 118.96V58.48C58.48 26.234 32.246 0 0 0Z"
transform="translate(468.52 -15)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category