Zdfinfo アイコン
cbi:zdfinfo
Zdfinfo アイコン(cbi:zdfinfo)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
SVG コード
<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>Zdfinfo アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:zdfinfo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/zdfinfo.svg" alt="Zdfinfo アイコン" width="24" height="24">Zdfinfo アイコン のよくある質問
Zdfinfo アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Zdfinfo アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:zdfinfo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zdfinfo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/zdfinfo.svg" alt="Zdfinfo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。