jbl logo

jbl from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
jbl
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the jbl logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m0 5.265l2.022 4.589l2.022-4.59zm2.022 7.6c.698 0 1.266-.565 1.266-1.26c0-.699-.568-1.262-1.266-1.262a1.262 1.262 0 1 0 0 2.523M.928 16.228c0 .957.862 2.509 3.315 2.509s3.315-1.188 3.315-2.51V5.266H5.369l.001 11.342c0 .62-.503 1.14-1.126 1.14a1.127 1.127 0 0 1-1.128-1.124l-.001-2.311H.928zm8.289 2.311V5.265h4.374c.845 0 2.187.693 2.187 2.162v2.261c0 .662-.58 1.833-1.44 1.833c.86 0 1.44.742 1.44 1.305v3.979c0 .676-.546 1.733-2.187 1.733zm3.38-7.559c.796 0 .995-.134.995-2.214s-.2-2.246-.995-2.246h-1.195v4.457zm.995 3.811c0-2.081 0-2.69-.864-2.69h-1.326v5.348l1.326.003c.863 0 .863-.581.863-2.66m3.779 3.748H24v-4.226h-2.189l.002 2.31a1.126 1.126 0 0 1-2.255 0V5.265H17.37Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsJbl(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="m0 5.265l2.022 4.589l2.022-4.59zm2.022 7.6c.698 0 1.266-.565 1.266-1.26c0-.699-.568-1.262-1.266-1.262a1.262 1.262 0 1 0 0 2.523M.928 16.228c0 .957.862 2.509 3.315 2.509s3.315-1.188 3.315-2.51V5.266H5.369l.001 11.342c0 .62-.503 1.14-1.126 1.14a1.127 1.127 0 0 1-1.128-1.124l-.001-2.311H.928zm8.289 2.311V5.265h4.374c.845 0 2.187.693 2.187 2.162v2.261c0 .662-.58 1.833-1.44 1.833c.86 0 1.44.742 1.44 1.305v3.979c0 .676-.546 1.733-2.187 1.733zm3.38-7.559c.796 0 .995-.134.995-2.214s-.2-2.246-.995-2.246h-1.195v4.457zm.995 3.811c0-2.081 0-2.69-.864-2.69h-1.326v5.348l1.326.003c.863 0 .863-.581.863-2.66m3.779 3.748H24v-4.226h-2.189l.002 2.31a1.126 1.126 0 0 1-2.255 0V5.265H17.37Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m0 5.265l2.022 4.589l2.022-4.59zm2.022 7.6c.698 0 1.266-.565 1.266-1.26c0-.699-.568-1.262-1.266-1.262a1.262 1.262 0 1 0 0 2.523M.928 16.228c0 .957.862 2.509 3.315 2.509s3.315-1.188 3.315-2.51V5.266H5.369l.001 11.342c0 .62-.503 1.14-1.126 1.14a1.127 1.127 0 0 1-1.128-1.124l-.001-2.311H.928zm8.289 2.311V5.265h4.374c.845 0 2.187.693 2.187 2.162v2.261c0 .662-.58 1.833-1.44 1.833c.86 0 1.44.742 1.44 1.305v3.979c0 .676-.546 1.733-2.187 1.733zm3.38-7.559c.796 0 .995-.134.995-2.214s-.2-2.246-.995-2.246h-1.195v4.457zm.995 3.811c0-2.081 0-2.69-.864-2.69h-1.326v5.348l1.326.003c.863 0 .863-.581.863-2.66m3.779 3.748H24v-4.226h-2.189l.002 2.31a1.126 1.126 0 0 1-2.255 0V5.265H17.37Z"/></svg>
</template>

CSS

.icon-jbl {
  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%22m0%205.265l2.022%204.589l2.022-4.59zm2.022%207.6c.698%200%201.266-.565%201.266-1.26c0-.699-.568-1.262-1.266-1.262a1.262%201.262%200%201%200%200%202.523M.928%2016.228c0%20.957.862%202.509%203.315%202.509s3.315-1.188%203.315-2.51V5.266H5.369l.001%2011.342c0%20.62-.503%201.14-1.126%201.14a1.127%201.127%200%200%201-1.128-1.124l-.001-2.311H.928zm8.289%202.311V5.265h4.374c.845%200%202.187.693%202.187%202.162v2.261c0%20.662-.58%201.833-1.44%201.833c.86%200%201.44.742%201.44%201.305v3.979c0%20.676-.546%201.733-2.187%201.733zm3.38-7.559c.796%200%20.995-.134.995-2.214s-.2-2.246-.995-2.246h-1.195v4.457zm.995%203.811c0-2.081%200-2.69-.864-2.69h-1.326v5.348l1.326.003c.863%200%20.863-.581.863-2.66m3.779%203.748H24v-4.226h-2.189l.002%202.31a1.126%201.126%200%200%201-2.255%200V5.265H17.37Z%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%22m0%205.265l2.022%204.589l2.022-4.59zm2.022%207.6c.698%200%201.266-.565%201.266-1.26c0-.699-.568-1.262-1.266-1.262a1.262%201.262%200%201%200%200%202.523M.928%2016.228c0%20.957.862%202.509%203.315%202.509s3.315-1.188%203.315-2.51V5.266H5.369l.001%2011.342c0%20.62-.503%201.14-1.126%201.14a1.127%201.127%200%200%201-1.128-1.124l-.001-2.311H.928zm8.289%202.311V5.265h4.374c.845%200%202.187.693%202.187%202.162v2.261c0%20.662-.58%201.833-1.44%201.833c.86%200%201.44.742%201.44%201.305v3.979c0%20.676-.546%201.733-2.187%201.733zm3.38-7.559c.796%200%20.995-.134.995-2.214s-.2-2.246-.995-2.246h-1.195v4.457zm.995%203.811c0-2.081%200-2.69-.864-2.69h-1.326v5.348l1.326.003c.863%200%20.863-.581.863-2.66m3.779%203.748H24v-4.226h-2.189l.002%202.31a1.126%201.126%200%200%201-2.255%200V5.265H17.37Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/jbl.svg?color=%231a73e8&size=48