beatport icon
beatport from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- beatport
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Jam Icons
Use the beatport icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -5.5 24 24"><g fill="currentColor"><path d="M16.667 7.63c0-4.207-3.178-7.63-7.084-7.63S2.5 3.423 2.5 7.63c0 1.947.682 3.801 1.92 5.222c.167.19.444.199.62.02l.764-.774a.5.5 0 0 0 .02-.667a5.77 5.77 0 0 1-1.396-3.8c0-3.063 2.312-5.554 5.155-5.554s5.156 2.491 5.156 5.554a5.77 5.77 0 0 1-1.397 3.8l.001.001a.5.5 0 0 0 .021.666l.764.773c.176.18.454.17.62-.02c1.237-1.42 1.919-3.274 1.919-5.22M20 7.65c0-1.02-.158-2.026-.47-2.99v-.003l-.002-.003a.483.483 0 0 0-.597-.3l-1.094.329a.46.46 0 0 0-.315.58h-.001a7.75 7.75 0 0 1-.789 6.467h.001a.455.455 0 0 0 .167.634l.981.57c.227.132.52.06.657-.159A9.74 9.74 0 0 0 20 7.649"/><path d="M3.268 11.732a7.76 7.76 0 0 1-.788-6.468a.46.46 0 0 0-.315-.58l-1.093-.33a.48.48 0 0 0-.598.301H.472a9.72 9.72 0 0 0 .99 8.123h.002a.49.49 0 0 0 .655.156l.982-.57a.455.455 0 0 0 .167-.631z"/></g></svg>
React
import type { SVGProps } from "react";
export function JamBeatport(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -5.5 24 24"><g fill="currentColor"><path d="M16.667 7.63c0-4.207-3.178-7.63-7.084-7.63S2.5 3.423 2.5 7.63c0 1.947.682 3.801 1.92 5.222c.167.19.444.199.62.02l.764-.774a.5.5 0 0 0 .02-.667a5.77 5.77 0 0 1-1.396-3.8c0-3.063 2.312-5.554 5.155-5.554s5.156 2.491 5.156 5.554a5.77 5.77 0 0 1-1.397 3.8l.001.001a.5.5 0 0 0 .021.666l.764.773c.176.18.454.17.62-.02c1.237-1.42 1.919-3.274 1.919-5.22M20 7.65c0-1.02-.158-2.026-.47-2.99v-.003l-.002-.003a.483.483 0 0 0-.597-.3l-1.094.329a.46.46 0 0 0-.315.58h-.001a7.75 7.75 0 0 1-.789 6.467h.001a.455.455 0 0 0 .167.634l.981.57c.227.132.52.06.657-.159A9.74 9.74 0 0 0 20 7.649"/><path d="M3.268 11.732a7.76 7.76 0 0 1-.788-6.468a.46.46 0 0 0-.315-.58l-1.093-.33a.48.48 0 0 0-.598.301H.472a9.72 9.72 0 0 0 .99 8.123h.002a.49.49 0 0 0 .655.156l.982-.57a.455.455 0 0 0 .167-.631z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -5.5 24 24"><g fill="currentColor"><path d="M16.667 7.63c0-4.207-3.178-7.63-7.084-7.63S2.5 3.423 2.5 7.63c0 1.947.682 3.801 1.92 5.222c.167.19.444.199.62.02l.764-.774a.5.5 0 0 0 .02-.667a5.77 5.77 0 0 1-1.396-3.8c0-3.063 2.312-5.554 5.155-5.554s5.156 2.491 5.156 5.554a5.77 5.77 0 0 1-1.397 3.8l.001.001a.5.5 0 0 0 .021.666l.764.773c.176.18.454.17.62-.02c1.237-1.42 1.919-3.274 1.919-5.22M20 7.65c0-1.02-.158-2.026-.47-2.99v-.003l-.002-.003a.483.483 0 0 0-.597-.3l-1.094.329a.46.46 0 0 0-.315.58h-.001a7.75 7.75 0 0 1-.789 6.467h.001a.455.455 0 0 0 .167.634l.981.57c.227.132.52.06.657-.159A9.74 9.74 0 0 0 20 7.649"/><path d="M3.268 11.732a7.76 7.76 0 0 1-.788-6.468a.46.46 0 0 0-.315-.58l-1.093-.33a.48.48 0 0 0-.598.301H.472a9.72 9.72 0 0 0 .99 8.123h.002a.49.49 0 0 0 .655.156l.982-.57a.455.455 0 0 0 .167-.631z"/></g></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%22-2%20-5.5%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16.667%207.63c0-4.207-3.178-7.63-7.084-7.63S2.5%203.423%202.5%207.63c0%201.947.682%203.801%201.92%205.222c.167.19.444.199.62.02l.764-.774a.5.5%200%200%200%20.02-.667a5.77%205.77%200%200%201-1.396-3.8c0-3.063%202.312-5.554%205.155-5.554s5.156%202.491%205.156%205.554a5.77%205.77%200%200%201-1.397%203.8l.001.001a.5.5%200%200%200%20.021.666l.764.773c.176.18.454.17.62-.02c1.237-1.42%201.919-3.274%201.919-5.22M20%207.65c0-1.02-.158-2.026-.47-2.99v-.003l-.002-.003a.483.483%200%200%200-.597-.3l-1.094.329a.46.46%200%200%200-.315.58h-.001a7.75%207.75%200%200%201-.789%206.467h.001a.455.455%200%200%200%20.167.634l.981.57c.227.132.52.06.657-.159A9.74%209.74%200%200%200%2020%207.649%22%2F%3E%3Cpath%20d%3D%22M3.268%2011.732a7.76%207.76%200%200%201-.788-6.468a.46.46%200%200%200-.315-.58l-1.093-.33a.48.48%200%200%200-.598.301H.472a9.72%209.72%200%200%200%20.99%208.123h.002a.49.49%200%200%200%20.655.156l.982-.57a.455.455%200%200%200%20.167-.631z%22%2F%3E%3C%2Fg%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%22-2%20-5.5%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16.667%207.63c0-4.207-3.178-7.63-7.084-7.63S2.5%203.423%202.5%207.63c0%201.947.682%203.801%201.92%205.222c.167.19.444.199.62.02l.764-.774a.5.5%200%200%200%20.02-.667a5.77%205.77%200%200%201-1.396-3.8c0-3.063%202.312-5.554%205.155-5.554s5.156%202.491%205.156%205.554a5.77%205.77%200%200%201-1.397%203.8l.001.001a.5.5%200%200%200%20.021.666l.764.773c.176.18.454.17.62-.02c1.237-1.42%201.919-3.274%201.919-5.22M20%207.65c0-1.02-.158-2.026-.47-2.99v-.003l-.002-.003a.483.483%200%200%200-.597-.3l-1.094.329a.46.46%200%200%200-.315.58h-.001a7.75%207.75%200%200%201-.789%206.467h.001a.455.455%200%200%200%20.167.634l.981.57c.227.132.52.06.657-.159A9.74%209.74%200%200%200%2020%207.649%22%2F%3E%3Cpath%20d%3D%22M3.268%2011.732a7.76%207.76%200%200%201-.788-6.468a.46.46%200%200%200-.315-.58l-1.093-.33a.48.48%200%200%200-.598.301H.472a9.72%209.72%200%200%200%20.99%208.123h.002a.49.49%200%200%200%20.655.156l.982-.57a.455.455%200%200%200%20.167-.631z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/beatport.svg?color=%231a73e8&size=48
