Prott icon

logos:prott

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="197" viewBox="0 0 512 197"><path fill="#3e3e3e" d="M0 180.243v-37.531c0-8.761 7.732-15.807 17.277-15.807h35.326c23.679 0 29.915-22.631 29.915-34.584c0-9.178-2.897-17.767-7.903-23.649c-5.3-6.095-12.461-9.067-22.019-9.067h-35.32C7.733 59.611 0 52.547 0 43.817c0-8.712 7.732-15.806 17.277-15.806h35.326c19.923 0 37.36 7.486 49.092 21.112c9.876 11.456 15.328 26.816 15.328 43.192c0 32.072-22.558 66.191-64.427 66.191H34.517v21.73c0 8.713-7.72 15.807-17.24 15.807C7.732 196.05 0 188.955 0 180.243M194.028 27.998c-11.028 0-20.328 3.37-26.222 9.35c-.368-5.943-7.137-9.056-13.815-9.056c-7.23 0-15.01 3.584-15.01 11.445l-1.103 103.11c0 3.737 1.666 6.886 4.821 9.11c2.715 1.911 6.33 2.965 10.17 2.965c6.96 0 14.46-3.664 14.46-11.702l1.09-61.253c0-16.321 10.372-27.71 25.223-27.71c1.776 0 3.602.159 5.55.502c8.002.778 12.584-6.047 12.909-12.743c.294-6.268-3.186-12.927-11.58-13.62a53 53 0 0 0-6.493-.404zM343.76 91.126c0 17.302-6.187 33.188-17.399 44.742c-11.395 11.72-27.294 18.178-44.767 18.178s-33.37-6.458-44.766-18.178c-11.23-11.554-17.412-27.447-17.412-44.742c.012-35.987 26.749-63.128 62.197-63.128c35.436 0 62.16 25.523 62.16 63.122zm-95.084.092c0 19.532 14.46 34.817 32.912 34.817c18.46 0 32.918-15.28 32.918-34.81c0-19.728-14.458-35.198-32.918-35.198c-18.453 0-32.912 15.464-32.912 35.197zm262.976 43.266c-1.176-5.104-5.024-8.406-9.79-8.406c-.705 0-1.41.061-2.206.22c-2.793.675-5.268 1.018-7.333 1.018c-5.594 0-8.197-2.39-8.197-7.536V59.103h14.489c7.021 0 10.219-6.666 10.219-12.854c0-6.2-3.198-12.865-10.219-12.865h-14.49V11.426C484.133 3.584 476.383 0 469.172 0c-7.205 0-14.949 3.578-14.949 11.426v21.951h-54.771V11.426C399.463 3.584 391.713 0 384.5 0c-7.204 0-14.948 3.578-14.948 11.426v21.951h-8.834c-3.125 0-5.686 1.41-7.413 4.062c-1.428 2.181-2.218 5.147-2.218 8.332c0 6.617 3.308 13.332 9.63 13.332h8.823v67.955c0 16.646 10.568 26.988 27.57 26.988c7.106 0 14.875-1.777 23.096-5.257c6.292-2.757 7.928-9.349 6.789-14.305c-1.189-5.104-5.036-8.406-9.803-8.406c-.692 0-1.409.061-2.193.22c-2.806.675-5.269 1.018-7.352 1.018c-5.587 0-8.185-2.39-8.185-7.536V59.103h54.753v67.955c0 16.646 10.556 26.988 27.57 26.988c7.106 0 14.862-1.777 23.078-5.257c6.298-2.757 7.94-9.349 6.8-14.305z"/></svg>

How to use the Prott icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Prott icon FAQ

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

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

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

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

Browse all SVG Logos icons →