Add icons to this collection by clicking the heart icon.
Controls icon - also known as entertainment, control, film, controls, settings, multimedia, media, films, and music and multimedia. Created in a clean soft fill style with a silver, gray, 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="512"
height="512"
viewBox="0 0 60 60"
>
<path
fill="#475363"
d="M56 1H4a3 3 0 0 0-3 3v52a3 3 0 0 0 3 3h52a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3zM9 53a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm0-9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm0-9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm0-9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm0-9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm0-9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm46 45a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm0-9a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm0-9a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm0-9a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm0-9a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm0-9a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1z"
/>
<rect width="34" height="38" x="13" y="11" fill="#5f7cc4" rx="1" />
<path
fill="#5f7cc4"
d="M47 1v5a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1V1M13 59v-5a1 1 0 0 1 1-1h32a1 1 0 0 1 1 1v5"
/>
<rect width="6" height="4" x="18" y="35" fill="#c4dadc" rx="2" />
<rect width="6" height="4" x="36" y="29" fill="#c4dadc" rx="2" />
<rect width="6" height="4" x="27" y="20" fill="#c4dadc" rx="2" />
<g fill="#373737">
<path
d="M14 50h32a2 2 0 0 0 2-2V12a2 2 0 0 0-2-2H14a2 2 0 0 0-2 2v36a2 2 0 0 0 2 2zm0-38h32v36H14zM6 10h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm0-4h2v2H6zM4 17a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2zm2-2h2v2H6zM4 26a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2zm2-2h2v2H6zM4 35a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2zm2-2h2v2H6zM4 44a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2zm2-2h2v2H6zM4 53a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2zm2-2h2v2H6zM52 10h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm0-4h2v2h-2zM50 17a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2zm2-2h2v2h-2zM50 26a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2zm2-2h2v2h-2zM50 35a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2zm2-2h2v2h-2zM50 44a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2zm2-2h2v2h-2zM50 53a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2zm2-2h2v2h-2z"
/>
<path
d="M22 34V16a1 1 0 0 0-2 0v18a3 3 0 0 0 0 6v4a1 1 0 0 0 2 0v-4a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM40 28V16a1 1 0 0 0-2 0v12a3 3 0 0 0 0 6v10a1 1 0 0 0 2 0V34a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM31 19v-3a1 1 0 0 0-2 0v3a3 3 0 0 0 0 6v19a1 1 0 0 0 2 0V25a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
d="M56 0H4a4 4 0 0 0-4 4v4a1 1 0 0 0 2 0V4a2 2 0 0 1 2-2h8v4a2 2 0 0 0 2 2h32a2 2 0 0 0 2-2V2h8a2 2 0 0 1 2 2v52a2 2 0 0 1-2 2h-8v-4a2 2 0 0 0-2-2H14a2 2 0 0 0-2 2v4H4a2 2 0 0 1-2-2V13a1 1 0 0 0-2 0v43a4 4 0 0 0 4 4h52a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4zM46 6H14V2h32zM14 54h32v4H14z"
/>
</g>
</svg>
More icons in the same style and category