bluetooth logo
bluetooth from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- bluetooth
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
bluetoothAkar IconsbluetoothBootstrap IconsbluetoothBoxIcons v2bluetoothCarbonbluetoothCoreUI Brandsbluetooth-fillEva IconsbluetoothFont Awesome 6 BrandsbluetoothFont Awesome BrandsbluetoothFeather Iconsbluetooth-16-filledFluent UI System IconsbluetoothHuge IconsbluetoothIconParkbluetoothIconPark OutlinebluetoothIconoirbluetoothIonIconsbluetoothJam IconsbluetoothLine AwesomebluetoothSVG LogosbluetoothLucidebluetoothMajesticonsbluetoothMaterial SymbolsbluetoothMaterial Symbols LightbluetoothMaterial Design Iconsbluetooth-fillMingCute Icon
Use the bluetooth logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C6.76 0 3.148 2.49 3.148 12S6.76 24 12 24s8.852-2.49 8.852-12S17.24 0 12 0m-.777 1.682l6.214 6.215L13.335 12l4.104 4.104l-6.215 6.214v-8.193l-3.418 3.42l-1.243-1.244L10.853 12l-4.29-4.3l1.243-1.245l3.418 3.42zm1.748 4.244v3.969l1.984-1.985zm0 8.181v3.967l1.984-1.984z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBluetooth(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 0C6.76 0 3.148 2.49 3.148 12S6.76 24 12 24s8.852-2.49 8.852-12S17.24 0 12 0m-.777 1.682l6.214 6.215L13.335 12l4.104 4.104l-6.215 6.214v-8.193l-3.418 3.42l-1.243-1.244L10.853 12l-4.29-4.3l1.243-1.245l3.418 3.42zm1.748 4.244v3.969l1.984-1.985zm0 8.181v3.967l1.984-1.984z"/></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 0C6.76 0 3.148 2.49 3.148 12S6.76 24 12 24s8.852-2.49 8.852-12S17.24 0 12 0m-.777 1.682l6.214 6.215L13.335 12l4.104 4.104l-6.215 6.214v-8.193l-3.418 3.42l-1.243-1.244L10.853 12l-4.29-4.3l1.243-1.245l3.418 3.42zm1.748 4.244v3.969l1.984-1.985zm0 8.181v3.967l1.984-1.984z"/></svg> </template>
CSS
.icon-bluetooth {
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%200C6.76%200%203.148%202.49%203.148%2012S6.76%2024%2012%2024s8.852-2.49%208.852-12S17.24%200%2012%200m-.777%201.682l6.214%206.215L13.335%2012l4.104%204.104l-6.215%206.214v-8.193l-3.418%203.42l-1.243-1.244L10.853%2012l-4.29-4.3l1.243-1.245l3.418%203.42zm1.748%204.244v3.969l1.984-1.985zm0%208.181v3.967l1.984-1.984z%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%200C6.76%200%203.148%202.49%203.148%2012S6.76%2024%2012%2024s8.852-2.49%208.852-12S17.24%200%2012%200m-.777%201.682l6.214%206.215L13.335%2012l4.104%204.104l-6.215%206.214v-8.193l-3.418%203.42l-1.243-1.244L10.853%2012l-4.29-4.3l1.243-1.245l3.418%203.42zm1.748%204.244v3.969l1.984-1.985zm0%208.181v3.967l1.984-1.984z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/bluetooth.svg?color=%231a73e8&size=48
