Passbolt icon

logos:passbolt

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="90" viewBox="0 0 512 90"><path fill="#d40000" d="m476.27 5.665l.118.002l.328.015a7.75 7.75 0 0 1 4.478 1.819l.25.221l.239.23l28.176 28.305c2.823 2.835 2.848 7.264.113 10.18l-.19.196l-.196.188l-29.213 27.076c-2.955 2.74-7.508 2.823-10.492.233l-.206-.185l-.197-.192l-16.323-16.387a.5.5 0 0 1 .075-.767c3.446-2.314 5.953-5.768 7.04-9.733l.103-.398l.098-.418a.5.5 0 0 1 .401-.378l.086-.008h12.177a.5.5 0 0 1 .491.41l.008.09v4.728a2.8 2.8 0 0 0 2.463 2.785l.168.014l.174.005h5.991a2.8 2.8 0 0 0 2.785-2.462l.014-.168l.005-.174v-4.728a.5.5 0 0 1 .41-.492l.09-.008h2.137a2.82 2.82 0 0 0 2.818-2.494l.014-.171l.005-.171v-3.11c0-1.468-1.089-2.685-2.496-2.849l-.17-.014l-.17-.005H460.31a.5.5 0 0 1-.469-.327c-1.437-3.902-4.287-7.168-7.98-9.186l-.372-.198l-.374-.188a.5.5 0 0 1-.178-.744l.062-.068l19.789-18.331a7.94 7.94 0 0 1 4.77-2.107l.334-.024l.26-.011zm-33.059 28.29c4.785 0 8.668 3.805 8.668 8.506c0 4.7-3.883 8.506-8.668 8.506s-8.668-3.806-8.668-8.506s3.883-8.507 8.668-8.507"/><path d="M26.543 18.904q11.99 0 18.711 7.06q6.72 7.058 6.72 19.677q0 5.174-1.402 9.524a25 25 0 0 1-4.254 7.881q-3.385 4.304-8.123 6.189q-4.738 1.837-12.57 1.837H13.779v18.904H0V18.904zm299.131-.918q12.57 0 20.065 7.397q7.542 7.349 7.542 19.63t-7.494 19.629q-7.446 7.3-20.113 7.3t-20.21-7.349t-7.542-19.58q0-12.281 7.543-19.63q7.541-7.398 20.21-7.397m-235.94.918q10.685 0 16.1 4.932q5.415 4.883 5.415 14.553v32.683H74.215q-7.785 0-11.99-3.916q-4.16-3.917-4.159-11.12q0-8.897 4.787-12.764q4.834-3.868 16.003-3.868h18.13v-1.306q0-4.641-2.755-6.527q-2.708-1.885-9.718-1.885H61.499V18.904zm79.872 0v10.879h-24.32q-5.946 0-7.735 1.063q-1.79 1.016-1.789 3.675q0 2.417 1.547 3.577q1.596 1.113 4.98 1.113h12.474q8.557 0 13.054 4.012q4.496 3.966 4.496 11.507q0 7.252-4.013 11.797q-3.965 4.545-10.25 4.545h-35.584V60.194h29.058q3.868 0 5.608-1.209q1.79-1.209 1.789-3.868q0-2.66-1.789-3.868q-1.79-1.257-5.608-1.257H139.63q-10.589 0-14.311-3.24q-3.723-3.238-3.723-11.506q0-8.412 4.496-12.377t13.925-3.965zm58.791 0v10.879h-24.319q-5.947 0-7.735 1.063q-1.79 1.016-1.79 3.675q0 2.417 1.548 3.577q1.595 1.113 4.98 1.113h12.474q8.557 0 13.054 4.012q4.496 3.966 4.496 11.507q0 7.252-4.013 11.797q-3.965 4.545-10.25 4.545h-35.584V60.194h29.057q3.868 0 5.609-1.209q1.788-1.209 1.788-3.868q0-2.66-1.788-3.868q-1.79-1.257-5.609-1.257h-11.893q-10.59 0-14.312-3.24q-3.722-3.238-3.722-11.506q0-8.412 4.496-12.377t13.924-3.965zM254.747 0v18.904h11.846q7.832 0 12.57 1.886q4.738 1.837 8.123 6.14a24.8 24.8 0 0 1 4.254 7.93q1.402 4.303 1.402 9.475q0 12.57-6.72 19.678q-6.72 7.06-18.71 7.06h-26.544V0zm121.161 0v71.072h-14.36V0zm30.073 0v18.904h14.553V29.3H405.98v21.08q0 5.803 1.982 8.074q1.983 2.224 6.914 2.224h5.657v10.395h-12.57q-7.64 0-11.701-4.206q-4.062-4.255-4.061-12.136V29.3h-9.718V18.903h9.718V0zm-80.403 29.3q-6.189 0-9.718 4.157q-3.481 4.158-3.481 11.555q0 7.446 3.48 11.604t9.719 4.158q6.188 0 9.718-4.158t3.529-11.604t-3.53-11.555q-3.48-4.158-9.717-4.158M97.083 49.798H80.838q-4.835 0-6.672 1.305T72.33 55.65q0 2.755 1.45 3.868q1.5 1.063 6.044 1.063h17.26zm-73.827-19.63h-9.477v29.735h8.413q8.364 0 11.845-3.53t3.481-11.748q0-7.93-3.19-11.169q-3.192-3.288-11.072-3.288m239.904 0h-8.413v29.735h9.477q7.88 0 11.071-3.288q3.192-3.337 3.191-11.265q0-8.17-3.53-11.652q-3.48-3.53-11.796-3.53"/></svg>

How to use the Passbolt icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Passbolt icon in other icon sets

Passbolt icon FAQ

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

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

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

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

Browse all SVG Logos icons →