Productboard icon

logos:productboard

The Productboard icon (logos:productboard) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 64 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: 512 × 64

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="64" viewBox="0 0 512 64"><path fill="#ff2638" d="m27.863 32.654l27.862 27.429H0z"/><path fill="#ffc600" d="m0 5.226l27.863 27.428L55.725 5.226z"/><path fill="#0079f2" d="M27.867 32.654L55.73 60.083l27.863-27.429L55.73 5.226z"/><path fill="#000c2c" d="M504.243 18.226c0 .398-.55.573-.81.269c-2.038-2.37-5.405-4.165-10.013-4.165c-9.973 0-15.642 8.052-15.642 17.8c0 9.687 5.669 17.734 15.642 17.734c4.67 0 8.32-1.635 10.586-4.456c.255-.314.824-.143.824.26v3.013a.4.4 0 0 0 .398.403h6.368a.4.4 0 0 0 .403-.403V.403a.403.403 0 0 0-.403-.403h-6.954a.403.403 0 0 0-.399.403zm.323 13.904c0 6.09-3.583 10.864-9.516 10.864c-5.867 0-9.516-4.778-9.516-10.864c0-6.215 3.65-10.926 9.516-10.926c5.933 0 9.516 4.71 9.516 10.926m-28.723-16.904a.4.4 0 0 0-.367-.399a13 13 0 0 0-.744-.036c-4.791 0-7.581 1.921-9.117 3.802c-.26.314-.855.143-.855-.269v-2.807a.403.403 0 0 0-.399-.403h-6.372a.403.403 0 0 0-.399.403V48.68a.4.4 0 0 0 .399.403h6.959a.403.403 0 0 0 .398-.403V31.414c0-6.547 3.26-9.427 8.737-9.427c.466 0 .958.045 1.299.077a.416.416 0 0 0 .461-.403zm-32.847 17.957a.403.403 0 0 1 .461.398v1.693c0 4.581-3.063 8.508-9.323 8.508c-3.717 0-6-1.245-6-4.45c0-2.356 1.567-4.12 6.327-4.846l8.535-1.299zm-10.425 16.685c4.823 0 8.45-1.406 10.801-4.164c.256-.305.815-.135.833.268c.094 1.948.372 3.108.426 3.108h6.757c.287 0 .488-.296.399-.569c-.47-1.486-.77-3.896-.77-5.844V27.025c0-7.787-4.694-12.695-14.6-12.695c-9.98 0-14.07 5.23-14.875 11.012a.4.4 0 0 0 .394.443h6.775a.42.42 0 0 0 .403-.336c.631-2.942 3.023-4.702 7.107-4.702c4.626 0 7.236 2.091 7.236 6.216v.174c0 .2-.146.37-.344.399l-9.436 1.325c-8.93 1.24-12.968 4.971-12.968 10.73c0 5.821 3.452 10.277 11.862 10.277m-32.394 0c10.819 0 17.599-8.181 17.599-17.733c0-9.556-6.78-17.805-17.6-17.805c-10.756 0-17.531 8.249-17.531 17.8c0 9.557 6.775 17.734 17.532 17.734zM390.4 32.135c0-6.614 4.169-10.931 9.776-10.931c5.673 0 9.842 4.317 9.842 10.926c0 6.547-4.169 10.864-9.842 10.864c-5.607 0-9.776-4.317-9.776-10.864zm-36.322-13.64c-.26.304-.806.13-.806-.27V.404A.403.403 0 0 0 352.87 0h-6.955a.403.403 0 0 0-.403.403v48.274c0 .224.18.403.403.403h6.368c.224 0 .403-.18.403-.403v-3.045c0-.403.556-.573.806-.26c2.316 2.844 5.97 4.496 10.6 4.496c10.035 0 15.71-8.051 15.71-17.733c0-9.753-5.675-17.805-15.71-17.805c-4.554 0-7.962 1.796-10.013 4.165m-1.07 13.635c0-6.215 3.582-10.926 9.516-10.926c5.866 0 9.52 4.71 9.52 10.926c0 6.09-3.654 10.864-9.52 10.864c-5.93 0-9.516-4.778-9.516-10.864m-14.084 10.55a.43.43 0 0 0-.52-.407a10 10 0 0 1-1.89.202c-2.673 0-3.779-1.312-3.779-3.995V21.732a.403.403 0 0 1 .403-.398h5.517c.224 0 .403-.18.403-.403v-5.405a.403.403 0 0 0-.403-.403h-5.521a.403.403 0 0 1-.403-.403V6.69c0-.22-.178-.4-.399-.403h-6.954a.403.403 0 0 0-.403.403v8.034a.403.403 0 0 1-.403.403h-4.344c-.22 0-.4.178-.403.399v5.414c0 .224.18.403.403.403h4.344a.4.4 0 0 1 .403.398v17.532c0 6.413 3 10.013 9.91 10.013c1.916 0 3.197-.215 3.744-.327a.376.376 0 0 0 .295-.376zm-54.713-10.55c0 9.816 6.91 17.734 16.882 17.734c9.79 0 14.867-6.655 15.96-12.629a.39.39 0 0 0-.39-.456h-7.173a.41.41 0 0 0-.395.304c-1.003 3.498-4.012 5.911-8.07 5.911c-5.538 0-9.058-4.514-9.058-10.864c0-6.412 3.52-10.926 9.059-10.926c4.057 0 7.066 2.414 8.07 5.91a.41.41 0 0 0 .394.305h7.173a.39.39 0 0 0 .39-.456c-1.093-5.974-6.17-12.629-15.96-12.629c-9.973 0-16.882 7.918-16.882 17.796m-13.063 2.553c0 5.562-2.996 8.508-7.819 8.508c-4.693 0-6.583-3.076-6.583-7.72V15.517a.403.403 0 0 0-.403-.403h-6.954a.403.403 0 0 0-.403.403v21.002c0 7.917 4.24 13.345 12.449 13.345c4.559 0 7.671-1.715 9.413-3.843c.264-.322.891-.138.891.278v2.382c0 .224.18.403.403.403h6.364a.4.4 0 0 0 .403-.403V15.517a.403.403 0 0 0-.403-.403h-6.955a.403.403 0 0 0-.403.403zm-35.87-16.457c0 .398-.55.573-.81.269c-2.038-2.37-5.405-4.165-10.013-4.165c-9.973 0-15.647 8.052-15.647 17.8c0 9.687 5.674 17.734 15.647 17.734c4.666 0 8.316-1.635 10.586-4.456c.255-.314.82-.143.82.26v3.013c0 .224.179.403.403.403h6.367a.4.4 0 0 0 .404-.403V.403a.403.403 0 0 0-.404-.403h-6.954a.403.403 0 0 0-.403.403v17.823zm.323 13.904c0 6.09-3.583 10.864-9.516 10.864c-5.866 0-9.52-4.778-9.52-10.864c0-6.215 3.654-10.926 9.52-10.926c5.929 0 9.516 4.71 9.516 10.926M188.08 49.868c10.824 0 17.6-8.181 17.6-17.733c0-9.56-6.772-17.805-17.6-17.805c-10.752 0-17.532 8.249-17.532 17.8c0 9.557 6.78 17.734 17.532 17.734zm-9.775-17.733c0-6.614 4.169-10.931 9.775-10.931c5.674 0 9.843 4.317 9.843 10.926c0 6.547-4.169 10.864-9.843 10.864c-5.606 0-9.775-4.317-9.775-10.864zm-8.648-16.91a.4.4 0 0 0-.367-.398a13 13 0 0 0-.739-.036c-4.791 0-7.586 1.921-9.122 3.802c-.26.314-.85.143-.85-.269v-2.807a.403.403 0 0 0-.404-.403h-6.367a.403.403 0 0 0-.403.403V48.68c0 .224.179.403.403.403h6.954a.4.4 0 0 0 .403-.403V31.414c0-6.547 3.256-9.427 8.732-9.427c.47 0 .959.045 1.3.077a.416.416 0 0 0 .46-.403zM120.085 46c0-.403.555-.578.82-.269c2.046 2.396 5.454 4.138 10.003 4.138c10.036 0 15.71-8.051 15.71-17.733c0-9.753-5.674-17.805-15.71-17.805c-4.634 0-8.289 1.706-10.604 4.523c-.25.309-.806.134-.806-.269v-3.067a.403.403 0 0 0-.403-.403h-6.363a.403.403 0 0 0-.403.403V62.29c0 .224.179.403.403.403h6.954a.4.4 0 0 0 .403-.403V46zm-.26-13.869c0-6.282 3.583-11.06 9.516-11.06c5.866 0 9.52 4.778 9.52 11.06c0 6.09-3.654 10.864-9.52 10.864c-5.929 0-9.516-4.778-9.516-10.864"/></svg>

How to use the Productboard icon

React

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

<Icon icon="logos:productboard" width="24" />

Vue

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

<template>
  <Icon icon="logos:productboard" width="24" />
</template>

Svelte

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

<Icon icon="logos:productboard" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:productboard"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/productboard.svg" alt="Productboard icon" width="24" height="24">

Related icons in SVG Logos

Productboard icon in other icon sets

Productboard icon FAQ

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

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

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

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

Browse all SVG Logos icons →