Truenas Logo icon
cbi:truenas-logo
The Truenas Logo icon (cbi:truenas-logo) 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
- Tags
- truenaslogo, truena
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.94 4.614v-.235h-.038l-.04-.311h-.038V3.95h-.04l-.039-.194h-.038l-.04-.156h-.039v-.079l-.078-.038l-.038-.156l-.078-.04V3.21l-.156-.118v-.078l-.079-.039l-.234-.273h-.077l-.116-.156h-.079l-.038-.077l-.156-.04l-.04-.077h-.077v-.04l-.157-.039v-.04l-.195-.038v-.039h-.117v-.039l-.311-.04V2.04h-.195V2H4.594c-.097.087-.25.032-.39.079v.038l-.232.039v.039h-.08v.038h-.117v.04l-.156.039v.04h-.078l-.039.077l-.156.04l-.077.116h-.08l-.078.117h-.077l-.039.079l-.274.233v.078l-.116.079v.077l-.117.079l-.039.156l-.078.038V3.6h-.038l-.039.156h-.04v.117h-.038v.077h-.039v.118h-.041v.117h-.037v.194h-.038v.195H2.02V19.4h.041l.039.389h.038l.04.236h.039l.038.194h.04l.038.155h.039v.08l.078.037l.039.156l.117.079v.078l.116.079v.076l.078.04l.196.234h.077l.117.156l.117.039l.039.078l.156.039l.039.079h.078v.038l.156.039v.04l.196.039v.038h.116v.04l.311.039v.038h.196v.039h13.175a7.4 7.4 0 0 0 1.599-.039h.233v-.038l.312-.039v-.04h.117v-.039l.195-.038v-.04l.157-.039v-.038h.077l.04-.079l.156-.039l.038-.078l.117-.039l.078-.117h.077l.04-.077l.273-.236v-.076l.117-.079v-.078l.117-.079l.039-.154l.077-.039v-.08h.039l.04-.155h.038l.039-.194h.04v-.118h.038l.039-.311h.039v-.234h.04V4.614Zm-9.352.973l6.306 3.791l-.056.073l-2.654 1.578c-.206-.106-.416-.202-.615-.32q-1.355-.81-2.708-1.625l-.273-.216Zm-1.311-.023l.047.192l-.003.27v2.823c-.439.274-.852.534-1.268.788q-1.136.696-2.276 1.385a3 3 0 0 1-.449-.177c-.717-.419-1.429-.847-2.142-1.273l-.293-.221Zm.027 12.562a1.3 1.3 0 0 1-.211-.078q-2.576-1.519-5.15-3.04c-.495-.293-.997-.57-1.496-.855l-.198-.162v-3.233c.24.136.457.257.671.383q2.161 1.271 4.322 2.546q1.038.612 2.071 1.229l.006.206Zm-.14-4.992q-.92-.526-1.845-1.049l-.233-.21c.955-.611 1.918-1.179 2.876-1.755c.867.537 1.717 1.062 2.566 1.593a1 1 0 0 1 .175.181l.002.016c-.698.417-1.397.838-2.099 1.249c-.246.143-.505.263-.757.394c-.227-.14-.453-.286-.685-.419m8.489-2.048v2.862L12.913 18l-.206.121c-.042-.023-.118-.041-.122-.071a1.7 1.7 0 0 1-.009-.306v-2.867l7.042-4.247l.037.185Z"/></svg>How to use the Truenas Logo icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:truenas-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:truenas-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:truenas-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--truenas-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:truenas-logo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:truenas-logo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/truenas-logo.svg" alt="Truenas Logo icon" width="24" height="24">Truenas Logo icon FAQ
Is the Truenas Logo 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 Truenas Logo icon in React?
Install @iconify/react and render <Icon icon="cbi:truenas-logo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Truenas Logo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/truenas-logo.svg" alt="Truenas Logo icon">, or paste the SVG code inline to style it with CSS.