Wppilot icon

cbi:wppilot

The Wppilot icon (cbi:wppilot) 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

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="M14.405 15.216a1 1 0 0 0-.664-.089a1.1 1.1 0 0 0-.687.489a1.17 1.17 0 0 0-.108.79a1.06 1.06 0 0 0 .699.741a1.6 1.6 0 0 0 .599 0a1.02 1.02 0 0 0 .678-.641a1.3 1.3 0 0 0 0-.725a1 1 0 0 0-.517-.565m-6.07.019a1 1 0 0 0-.24-.099a1.5 1.5 0 0 0-.478-.017a1.057 1.057 0 0 0-.126 2.026a1.3 1.3 0 0 0 .261.035a.98.98 0 0 0 .923-.438a1.07 1.07 0 0 0-.34-1.507M21.964 3.013a1.28 1.28 0 0 0-.844-.952l-.133-.047h-8.924c-4.908 0-8.965 0-9.017.013a1.26 1.26 0 0 0-1.01.986c-.048.241-.048 17.729 0 17.974a1.28 1.28 0 0 0 .854.952l.146.047h17.951l.135-.048a1.28 1.28 0 0 0 .842-.951c.048-.242.048-17.73 0-17.974M9.193 16.884a1.6 1.6 0 0 1-.629.641a1.44 1.44 0 0 1-.849.161a1.23 1.23 0 0 1-.779-.376l-.163-.165v1.645h-.52v-2.057l.006-2.055l.257-.006l.253-.007v.492l.133-.137a1.4 1.4 0 0 1 .226-.2a1.4 1.4 0 0 1 .509-.2a3 3 0 0 1 .635.03c.04.014.159.066.261.116a1.47 1.47 0 0 1 .687.699a1.34 1.34 0 0 1 .146.683a1.37 1.37 0 0 1-.173.736m1.047.739h-.26v-2.959l.256.007l.254.006l.006 1.472l.005 1.474Zm.208-3.548a.27.27 0 0 1-.21.061a.3.3 0 0 1-.299-.159a.24.24 0 0 1-.042-.191a.33.33 0 0 1 .163-.281a.38.38 0 0 1 .332-.015a.38.38 0 0 1 .184.278a.33.33 0 0 1-.128.307m1.343 1.404v2.144h-.52v-4.289h.52Zm3.701.751a1.45 1.45 0 0 1-.159.612a1.53 1.53 0 0 1-1.217.844a1.57 1.57 0 0 1-1.233-.41a1.5 1.5 0 0 1-.429-.708a1.84 1.84 0 0 1 0-.86a1.52 1.52 0 0 1 .749-.923a1.5 1.5 0 0 1 .438-.16a3 3 0 0 1 .708.023a1.63 1.63 0 0 1 .781.5a1.5 1.5 0 0 1 .365 1.082Zm2.105 1.398a1.5 1.5 0 0 1-.864-.115a.64.64 0 0 1-.299-.422c-.018-.069-.033-.754-.039-1.912a1.4 1.4 0 0 0-.282-.014h-.28v-.5h.561v-.32a1 1 0 0 1 .023-.338c.023-.012.443-.146.483-.152a3 3 0 0 1 .014.4v.405h.792v.5h-.389l-.392.006l-.007.811a9 9 0 0 0 .017.921c.044.2.165.259.531.255h.229l.006.229l.007.229Zm.493-9.616a1.64 1.64 0 0 1-.775 1.497a2 2 0 0 1-.848.217c-.115.013-.269.034-.34.044a.334.334 0 0 1-.418-.2a.55.55 0 0 1-.054-.322a.53.53 0 0 1 .066-.344a.445.445 0 0 1 .491-.281a3 3 0 0 0 .599-.064c.179-.071.307-.418.284-.769c-.019-.3-.148-.51-.336-.56a7 7 0 0 0-.699-.027l-.599.004l-.013.083c-.012.078-.075.662-.117 1.098c-.05.499-.062.623-.083.812c-.01.113-.031.3-.041.406a3.1 3.1 0 0 1-.233 1.183a1.4 1.4 0 0 1-.95.731a2.4 2.4 0 0 1-.694.007a1.2 1.2 0 0 1-.616-.463c-.137-.208-.167-.316-.547-2.035l-.2-.885l-.138-.614c-.063-.291-.085-.358-.127-.383s-.118.05-.118.161c0 .046-.01.164-.021.262c-.019.154-.079.764-.24 2.386a4 4 0 0 1-.206 1.285a1.82 1.82 0 0 1-1.047.977a4 4 0 0 1-.612.143a2.8 2.8 0 0 1-.883-.039a1.74 1.74 0 0 1-.692-.365a2 2 0 0 1-.537-.981l-.16-.52c-.046-.148-.1-.327-.119-.399s-.088-.286-.146-.48l-.169-.552c-.056-.189-.199-.656-.376-1.238c-.046-.151-.094-.3-.105-.334s-.033-.11-.052-.166l-.271-.885c-.143-.477-.082-.727.232-.969a1 1 0 0 1 .354-.175a1.66 1.66 0 0 1 .742 0a1.39 1.39 0 0 1 1.088 1.23c.173.664.227.869.273 1.036c.052.188.585 2.322.654 2.624c.023.099.056.248.077.333c.075.348.073.344.158.35c.058 0 .077 0 .085-.031c.015-.046.063-.515.132-1.267a485 485 0 0 0 .196-2.185a2.4 2.4 0 0 1 .273-1.094a1.31 1.31 0 0 1 1.245-.625a1.66 1.66 0 0 1 .799.188a1.4 1.4 0 0 1 .518.414a2.3 2.3 0 0 1 .299.585c.04.125.2.899.33 1.562a18 18 0 0 0 .405 1.903c.082.05.088.012.163-1.018c.027-.377.073-.931.1-1.27l.136-1.331c.048-.471.123-.635.326-.734a.7.7 0 0 1 .505-.071l.533.043c1.298.099 1.426.125 1.749.316a1.91 1.91 0 0 1 .771 1.798Z"/></svg>

How to use the Wppilot icon

React

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

<Icon icon="cbi:wppilot" width="24" />

Vue

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

<template>
  <Icon icon="cbi:wppilot" width="24" />
</template>

Svelte

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

<Icon icon="cbi:wppilot" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:wppilot"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/wppilot.svg" alt="Wppilot icon" width="24" height="24">

Wppilot icon FAQ

Is the Wppilot 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 Wppilot icon in React?

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

How do I add the Wppilot icon to a web page?

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

Browse all Custom Brand Icons →