beatport logo
beatport from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- beatport
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the beatport logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.429 17.055a7.1 7.1 0 0 1-.794 3.246a6.9 6.9 0 0 1-2.181 2.492a6.7 6.7 0 0 1-3.063 1.163a6.65 6.65 0 0 1-3.239-.434a6.8 6.8 0 0 1-2.668-1.932a7 7 0 0 1-1.481-2.983a7.1 7.1 0 0 1 .049-3.345a7 7 0 0 1 1.566-2.937l-4.626 4.73l-2.421-2.479l5.201-5.265a3.8 3.8 0 0 0 1.066-2.675V0h3.41v6.613a7.2 7.2 0 0 1-.519 2.794a7 7 0 0 1-1.559 2.353l-.153.156a6.77 6.77 0 0 1 3.49-1.725a6.7 6.7 0 0 1 3.845.5a6.87 6.87 0 0 1 2.959 2.564a7.1 7.1 0 0 1 1.118 3.8m-3.089 0a3.9 3.9 0 0 0-.611-2.133a3.75 3.75 0 0 0-1.666-1.424a3.65 3.65 0 0 0-2.158-.233a3.7 3.7 0 0 0-1.92 1.037a3.85 3.85 0 0 0-1.031 1.955a3.9 3.9 0 0 0 .205 2.213c.282.7.76 1.299 1.374 1.721a3.67 3.67 0 0 0 2.076.647a3.64 3.64 0 0 0 2.635-1.096c.347-.351.622-.77.81-1.231s.285-.956.286-1.456"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBeatport(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="M21.429 17.055a7.1 7.1 0 0 1-.794 3.246a6.9 6.9 0 0 1-2.181 2.492a6.7 6.7 0 0 1-3.063 1.163a6.65 6.65 0 0 1-3.239-.434a6.8 6.8 0 0 1-2.668-1.932a7 7 0 0 1-1.481-2.983a7.1 7.1 0 0 1 .049-3.345a7 7 0 0 1 1.566-2.937l-4.626 4.73l-2.421-2.479l5.201-5.265a3.8 3.8 0 0 0 1.066-2.675V0h3.41v6.613a7.2 7.2 0 0 1-.519 2.794a7 7 0 0 1-1.559 2.353l-.153.156a6.77 6.77 0 0 1 3.49-1.725a6.7 6.7 0 0 1 3.845.5a6.87 6.87 0 0 1 2.959 2.564a7.1 7.1 0 0 1 1.118 3.8m-3.089 0a3.9 3.9 0 0 0-.611-2.133a3.75 3.75 0 0 0-1.666-1.424a3.65 3.65 0 0 0-2.158-.233a3.7 3.7 0 0 0-1.92 1.037a3.85 3.85 0 0 0-1.031 1.955a3.9 3.9 0 0 0 .205 2.213c.282.7.76 1.299 1.374 1.721a3.67 3.67 0 0 0 2.076.647a3.64 3.64 0 0 0 2.635-1.096c.347-.351.622-.77.81-1.231s.285-.956.286-1.456"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.429 17.055a7.1 7.1 0 0 1-.794 3.246a6.9 6.9 0 0 1-2.181 2.492a6.7 6.7 0 0 1-3.063 1.163a6.65 6.65 0 0 1-3.239-.434a6.8 6.8 0 0 1-2.668-1.932a7 7 0 0 1-1.481-2.983a7.1 7.1 0 0 1 .049-3.345a7 7 0 0 1 1.566-2.937l-4.626 4.73l-2.421-2.479l5.201-5.265a3.8 3.8 0 0 0 1.066-2.675V0h3.41v6.613a7.2 7.2 0 0 1-.519 2.794a7 7 0 0 1-1.559 2.353l-.153.156a6.77 6.77 0 0 1 3.49-1.725a6.7 6.7 0 0 1 3.845.5a6.87 6.87 0 0 1 2.959 2.564a7.1 7.1 0 0 1 1.118 3.8m-3.089 0a3.9 3.9 0 0 0-.611-2.133a3.75 3.75 0 0 0-1.666-1.424a3.65 3.65 0 0 0-2.158-.233a3.7 3.7 0 0 0-1.92 1.037a3.85 3.85 0 0 0-1.031 1.955a3.9 3.9 0 0 0 .205 2.213c.282.7.76 1.299 1.374 1.721a3.67 3.67 0 0 0 2.076.647a3.64 3.64 0 0 0 2.635-1.096c.347-.351.622-.77.81-1.231s.285-.956.286-1.456"/></svg> </template>
CSS
.icon-beatport {
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%22M21.429%2017.055a7.1%207.1%200%200%201-.794%203.246a6.9%206.9%200%200%201-2.181%202.492a6.7%206.7%200%200%201-3.063%201.163a6.65%206.65%200%200%201-3.239-.434a6.8%206.8%200%200%201-2.668-1.932a7%207%200%200%201-1.481-2.983a7.1%207.1%200%200%201%20.049-3.345a7%207%200%200%201%201.566-2.937l-4.626%204.73l-2.421-2.479l5.201-5.265a3.8%203.8%200%200%200%201.066-2.675V0h3.41v6.613a7.2%207.2%200%200%201-.519%202.794a7%207%200%200%201-1.559%202.353l-.153.156a6.77%206.77%200%200%201%203.49-1.725a6.7%206.7%200%200%201%203.845.5a6.87%206.87%200%200%201%202.959%202.564a7.1%207.1%200%200%201%201.118%203.8m-3.089%200a3.9%203.9%200%200%200-.611-2.133a3.75%203.75%200%200%200-1.666-1.424a3.65%203.65%200%200%200-2.158-.233a3.7%203.7%200%200%200-1.92%201.037a3.85%203.85%200%200%200-1.031%201.955a3.9%203.9%200%200%200%20.205%202.213c.282.7.76%201.299%201.374%201.721a3.67%203.67%200%200%200%202.076.647a3.64%203.64%200%200%200%202.635-1.096c.347-.351.622-.77.81-1.231s.285-.956.286-1.456%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%22M21.429%2017.055a7.1%207.1%200%200%201-.794%203.246a6.9%206.9%200%200%201-2.181%202.492a6.7%206.7%200%200%201-3.063%201.163a6.65%206.65%200%200%201-3.239-.434a6.8%206.8%200%200%201-2.668-1.932a7%207%200%200%201-1.481-2.983a7.1%207.1%200%200%201%20.049-3.345a7%207%200%200%201%201.566-2.937l-4.626%204.73l-2.421-2.479l5.201-5.265a3.8%203.8%200%200%200%201.066-2.675V0h3.41v6.613a7.2%207.2%200%200%201-.519%202.794a7%207%200%200%201-1.559%202.353l-.153.156a6.77%206.77%200%200%201%203.49-1.725a6.7%206.7%200%200%201%203.845.5a6.87%206.87%200%200%201%202.959%202.564a7.1%207.1%200%200%201%201.118%203.8m-3.089%200a3.9%203.9%200%200%200-.611-2.133a3.75%203.75%200%200%200-1.666-1.424a3.65%203.65%200%200%200-2.158-.233a3.7%203.7%200%200%200-1.92%201.037a3.85%203.85%200%200%200-1.031%201.955a3.9%203.9%200%200%200%20.205%202.213c.282.7.76%201.299%201.374%201.721a3.67%203.67%200%200%200%202.076.647a3.64%203.64%200%200%200%202.635-1.096c.347-.351.622-.77.81-1.231s.285-.956.286-1.456%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/beatport.svg?color=%231a73e8&size=48
