Menu

Beta
Sign in
Music Class SVG icon, rounded

Music Class SVG icon, rounded

A tambourine with four jingles sits beside a floating musical note. Use the symbol on a classroom timetable or a school music-room sign.

Free · from Classroom Schedule Icons

Similar SVGs

More from Classroom Schedule Icons

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cvoiCcpBCOZm/amnt.svg" alt="Music Class" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256"><g id="layer-1" data-name="Group 1"><path d="M104 91C104 98.18 98.18 104 91 104C83.82 104 78 98.18 78 91C78 83.82 83.82 78 91 78C98.18 78 104 83.82 104 91Z" fill="#ff806f" stroke="#243746" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M51 144C51 151.18 45.18 157 38 157C30.82 157 25 151.18 25 144C25 136.82 30.82 131 38 131C45.18 131 51 136.82 51 144Z" fill="#ff806f" stroke="#243746" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M157 144C157 151.18 151.18 157 144 157C136.82 157 131 151.18 131 144C131 136.82 136.82 131 144 131C151.18 131 157 136.82 157 144Z" fill="#ff806f" stroke="#243746" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M104 197C104 204.18 98.18 210 91 210C83.82 210 78 204.18 78 197C78 189.82 83.82 184 91 184C98.18 184 104 189.82 104 197Z" fill="#ff806f" stroke="#243746" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M143 144C143 172.72 119.72 196 91 196C62.28 196 39 172.72 39 144C39 115.28 62.28 92 91 92C119.72 92 143 115.28 143 144Z" fill="#58d1c5" stroke="#243746" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M127 144C127 163.88 110.88 180 91 180C71.12 180 55 163.88 55 144C55 124.12 71.12 108 91 108C110.88 108 127 124.12 127 144Z" fill="none" stroke="#243746" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M195 145L195 70C195 87 217 87 217 104" fill="none" stroke="#243746" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M195.36 143.27C198.5 150.34 193.28 159.52 183.69 163.79C174.11 168.06 163.79 165.79 160.64 158.73C157.5 151.66 162.72 142.48 172.31 138.21C181.89 133.94 192.21 136.21 195.36 143.27Z" fill="#ff806f" stroke="#243746" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.music-class {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cvoiCcpBCOZm/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.music-class {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cvoiCcpBCOZm/amnt.svg") center / contain no-repeat;
}
React
import MusicClassSvg from "./music-class.jsx"; // from the React tab above

<MusicClassSvg width={48} height={48} />

Tags

musictambourinemusical noteclassroom

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one music-class classroom schedule icon: a small tambourine with four simplified jingles and one large musical note floating beside it. Use rounded geometric shapes, thick uniform dark outlines, cheerful teal and coral accents, and a transparent square canvas. Center the isolated symbol with generous margins; no text, border, shading, or tiny details. as part of the pack Classroom Schedule Icons. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings