Zdfinfo icon

cbi:zdfinfo

The Zdfinfo icon (cbi:zdfinfo) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.458 14.909a.75.75 0 0 1-.525-.476c-.03-.081-.033-.127-.038-.58l-.006-.492l-.519-.52l-.518-.519h1.039v-1.279c0-.849.006-1.31.016-1.372a.75.75 0 0 1 .575-.583c.058-.012 1.334-.017 4.468-.017c4.802 0 4.487-.006 4.666.09c.101.055.24.193.294.294c.093.174.09.07.09 2.545s.003 2.372-.09 2.546a.9.9 0 0 1-.294.294c-.179.096.137.09-4.679.088c-3.466 0-4.415-.005-4.479-.02Zm1.699-.978v-.266h-.313v-1.859h-1v.532h.328v1.327h-.328v.532h1.313Zm1.468 0v-.266h-.25v-1.233l.062-.032c.153-.077.484-.102.603-.046c.083.041.085.05.085.706v.605h-.25v.532h1.234v-.532h-.327v-.703c0-.584-.005-.723-.025-.812c-.061-.267-.243-.353-.724-.342c-.203.005-.218.008-.315.056a2 2 0 0 0-.218.144l-.117.094l-.004-.149l-.004-.147h-.968v.516h.313v1.343h-.328v.532h1.234Zm3.017 0v-.263l-.169-.005l-.168-.004l-.004-.661l-.004-.66h.453v-.531h-.458l.01-.127c.015-.185.015-.185.27-.185h.209v-.5h-.374c-.442 0-.504.013-.625.138c-.103.105-.125.188-.125.457v.217h-.329v.531h.329v1.329h-.329v.531h1.313v-.265Zm2.039.24c.1-.033.249-.183.308-.306c.093-.192.098-.232.098-.863c0-.502-.004-.592-.028-.677a.8.8 0 0 0-.208-.373c-.147-.149-.145-.149-.877-.143l-.607.005l-.078.042c-.152.08-.276.258-.332.477c-.04.158-.04 1.18 0 1.337c.065.257.225.458.405.508c.029.01.316.017.647.017c.517.002.605-.001.672-.024m-1.013-.533a.4.4 0 0 1-.05-.112c-.033-.117-.036-.933-.001-1.062c.039-.146.029-.142.392-.142h.317l.031.039c.054.068.065.177.065.633c0 .454-.011.564-.065.632l-.031.039h-.317c-.282 0-.319-.003-.342-.027Zm-5.84-2.425v-.282h-.687v.562h.687ZM2.001 13.88l.001-.3l.936-.988a78 78 0 0 0 .937-.997a9 9 0 0 0-.516-.008h-.516v.578h-.75v-1.234h2.876l-.001.317l-.001.316l-.928.976a63 63 0 0 0-.928.988c-.001.007.251.012.561.012h.563v-.641h.733v1.282H2Zm4.085.291c-.436-.028-.625-.222-.723-.74c-.023-.128-.027-.243-.026-.852c0-.6.004-.725.027-.858c.083-.471.244-.681.579-.754c.155-.034.705-.034.866 0c.138.03.263.095.405.21l.125.102c.017.012.02-.066.02-.377v-.393h-.422v-.687H8.25v3.671h.437v.688H7.359v-.203c0-.112-.004-.204-.009-.204a1 1 0 0 0-.098.081a1.5 1.5 0 0 1-.391.264c-.117.045-.487.069-.775.051Zm1.041-.715c.08-.021.165-.045.19-.054l.042-.017v-1.626l-.077-.039c-.142-.072-.234-.086-.547-.086a2.5 2.5 0 0 0-.347.017c-.068.018-.144.1-.171.182s-.039 1.283-.014 1.401c.021.102.092.207.161.237c.037.016.128.022.333.022c.25 0 .3-.005.43-.037m1.919.389v-.336h.422v-1.875h-.437v-.703h.433l.008-.3c.005-.26.01-.314.04-.395a.58.58 0 0 1 .378-.37c.092-.03.147-.033.59-.041l.488-.007v.675h-.256c-.27 0-.342.014-.372.069a.8.8 0 0 0-.025.201l-.007.168h.614v.703h-.61v1.875h.469v.672H9.047Z"/></svg>

How to use the Zdfinfo icon

React

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

<Icon icon="cbi:zdfinfo" width="24" />

Vue

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

<template>
  <Icon icon="cbi:zdfinfo" width="24" />
</template>

Svelte

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

<Icon icon="cbi:zdfinfo" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:zdfinfo"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/zdfinfo.svg" alt="Zdfinfo icon" width="24" height="24">

Zdfinfo icon FAQ

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

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

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

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

Browse all Custom Brand Icons →