shazam logo
shazam from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- shazam
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the shazam logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0-.001 5.371-.001 12c0 6.625 5.374 12 12.001 12s12-5.375 12-12c0-6.629-5.373-12-12-12M9.872 16.736c-1.287 0-2.573-.426-3.561-1.281c-1.214-1.049-1.934-2.479-2.029-4.024a5.53 5.53 0 0 1 1.436-4.067C6.86 6.101 8.907 4.139 8.993 4.055a1.39 1.39 0 0 1 1.966.045c.53.557.512 1.439-.044 1.971c-.021.02-2.061 1.976-3.137 3.164a2.76 2.76 0 0 0-.719 2.027c.049.789.428 1.529 1.07 2.086c.844.73 2.51.891 3.553-.043a26 26 0 0 0 1.38-1.386c.52-.567 1.4-.603 1.965-.081c.565.52.603 1.402.083 1.969c-.035.035-.852.924-1.572 1.572c-1.005.902-2.336 1.357-3.666 1.357m8.41-.099c-1.143 1.262-3.189 3.225-3.276 3.309a1.392 1.392 0 1 1-1.922-2.016c.021-.02 2.063-1.977 3.137-3.166a2.76 2.76 0 0 0 .719-2.027c-.048-.789-.428-1.529-1.07-2.084c-.844-.73-2.51-.893-3.552.044a24 24 0 0 0-1.38 1.384a1.391 1.391 0 1 1-2.048-1.887c.034-.037.85-.926 1.571-1.573c1.979-1.778 5.221-1.813 7.227-.077c1.214 1.051 1.935 2.48 2.028 4.025a5.53 5.53 0 0 1-1.434 4.068"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsShazam(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0-.001 5.371-.001 12c0 6.625 5.374 12 12.001 12s12-5.375 12-12c0-6.629-5.373-12-12-12M9.872 16.736c-1.287 0-2.573-.426-3.561-1.281c-1.214-1.049-1.934-2.479-2.029-4.024a5.53 5.53 0 0 1 1.436-4.067C6.86 6.101 8.907 4.139 8.993 4.055a1.39 1.39 0 0 1 1.966.045c.53.557.512 1.439-.044 1.971c-.021.02-2.061 1.976-3.137 3.164a2.76 2.76 0 0 0-.719 2.027c.049.789.428 1.529 1.07 2.086c.844.73 2.51.891 3.553-.043a26 26 0 0 0 1.38-1.386c.52-.567 1.4-.603 1.965-.081c.565.52.603 1.402.083 1.969c-.035.035-.852.924-1.572 1.572c-1.005.902-2.336 1.357-3.666 1.357m8.41-.099c-1.143 1.262-3.189 3.225-3.276 3.309a1.392 1.392 0 1 1-1.922-2.016c.021-.02 2.063-1.977 3.137-3.166a2.76 2.76 0 0 0 .719-2.027c-.048-.789-.428-1.529-1.07-2.084c-.844-.73-2.51-.893-3.552.044a24 24 0 0 0-1.38 1.384a1.391 1.391 0 1 1-2.048-1.887c.034-.037.85-.926 1.571-1.573c1.979-1.778 5.221-1.813 7.227-.077c1.214 1.051 1.935 2.48 2.028 4.025a5.53 5.53 0 0 1-1.434 4.068"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0-.001 5.371-.001 12c0 6.625 5.374 12 12.001 12s12-5.375 12-12c0-6.629-5.373-12-12-12M9.872 16.736c-1.287 0-2.573-.426-3.561-1.281c-1.214-1.049-1.934-2.479-2.029-4.024a5.53 5.53 0 0 1 1.436-4.067C6.86 6.101 8.907 4.139 8.993 4.055a1.39 1.39 0 0 1 1.966.045c.53.557.512 1.439-.044 1.971c-.021.02-2.061 1.976-3.137 3.164a2.76 2.76 0 0 0-.719 2.027c.049.789.428 1.529 1.07 2.086c.844.73 2.51.891 3.553-.043a26 26 0 0 0 1.38-1.386c.52-.567 1.4-.603 1.965-.081c.565.52.603 1.402.083 1.969c-.035.035-.852.924-1.572 1.572c-1.005.902-2.336 1.357-3.666 1.357m8.41-.099c-1.143 1.262-3.189 3.225-3.276 3.309a1.392 1.392 0 1 1-1.922-2.016c.021-.02 2.063-1.977 3.137-3.166a2.76 2.76 0 0 0 .719-2.027c-.048-.789-.428-1.529-1.07-2.084c-.844-.73-2.51-.893-3.552.044a24 24 0 0 0-1.38 1.384a1.391 1.391 0 1 1-2.048-1.887c.034-.037.85-.926 1.571-1.573c1.979-1.778 5.221-1.813 7.227-.077c1.214 1.051 1.935 2.48 2.028 4.025a5.53 5.53 0 0 1-1.434 4.068"/></svg> </template>
CSS
.icon-shazam {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.373%200-.001%205.371-.001%2012c0%206.625%205.374%2012%2012.001%2012s12-5.375%2012-12c0-6.629-5.373-12-12-12M9.872%2016.736c-1.287%200-2.573-.426-3.561-1.281c-1.214-1.049-1.934-2.479-2.029-4.024a5.53%205.53%200%200%201%201.436-4.067C6.86%206.101%208.907%204.139%208.993%204.055a1.39%201.39%200%200%201%201.966.045c.53.557.512%201.439-.044%201.971c-.021.02-2.061%201.976-3.137%203.164a2.76%202.76%200%200%200-.719%202.027c.049.789.428%201.529%201.07%202.086c.844.73%202.51.891%203.553-.043a26%2026%200%200%200%201.38-1.386c.52-.567%201.4-.603%201.965-.081c.565.52.603%201.402.083%201.969c-.035.035-.852.924-1.572%201.572c-1.005.902-2.336%201.357-3.666%201.357m8.41-.099c-1.143%201.262-3.189%203.225-3.276%203.309a1.392%201.392%200%201%201-1.922-2.016c.021-.02%202.063-1.977%203.137-3.166a2.76%202.76%200%200%200%20.719-2.027c-.048-.789-.428-1.529-1.07-2.084c-.844-.73-2.51-.893-3.552.044a24%2024%200%200%200-1.38%201.384a1.391%201.391%200%201%201-2.048-1.887c.034-.037.85-.926%201.571-1.573c1.979-1.778%205.221-1.813%207.227-.077c1.214%201.051%201.935%202.48%202.028%204.025a5.53%205.53%200%200%201-1.434%204.068%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.373%200-.001%205.371-.001%2012c0%206.625%205.374%2012%2012.001%2012s12-5.375%2012-12c0-6.629-5.373-12-12-12M9.872%2016.736c-1.287%200-2.573-.426-3.561-1.281c-1.214-1.049-1.934-2.479-2.029-4.024a5.53%205.53%200%200%201%201.436-4.067C6.86%206.101%208.907%204.139%208.993%204.055a1.39%201.39%200%200%201%201.966.045c.53.557.512%201.439-.044%201.971c-.021.02-2.061%201.976-3.137%203.164a2.76%202.76%200%200%200-.719%202.027c.049.789.428%201.529%201.07%202.086c.844.73%202.51.891%203.553-.043a26%2026%200%200%200%201.38-1.386c.52-.567%201.4-.603%201.965-.081c.565.52.603%201.402.083%201.969c-.035.035-.852.924-1.572%201.572c-1.005.902-2.336%201.357-3.666%201.357m8.41-.099c-1.143%201.262-3.189%203.225-3.276%203.309a1.392%201.392%200%201%201-1.922-2.016c.021-.02%202.063-1.977%203.137-3.166a2.76%202.76%200%200%200%20.719-2.027c-.048-.789-.428-1.529-1.07-2.084c-.844-.73-2.51-.893-3.552.044a24%2024%200%200%200-1.38%201.384a1.391%201.391%200%201%201-2.048-1.887c.034-.037.85-.926%201.571-1.573c1.979-1.778%205.221-1.813%207.227-.077c1.214%201.051%201.935%202.48%202.028%204.025a5.53%205.53%200%200%201-1.434%204.068%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/shazam.svg?color=%231a73e8&size=48
