Tp Link Tapo icon

cbi:tp-link-tapo

The Tp Link Tapo icon (cbi:tp-link-tapo) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24
Tags: tplink, linktapo, tplinktapo

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.58 14.464a5.8 5.8 0 0 1-.183 1.171a4.7 4.7 0 0 1-3.591 3.708l-.066.018l-.101-.554v-.008a3 3 0 0 0 .362-.168l.049-.03l.057-.034l.049-.031c2.062-1.344 2.794-5.513.993-8.098a4.8 4.8 0 0 0-.734-.794l.054.013l-.023-.021a2.1 2.1 0 0 1 .686.156a4.95 4.95 0 0 1 1.679 1.626a5.1 5.1 0 0 1 .769 3.046M5.918 11.408a1.392.612 90 0 1-.612 1.392a1.392.612 90 0 1-.612-1.392a1.392.612 90 0 1 .612-1.393a1.392.612 90 0 1 .612 1.393m1.51 9.141L7.357 3.966v-.045a1.19 1.19 0 0 1 1.159-1.232l.505-.014l8.308-.202c.26-.006.522 0 .782.008l-2.902-.403a7 7 0 0 0-1.244-.075l-8.808.303a1.313 1.313 0 0 0-1.262 1.306V19.55a1.35 1.35 0 0 0 .983 1.303l2.706.774l.632.154a1.29 1.29 0 0 1-.788-1.232m-2.12-7.557c-.46 0-.821-.696-.821-1.584s.361-1.585.821-1.585s.822.696.822 1.585s-.363 1.584-.822 1.584M18.837 2.88l-9.2.202a1.24 1.24 0 0 0-1.211 1.24l-.031 16.429a1.24 1.24 0 0 0 1.365 1.243l9.227-.921a1.24 1.24 0 0 0 1.118-1.236V4.123a1.24 1.24 0 0 0-1.268-1.243M9.621 4.961c-.143 0-.26-.162-.26-.362s.117-.364.26-.364s.261.163.261.364s-.116.362-.261.362m9.336 9.671a6.7 6.7 0 0 1-1.312 3.405a4.34 4.34 0 0 1-3.275 1.615a5.2 5.2 0 0 1-2.591-.658a2.4 2.4 0 0 1-.325-.136a2.83 2.83 0 0 1-1.098-1.062a4.8 4.8 0 0 1-.605-1.73a7.03 7.03 0 0 1 .582-3.982c.562-1.193 2.287-2.738 3.664-2.665a.3.3 0 0 0-.11.176l-.007.039a3.2 3.2 0 0 0-1.772.726a5.25 5.25 0 0 0-1.576 1.817a6.7 6.7 0 0 0-.436 1.234h.016a.3.3 0 0 1 .072-.008a.616.616 0 0 1 .537.671a.74.74 0 0 1-.678.681a.23.23 0 0 1-.121-.031l-.018-.011a6.5 6.5 0 0 0 .065 1.324a3.42 3.42 0 0 0 1.588 2.625l.083.039a2.5 2.5 0 0 0 1.035.224l.439-.035a3 3 0 0 0 .589-.155a1.5 1.5 0 0 1-.051.303c-.044.175-.085.341.027.464a.4.4 0 0 0 .311.116h.021a.5.5 0 0 0 .38-.166c.046-.06.084-.157.046-.465a3 3 0 0 0-.101-.565a3.7 3.7 0 0 0 1.151-1.173a6.7 6.7 0 0 0 .606-4.858a6.4 6.4 0 0 0-.341-1.073a3 3 0 0 0-1.223-1.536a.5.5 0 0 0 .042-.222l-.005-.02q.066.023.133.05l-.13-.052a.23.23 0 0 0-.211-.173l-.162-.008a.3.3 0 0 0-.067.005l-.013-.005l.934-.022c2.747.098 4.058 2.663 3.907 5.297m-5.154 4.398a1 1 0 0 0 .022-.493a.3.3 0 0 0-.06-.148a.56.56 0 0 0-.235-.234a.4.4 0 0 0-.09-.033a.43.43 0 0 0-.265 0a1.5 1.5 0 0 0-.362.145c-.237.094-.303.154-.354.229l-.062.058c-.076.07-.085.079-.155.059a.4.4 0 0 0-.113 0c-.033-.154.614-.555 1.267-.571h.082a.88.88 0 0 1 .586.202c.158.158.183.373.231.762a2 2 0 0 1 .014.218a.3.3 0 0 1-.025.131l-.005.008a.2.2 0 0 1-.068.056a.4.4 0 0 1-.202.055a.28.28 0 0 1-.219-.068c-.056-.062-.034-.166.006-.331Zm.235-4.696a.688.688 0 0 1 0-1.342a.688.688 0 0 1 0 1.342m.357-4.611q-.02.053-.046.108a1 1 0 0 0-.075.194l-.006.025a.7.7 0 0 1-.112.265a.8.8 0 0 1-.43.191a.9.9 0 0 1-.33-.04l-.077-.031c-.202-.094-.396-.253-.363-.353a.2.2 0 0 1 .176-.101h.038l.015.005c.027.01.038.026.063.062l.012.018a.3.3 0 0 0 .176.172a.37.37 0 0 0 .337.085a.2.2 0 0 0 .057-.036l.012-.012a.44.44 0 0 0 .101-.207l.014-.062a2 2 0 0 0 .048-.257v-.016l.011-.07l.008-.033v-.014a.15.15 0 0 1 .159-.123l.16.007a.08.08 0 0 1 .078.068a.34.34 0 0 1-.026.155"/></svg>

How to use the Tp Link Tapo icon

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:tp-link-tapo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:tp-link-tapo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:tp-link-tapo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--tp-link-tapo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:tp-link-tapo"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:tp-link-tapo"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/tp-link-tapo.svg" alt="Tp Link Tapo icon" width="24" height="24">

Related icons in Custom Brand Icons

Tp Link Tapo icon FAQ

Is the Tp Link Tapo icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Tp Link Tapo icon in React?

Install @iconify/react and render <Icon icon="cbi:tp-link-tapo" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tp Link Tapo icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/tp-link-tapo.svg" alt="Tp Link Tapo icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →