Vaultwarden icon
cbi:vaultwarden
The Vaultwarden icon (cbi:vaultwarden) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.103 21.706h-.237q-.27-.397-.534-.797c-.141-.216-.29-.235-.469-.041c-.166.179-.333.36-.512.529c-.213.201-.4.169-.524-.096c-.082-.173-.143-.354-.212-.532c-.177-.453-.248-.472-.664-.18c-.139.097-.274.2-.417.289c-.297.182-.461.121-.537-.205c-.055-.234-.086-.474-.135-.71c-.046-.223-.17-.3-.397-.194q-.319.15-.648.278c-.333.131-.473.045-.48-.296c-.004-.241.01-.483.01-.725c0-.232-.128-.323-.358-.273c-.243.055-.482.123-.724.175c-.283.061-.46-.108-.403-.384c.037-.173.09-.343.133-.516c.121-.483.075-.54-.425-.533c-.185.003-.369.014-.552.009c-.347-.009-.441-.151-.31-.469c.078-.188.174-.37.258-.556c.139-.31.073-.431-.278-.495c-.194-.035-.391-.048-.584-.084c-.381-.07-.452-.242-.232-.56q.188-.269.39-.527c.161-.211.094-.353-.14-.442c-.219-.084-.445-.151-.662-.242c-.321-.133-.36-.31-.121-.549c.137-.136.289-.259.433-.389c.336-.307.328-.369-.075-.615L2 12.153v-.306q.367-.219.732-.442c.355-.219.364-.297.069-.569c-.133-.124-.274-.239-.405-.363c-.318-.297-.281-.466.139-.63c.194-.075.394-.139.588-.214c.233-.091.3-.232.138-.443c-.142-.183-.285-.366-.413-.558q-.279-.421.219-.523c.205-.041.416-.052.622-.089c.351-.063.416-.185.276-.496c-.09-.198-.195-.39-.276-.59c-.105-.264-.014-.426.292-.433q.335-.007.67.012c.328.018.478-.087.369-.426a6 6 0 0 1-.158-.628c-.058-.274.122-.443.404-.382c.243.052.482.119.725.174c.231.051.356-.042.356-.274c0-.242-.014-.483-.01-.725c.008-.34.148-.426.481-.294q.311.121.61.265c.261.127.397.039.446-.219c.042-.226.072-.453.124-.675c.074-.323.24-.383.538-.201c.154.095.299.205.449.309c.375.261.455.24.614-.168c.075-.19.142-.384.228-.568c.124-.264.311-.295.524-.094c.178.169.346.349.512.529c.179.192.328.177.469-.04q.264-.401.534-.798h.237c.186.26.38.515.557.781c.149.224.299.268.492.05c.128-.146.267-.283.402-.421c.339-.345.51-.309.689.146l.226.569c.083.208.227.233.404.118c.207-.136.401-.29.611-.42c.277-.174.477-.094.544.22c.049.224.07.452.11.677c.042.247.177.324.419.212q.319-.149.648-.277c.311-.121.487-.016.493.307c.003.228-.031.457-.043.686c-.013.25.115.356.366.305c.23-.048.458-.11.688-.162c.331-.075.476.049.424.382c-.036.225-.106.445-.16.666c-.064.264.036.389.322.376c.236-.011.473-.018.71-.012q.479.012.305.447c-.076.19-.172.372-.257.557c-.155.341-.1.447.277.515c.206.037.419.047.623.091c.31.067.386.242.217.499a8 8 0 0 1-.41.56c-.177.224-.115.372.139.467c.219.082.446.152.662.244c.292.125.333.306.117.531a8 8 0 0 1-.514.474c-.212.183-.203.338.04.482c.201.118.408.231.6.365q.391.271.002.541c-.202.14-.419.26-.63.389c-.207.126-.215.271-.044.432c.181.166.37.324.542.499c.219.224.181.407-.11.532c-.215.093-.441.161-.661.245c-.248.094-.326.237-.146.465q.217.271.411.56c.17.257.097.432-.212.502c-.204.044-.416.054-.623.091c-.38.068-.436.173-.281.512c.085.186.181.367.257.556q.175.437-.302.451c-.209.006-.421-.008-.631-.009c-.415-.004-.475.064-.386.444c.044.185.104.367.139.554c.067.366-.081.495-.454.408q-.326-.077-.653-.146c-.252-.053-.379.051-.367.301c.011.228.045.457.042.686c-.005.324-.18.431-.491.31q-.328-.127-.648-.278c-.241-.113-.376-.034-.42.21c-.041.224-.061.453-.11.677c-.067.315-.266.396-.544.223c-.199-.123-.385-.264-.577-.399c-.209-.146-.36-.118-.453.129c-.085.226-.167.455-.273.672c-.137.286-.313.314-.546.093a8 8 0 0 1-.483-.504c-.194-.218-.343-.174-.492.05c-.178.265-.371.521-.557.781M8.071 5.648l3.903 10.225l3.692-10.157c-.667-.238-1.279-.457-1.892-.67a.59.59 0 0 0-.727.184a6.4 6.4 0 0 1-.647.612a.563.563 0 0 1-.891-.004c-.259-.236-.499-.489-.766-.716a.46.46 0 0 0-.336-.116c-.757.194-1.507.41-2.336.642m6.091 13.022c.73-.014.984-.425 1.031-1.027a3 3 0 0 1 .107-.484c.121-.449.338-.58.81-.487a7 7 0 0 1 .766.172a.5.5 0 0 0 .583-.17a6.14 6.14 0 0 0 1.82-5.235a.46.46 0 0 0-.229-.294c-.337-.169-.695-.298-1.038-.456a.53.53 0 0 1-.313-.808c.182-.42.385-.834.559-1.258a1.2 1.2 0 0 0 .026-.381l-.134-.018Zm-4.392-.017L5.848 8.375l-.101.023a2.4 2.4 0 0 0 .079.46c.122.322.272.633.407.949c.192.45.105.669-.358.879a8 8 0 0 1-.794.332a.51.51 0 0 0-.395.569a8.06 8.06 0 0 0 1.909 5.093a.55.55 0 0 0 .421.129c.298-.027.59-.114.887-.162c.446-.07.638.058.735.473a3.7 3.7 0 0 1 .143.67c.026.571.388.78.99.863m-4.297-8.85a.588.588 0 1 0-.595.58a.593.593 0 0 0 .595-.58m2.108 8.699a.58.58 0 0 0 .574-.595a.587.587 0 0 0-.58-.555a.606.606 0 0 0-.602.579a.597.597 0 0 0 .608.571m12.065-8.663a.588.588 0 0 0-1.176-.011a.55.55 0 0 0 .562.566a.563.563 0 0 0 .614-.556m-3.849 8.093a.53.53 0 0 0 .53.585a.584.584 0 0 0 .641-.535a.62.62 0 0 0-.589-.605a.57.57 0 0 0-.581.555M11.98 4.01a.584.584 0 0 0-.591.58a.556.556 0 0 0 .558.561a.593.593 0 0 0 .625-.547a.62.62 0 0 0-.593-.593"/></svg>How to use the Vaultwarden icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:vaultwarden" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:vaultwarden" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:vaultwarden" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--vaultwarden]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:vaultwarden"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:vaultwarden"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/vaultwarden.svg" alt="Vaultwarden icon" width="24" height="24">Vaultwarden icon in other icon sets
Vaultwarden icon FAQ
Is the Vaultwarden icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Vaultwarden icon in React?
Install @iconify/react and render <Icon icon="cbi:vaultwarden" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vaultwarden icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/vaultwarden.svg" alt="Vaultwarden icon">, or paste the SVG code inline to style it with CSS.