Sound Off Icon SVG
Sound Off
Sound off SVG Icon Code | Customize color
You can get svg icon sound off in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1.5C9 1.31989 8.90313 1.1537 8.74641 1.06494C8.58969 0.976173 8.39734 0.978558 8.24288 1.07118L3.36159 3.99805H1.5C0.671218 3.99805 0 4.66817 0 5.49731V9.5C0 10.3287 0.67074 11 1.5 11H3.36151L8.24275 13.9287C8.39722 14.0214 8.58959 14.0239 8.74635 13.9351C8.9031 13.8463 9 13.6801 9 13.5V1.5Z" fill="black"/> <path d="M13.2075 7.49622L14.6211 8.90895L13.9142 9.61629L12.5001 8.20309L11.086 9.61629L10.3792 8.90895L11.7928 7.49622L10.3789 6.08324L11.0858 5.3759L12.5001 6.78934L13.9145 5.3759L14.6214 6.08324L13.2075 7.49622Z" fill="black"/> </svg>
Svg Code
<svg style="color: white" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1.5C9 1.31989 8.90313 1.1537 8.74641 1.06494C8.58969 0.976173 8.39734 0.978558 8.24288 1.07118L3.36159 3.99805H1.5C0.671218 3.99805 0 4.66817 0 5.49731V9.5C0 10.3287 0.67074 11 1.5 11H3.36151L8.24275 13.9287C8.39722 14.0214 8.58959 14.0239 8.74635 13.9351C8.9031 13.8463 9 13.6801 9 13.5V1.5Z" fill="white"></path> <path d="M13.2075 7.49622L14.6211 8.90895L13.9142 9.61629L12.5001 8.20309L11.086 9.61629L10.3792 8.90895L11.7928 7.49622L10.3789 6.08324L11.0858 5.3759L12.5001 6.78934L13.9145 5.3759L14.6214 6.08324L13.2075 7.49622Z" fill="white"></path> </svg>
Svg Code
<svg style="color: red" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1.5C9 1.31989 8.90313 1.1537 8.74641 1.06494C8.58969 0.976173 8.39734 0.978558 8.24288 1.07118L3.36159 3.99805H1.5C0.671218 3.99805 0 4.66817 0 5.49731V9.5C0 10.3287 0.67074 11 1.5 11H3.36151L8.24275 13.9287C8.39722 14.0214 8.58959 14.0239 8.74635 13.9351C8.9031 13.8463 9 13.6801 9 13.5V1.5Z" fill="red"></path> <path d="M13.2075 7.49622L14.6211 8.90895L13.9142 9.61629L12.5001 8.20309L11.086 9.61629L10.3792 8.90895L11.7928 7.49622L10.3789 6.08324L11.0858 5.3759L12.5001 6.78934L13.9145 5.3759L14.6214 6.08324L13.2075 7.49622Z" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1.5C9 1.31989 8.90313 1.1537 8.74641 1.06494C8.58969 0.976173 8.39734 0.978558 8.24288 1.07118L3.36159 3.99805H1.5C0.671218 3.99805 0 4.66817 0 5.49731V9.5C0 10.3287 0.67074 11 1.5 11H3.36151L8.24275 13.9287C8.39722 14.0214 8.58959 14.0239 8.74635 13.9351C8.9031 13.8463 9 13.6801 9 13.5V1.5Z" fill="blue"></path> <path d="M13.2075 7.49622L14.6211 8.90895L13.9142 9.61629L12.5001 8.20309L11.086 9.61629L10.3792 8.90895L11.7928 7.49622L10.3789 6.08324L11.0858 5.3759L12.5001 6.78934L13.9145 5.3759L14.6214 6.08324L13.2075 7.49622Z" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1.5C9 1.31989 8.90313 1.1537 8.74641 1.06494C8.58969 0.976173 8.39734 0.978558 8.24288 1.07118L3.36159 3.99805H1.5C0.671218 3.99805 0 4.66817 0 5.49731V9.5C0 10.3287 0.67074 11 1.5 11H3.36151L8.24275 13.9287C8.39722 14.0214 8.58959 14.0239 8.74635 13.9351C8.9031 13.8463 9 13.6801 9 13.5V1.5Z" fill="#f3da35"></path> <path d="M13.2075 7.49622L14.6211 8.90895L13.9142 9.61629L12.5001 8.20309L11.086 9.61629L10.3792 8.90895L11.7928 7.49622L10.3789 6.08324L11.0858 5.3759L12.5001 6.78934L13.9145 5.3759L14.6214 6.08324L13.2075 7.49622Z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit sound off as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements