Cassette Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Cassette icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/305338.svg" alt="Cassette icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305338.svg" alt="Cassette icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305338.svg" alt="Cassette icon" :width="24" :height="24" />
CSS background
.icon-cassette {
background-image: url('https://proicons.com/icon/305338.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M1000 254v490c0 7-2 13-4 19-15 45-56 71-108 71H106c-52-1-93-34-104-84 0-1-1-4-1-4L0 256c0-3 0-6 1-8 9-43 46-82 90-82h71c11-1 16 4 22 13 36 61 72 121 108 182 6 10 13 14 24 14h366c12 0 20-4 26-15 37-62 75-124 112-186 3-6 6-8 13-8 21 1 41 0 62 0 48 1 92 32 104 78 1 3 1 5 1 10zM500 459H398c-14 0-23 8-23 21v123c0 14 9 22 22 22h205c14 0 23-9 23-23V482c0-16-8-23-24-23H500zm-395 82c-1 58 45 104 103 105 57 0 104-47 105-104 0-57-47-104-104-104-57-1-104 46-104 103zm685 105c57 1 104-45 105-104 2-55-45-103-101-104-57-2-105 44-106 101-2 57 44 105 102 107zm-14-479c-23 37-44 74-66 110-10 17-20 33-30 50-3 5-6 7-12 7H333c-5 0-9 0-12-5-31-53-63-106-95-158 0-1 0-2-1-4h551zM500 584c-25 0-49-1-74 0-8 0-10-3-10-10 1-22 0-44 0-66 0-6 2-8 8-8h152c6 0 8 2 8 8-1 22-1 45 0 68 0 7-3 8-9 8h-75zm-354-42c0-35 28-63 62-63s63 28 63 62c0 35-28 63-62 63-35 0-63-27-63-62zm708 0c0 34-28 62-62 62-35 0-63-28-63-62s28-63 63-63c34 0 62 28 62 63z"/></svg>
More from IcoFont
View all
Cassette in other icon packs
Copied!