bluetooth icon
bluetooth-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- bluetooth-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- 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 28 28"><path fill="currentColor" d="M13.617 2.076a1 1 0 0 1 1.09.217l6 6a1 1 0 0 1-.067 1.475L15.562 14l5.078 4.232a1 1 0 0 1 .067 1.475l-6 6A1 1 0 0 1 13 25v-8.865l-4.36 3.633a1 1 0 1 1-1.28-1.536L12.438 14L7.36 9.768a1 1 0 1 1 1.28-1.536L13 11.865V3a1 1 0 0 1 .617-.924M15 16.135v6.45l3.519-3.518zm0-4.27l3.519-2.932L15 5.414z"/></svg>
React
import type { SVGProps } from "react";
export function FluentBluetooth28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M13.617 2.076a1 1 0 0 1 1.09.217l6 6a1 1 0 0 1-.067 1.475L15.562 14l5.078 4.232a1 1 0 0 1 .067 1.475l-6 6A1 1 0 0 1 13 25v-8.865l-4.36 3.633a1 1 0 1 1-1.28-1.536L12.438 14L7.36 9.768a1 1 0 1 1 1.28-1.536L13 11.865V3a1 1 0 0 1 .617-.924M15 16.135v6.45l3.519-3.518zm0-4.27l3.519-2.932L15 5.414z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M13.617 2.076a1 1 0 0 1 1.09.217l6 6a1 1 0 0 1-.067 1.475L15.562 14l5.078 4.232a1 1 0 0 1 .067 1.475l-6 6A1 1 0 0 1 13 25v-8.865l-4.36 3.633a1 1 0 1 1-1.28-1.536L12.438 14L7.36 9.768a1 1 0 1 1 1.28-1.536L13 11.865V3a1 1 0 0 1 .617-.924M15 16.135v6.45l3.519-3.518zm0-4.27l3.519-2.932L15 5.414z"/></svg> </template>
CSS
.icon-bluetooth-28-filled {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.617%202.076a1%201%200%200%201%201.09.217l6%206a1%201%200%200%201-.067%201.475L15.562%2014l5.078%204.232a1%201%200%200%201%20.067%201.475l-6%206A1%201%200%200%201%2013%2025v-8.865l-4.36%203.633a1%201%200%201%201-1.28-1.536L12.438%2014L7.36%209.768a1%201%200%201%201%201.28-1.536L13%2011.865V3a1%201%200%200%201%20.617-.924M15%2016.135v6.45l3.519-3.518zm0-4.27l3.519-2.932L15%205.414z%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.617%202.076a1%201%200%200%201%201.09.217l6%206a1%201%200%200%201-.067%201.475L15.562%2014l5.078%204.232a1%201%200%200%201%20.067%201.475l-6%206A1%201%200%200%201%2013%2025v-8.865l-4.36%203.633a1%201%200%201%201-1.28-1.536L12.438%2014L7.36%209.768a1%201%200%201%201%201.28-1.536L13%2011.865V3a1%201%200%200%201%20.617-.924M15%2016.135v6.45l3.519-3.518zm0-4.27l3.519-2.932L15%205.414z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/bluetooth-28-filled.svg?color=%231a73e8&size=48
