Pushbullet icon
logos:pushbullet
The Pushbullet icon (logos:pushbullet) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVG8Ictd5YF" x1="8.59%" x2="77.471%" y1="1.954%" y2="73.896%"><stop offset="0%" stop-color="#4cb36b"/><stop offset="100%" stop-color="#3ea16f"/></linearGradient><path id="SVGNVTtUC0X" d="M256 128c0 70.692-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0s128 57.308 128 128"/></defs><mask id="SVGc6EHndOq" fill="#fff"><use href="#SVGNVTtUC0X"/></mask><use fill="#67bf79" href="#SVGNVTtUC0X"/><path fill="#67bf79" d="M256 128c0 70.692-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0s128 57.308 128 128" mask="url(#SVGc6EHndOq)"/><path fill="url(#SVG8Ictd5YF)" d="M63.111 187.022L96.178 72l64.533 60.978L200 90.133l87.533 86.289l-110.844 124.889z" mask="url(#SVGc6EHndOq)"/><path fill="#fff" d="M77 189.6c-16.733 0-16.733 0-16.733-16.733V81c0-16.733 0-16.733 16.733-16.733h3.334c16.733 0 16.733 0 16.733 16.733v91.867c0 16.733 0 16.733-16.733 16.733z" mask="url(#SVGc6EHndOq)"/><path fill="#fff" d="M121.041 189.6c-5.699 0-8.508-2.809-8.508-8.508V72.774c0-5.698 2.809-8.507 8.508-8.507h37.537c32.178 0 52.628 32.273 52.628 63.025S190.578 189.6 158.578 189.6z" mask="url(#SVGc6EHndOq)"/></svg>How to use the Pushbullet icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:pushbullet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:pushbullet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:pushbullet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--pushbullet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:pushbullet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:pushbullet"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/pushbullet.svg" alt="Pushbullet icon" width="24" height="24">Pushbullet icon in other icon sets
Pushbullet icon FAQ
Is the Pushbullet icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Pushbullet icon in React?
Install @iconify/react and render <Icon icon="logos:pushbullet" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pushbullet icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/pushbullet.svg" alt="Pushbullet icon">, or paste the SVG code inline to style it with CSS.