pen connect bluetooth icon

pen-connect-bluetooth from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: pen-connect-bluetooth
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

The same icon in other sets

Related icons in Huge Icons

pen-01 pen-02 pen-connect-usb pen-connect-wifi pen-line pen-off pen-tool-01 pen-tool-02 pen-tool-03 pen-tool-add pen-tool-minus

Use the pen connect bluetooth icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.356 7.051l2.769 1.91c.582.403.874.603.875.87s-.288.47-.866.876l-.576.405c-.953.67-1.43 1.004-1.816.851c-.386-.152-.386-.675-.386-1.72zm0 0L5.28 7m.075.051V6.95M5.28 7L2 4.736M5.281 7l.075-.051M5.28 7L2 9.264m3.356-2.315l2.769-1.91c.582-.403.874-.603.875-.87s-.288-.47-.866-.876l-.576-.405c-.953-.67-1.43-1.004-1.816-.852s-.386.676-.386 1.721zm11.858 1.033l1.402-1.401a1.982 1.982 0 0 1 2.803 2.803l-1.401 1.402m-2.804-2.804L8.98 16.216c-1.045 1.046-1.568 1.568-1.924 2.205s-.527 1.356-.87 2.794L6 22l.785-.187c1.438-.342 2.157-.514 2.794-.87c.637-.355 1.16-.878 2.205-1.923l8.234-8.234m-2.804-2.804l2.804 2.804"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsPenConnectBluetooth(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m5.356 7.051l2.769 1.91c.582.403.874.603.875.87s-.288.47-.866.876l-.576.405c-.953.67-1.43 1.004-1.816.851c-.386-.152-.386-.675-.386-1.72zm0 0L5.28 7m.075.051V6.95M5.28 7L2 4.736M5.281 7l.075-.051M5.28 7L2 9.264m3.356-2.315l2.769-1.91c.582-.403.874-.603.875-.87s-.288-.47-.866-.876l-.576-.405c-.953-.67-1.43-1.004-1.816-.852s-.386.676-.386 1.721zm11.858 1.033l1.402-1.401a1.982 1.982 0 0 1 2.803 2.803l-1.401 1.402m-2.804-2.804L8.98 16.216c-1.045 1.046-1.568 1.568-1.924 2.205s-.527 1.356-.87 2.794L6 22l.785-.187c1.438-.342 2.157-.514 2.794-.87c.637-.355 1.16-.878 2.205-1.923l8.234-8.234m-2.804-2.804l2.804 2.804"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.356 7.051l2.769 1.91c.582.403.874.603.875.87s-.288.47-.866.876l-.576.405c-.953.67-1.43 1.004-1.816.851c-.386-.152-.386-.675-.386-1.72zm0 0L5.28 7m.075.051V6.95M5.28 7L2 4.736M5.281 7l.075-.051M5.28 7L2 9.264m3.356-2.315l2.769-1.91c.582-.403.874-.603.875-.87s-.288-.47-.866-.876l-.576-.405c-.953-.67-1.43-1.004-1.816-.852s-.386.676-.386 1.721zm11.858 1.033l1.402-1.401a1.982 1.982 0 0 1 2.803 2.803l-1.401 1.402m-2.804-2.804L8.98 16.216c-1.045 1.046-1.568 1.568-1.924 2.205s-.527 1.356-.87 2.794L6 22l.785-.187c1.438-.342 2.157-.514 2.794-.87c.637-.355 1.16-.878 2.205-1.923l8.234-8.234m-2.804-2.804l2.804 2.804"/></svg>
</template>

CSS

.icon-pen-connect-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m5.356%207.051l2.769%201.91c.582.403.874.603.875.87s-.288.47-.866.876l-.576.405c-.953.67-1.43%201.004-1.816.851c-.386-.152-.386-.675-.386-1.72zm0%200L5.28%207m.075.051V6.95M5.28%207L2%204.736M5.281%207l.075-.051M5.28%207L2%209.264m3.356-2.315l2.769-1.91c.582-.403.874-.603.875-.87s-.288-.47-.866-.876l-.576-.405c-.953-.67-1.43-1.004-1.816-.852s-.386.676-.386%201.721zm11.858%201.033l1.402-1.401a1.982%201.982%200%200%201%202.803%202.803l-1.401%201.402m-2.804-2.804L8.98%2016.216c-1.045%201.046-1.568%201.568-1.924%202.205s-.527%201.356-.87%202.794L6%2022l.785-.187c1.438-.342%202.157-.514%202.794-.87c.637-.355%201.16-.878%202.205-1.923l8.234-8.234m-2.804-2.804l2.804%202.804%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m5.356%207.051l2.769%201.91c.582.403.874.603.875.87s-.288.47-.866.876l-.576.405c-.953.67-1.43%201.004-1.816.851c-.386-.152-.386-.675-.386-1.72zm0%200L5.28%207m.075.051V6.95M5.28%207L2%204.736M5.281%207l.075-.051M5.28%207L2%209.264m3.356-2.315l2.769-1.91c.582-.403.874-.603.875-.87s-.288-.47-.866-.876l-.576-.405c-.953-.67-1.43-1.004-1.816-.852s-.386.676-.386%201.721zm11.858%201.033l1.402-1.401a1.982%201.982%200%200%201%202.803%202.803l-1.401%201.402m-2.804-2.804L8.98%2016.216c-1.045%201.046-1.568%201.568-1.924%202.205s-.527%201.356-.87%202.794L6%2022l.785-.187c1.438-.342%202.157-.514%202.794-.87c.637-.355%201.16-.878%202.205-1.923l8.234-8.234m-2.804-2.804l2.804%202.804%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/pen-connect-bluetooth.svg?color=%231a73e8&size=48