Postgraphile icon

logos:postgraphile

The Postgraphile icon (logos:postgraphile) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 247 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 × 247

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="247" viewBox="0 0 256 247"><path fill="#468bcc" d="M16.696 131.339L0 74.574L52.313 0L153.6 131.339z"/><path fill="#4ba8ff" d="M0 74.574L52.313 0L128 23.374l25.6 107.965z"/><path fill="#468bcc" d="M52.313 0L128 23.374L203.687 0L153.6 131.339z"/><path fill="#468bcc" d="M128 23.374L203.687 0L256 74.574l-102.4 56.765z"/><path fill="#4ba8ff" d="M203.687 0L256 74.574l-16.696 56.765H153.6z"/><path fill="#468bcc" d="m256 74.574l-16.696 56.765L128 229.287l25.6-97.948z"/><path fill="#468bcc" d="M239.304 131.339L128 229.287L16.696 131.339H153.6z"/><path fill="#468bcc" d="M128 229.287L16.696 131.339L0 74.574l153.6 56.765z"/><path fill="#468bcc" d="M16.696 131.339L0 74.574l153.6 56.765z"/><path fill="#fff" d="m77.913 159.165l18.922 12.244l-30.052 23.374z"/><path fill="#082744" d="m77.063 158.9l-11.13 35.617c-.26.833.708 1.504 1.396.968l30.052-23.373a.89.89 0 0 0-.062-1.45l-18.922-12.244a.89.89 0 0 0-1.334.482m1.35 1.65L95.3 171.474l-26.82 20.86z"/><path fill="#fff" d="m178.087 159.165l-18.922 12.244l30.052 23.374z"/><path fill="#082744" d="m177.603 158.418l-18.922 12.243a.89.89 0 0 0-.062 1.45l30.052 23.374c.688.536 1.656-.135 1.396-.968l-11.13-35.617a.89.89 0 0 0-1.334-.482m-.016 2.131l9.932 31.785l-26.818-20.859z"/><path fill="#4ba8ff" d="m66.783 61.217l36.73-45.412h48.974L128 94.609z"/><path fill="#468bcc" d="M103.513 15.805h48.974l36.73 45.412L128 94.609z"/><path fill="#166ebf" d="m152.487 15.805l36.73 45.412v94.609L128 94.609z"/><path fill="#0b457f" d="M189.217 61.217v94.609l-36.73 24.487L128 94.609z"/><path fill="#0c3861" d="m189.217 155.826l-36.73 24.487L128 245.983V94.609z"/><path fill="#166ebf" d="M152.487 180.313v53.426L128 245.983l-24.487-65.67L128 94.609z"/><path fill="#4ba8ff" d="m128 245.983l-24.487-12.244v-53.426l-36.73-24.487L128 94.609z"/><path fill="#166ebf" d="m103.513 180.313l-36.73-24.487V61.217L128 94.609z"/><path fill="#468bcc" d="M66.783 155.826V61.217L128 94.609z"/><path fill="#082744" d="M152.487 14.915h-48.974a.89.89 0 0 0-.692.33L66.09 60.657a.9.9 0 0 0-.199.56v94.61l.002.051a.89.89 0 0 0 .395.689l36.334 24.223v52.95c0 .336.19.645.492.796l24.487 12.243a.89.89 0 0 0 .796 0l24.487-12.243l.043-.023a.89.89 0 0 0 .45-.774v-52.95l36.333-24.222a.89.89 0 0 0 .397-.74v-94.61a.9.9 0 0 0-.198-.56l-36.73-45.412a.89.89 0 0 0-.693-.33m-.425 1.78l36.265 44.838v93.816l-36.334 24.223l-.043.03a.89.89 0 0 0-.353.711v52.876L128 244.987l-23.597-11.798v-52.876l-.001-.052a.89.89 0 0 0-.395-.689L67.673 155.35V61.532l36.265-44.836z"/><path fill="#fff" d="m80.139 86.817l28.939 8.905l-28.939 11.13zm95.722 0l-28.939 8.905l28.939 11.13z"/></svg>

How to use the Postgraphile icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Postgraphile icon FAQ

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

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

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

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

Browse all SVG Logos icons →