bluetooth icon
bluetooth-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- bluetooth-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
bluetoothAkar IconsbluetoothBootstrap IconsbluetoothBoxIcons v2bluetoothCarbonbluetoothCoreUI Brandsbluetooth-fillEva IconsbluetoothFont Awesome 6 BrandsbluetoothFont Awesome BrandsbluetoothFeather IconsbluetoothHuge IconsbluetoothIconParkbluetoothIconPark OutlinebluetoothIconoirbluetoothIonIconsbluetoothJam IconsbluetoothLine AwesomebluetoothSVG LogosbluetoothLucidebluetoothMajesticonsbluetoothMaterial SymbolsbluetoothMaterial Symbols LightbluetoothMaterial Design Iconsbluetooth-fillMingCute IconbluetoothMyna UI Icons
Related icons in Fluent UI System Icons
Use the bluetooth icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.285 1.049a.5.5 0 0 1 .53.063l4 3.25a.5.5 0 0 1 0 .776L8.293 8l3.522 2.862a.5.5 0 0 1 0 .776l-4 3.25A.5.5 0 0 1 7 14.5V9.05l-3.185 2.588a.5.5 0 0 1-.63-.776L6.707 8L3.185 5.138a.5.5 0 1 1 .63-.776L7 6.95V1.5a.5.5 0 0 1 .285-.451M8 9.05v4.4l2.707-2.2zm0-2.1l2.707-2.2L8 2.55z"/></svg>
React
import type { SVGProps } from "react";
export function FluentBluetooth16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.285 1.049a.5.5 0 0 1 .53.063l4 3.25a.5.5 0 0 1 0 .776L8.293 8l3.522 2.862a.5.5 0 0 1 0 .776l-4 3.25A.5.5 0 0 1 7 14.5V9.05l-3.185 2.588a.5.5 0 0 1-.63-.776L6.707 8L3.185 5.138a.5.5 0 1 1 .63-.776L7 6.95V1.5a.5.5 0 0 1 .285-.451M8 9.05v4.4l2.707-2.2zm0-2.1l2.707-2.2L8 2.55z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.285 1.049a.5.5 0 0 1 .53.063l4 3.25a.5.5 0 0 1 0 .776L8.293 8l3.522 2.862a.5.5 0 0 1 0 .776l-4 3.25A.5.5 0 0 1 7 14.5V9.05l-3.185 2.588a.5.5 0 0 1-.63-.776L6.707 8L3.185 5.138a.5.5 0 1 1 .63-.776L7 6.95V1.5a.5.5 0 0 1 .285-.451M8 9.05v4.4l2.707-2.2zm0-2.1l2.707-2.2L8 2.55z"/></svg> </template>
CSS
.icon-bluetooth-16-regular {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.285%201.049a.5.5%200%200%201%20.53.063l4%203.25a.5.5%200%200%201%200%20.776L8.293%208l3.522%202.862a.5.5%200%200%201%200%20.776l-4%203.25A.5.5%200%200%201%207%2014.5V9.05l-3.185%202.588a.5.5%200%200%201-.63-.776L6.707%208L3.185%205.138a.5.5%200%201%201%20.63-.776L7%206.95V1.5a.5.5%200%200%201%20.285-.451M8%209.05v4.4l2.707-2.2zm0-2.1l2.707-2.2L8%202.55z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.285%201.049a.5.5%200%200%201%20.53.063l4%203.25a.5.5%200%200%201%200%20.776L8.293%208l3.522%202.862a.5.5%200%200%201%200%20.776l-4%203.25A.5.5%200%200%201%207%2014.5V9.05l-3.185%202.588a.5.5%200%200%201-.63-.776L6.707%208L3.185%205.138a.5.5%200%201%201%20.63-.776L7%206.95V1.5a.5.5%200%200%201%20.285-.451M8%209.05v4.4l2.707-2.2zm0-2.1l2.707-2.2L8%202.55z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/bluetooth-16-regular.svg?color=%231a73e8&size=48
