Unifi アイコン
cbi:unifi
Unifi アイコン(cbi:unifi)は、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="M11.82 8.845c-.507.702-.725 1.499-.821 2.104H9.935c.097-.725.362-1.764 1.04-2.708c.87-1.233 2.49-2.225 5.101-2.152l-.217 1.04c-2.225 0-3.362.797-4.038 1.716m3.869-.919l-.217 1.065c-1.161.072-1.765.556-2.153 1.064c-.216.29-.338.605-.435.918h-1.064c.097-.459.291-.991.654-1.522c.556-.824 1.62-1.476 3.215-1.524m-1.935 3.047c.072-.145.122-.217.217-.362c.243-.363.629-.653 1.283-.702l-.243 1.064Zm7.375-1.063s.847.193.87 1.064h-1.112Zm-14.29.024h1.257l-1.185 5.512c-.386 1.814-1.426 2.468-2.925 2.468c-1.524 0-2.274-.654-1.886-2.468L3.285 9.91h1.257l-1.207 5.634c-.218.991.096 1.426.846 1.426s1.233-.435 1.45-1.426L6.84 9.91Zm4.473 1.764c.895 0 1.378.412 1.112 1.621l-.943 4.449h-1.185l.872-4.063c.145-.774 0-1.064-.604-1.064c-.484 0-1.017.387-1.186 1.161l-.821 3.941H7.372l1.257-5.9h1.112l-.145.702h.024a2.15 2.15 0 0 1 1.693-.847m2.345.145h1.185l-1.257 5.924h-1.185Zm3.096 1.305h2.755l-.216 1.04h-2.758l-.773 3.579h-1.257l1.692-7.858h4.014l-.242 1.063h-2.756Zm2.708 4.619l1.233-5.924h1.209l-1.258 5.924Z"/></svg>Unifi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:unifi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:unifi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:unifi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--unifi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:unifi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:unifi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/unifi.svg" alt="Unifi アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
Unifi アイコン のよくある質問
Unifi アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Unifi アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:unifi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Unifi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/unifi.svg" alt="Unifi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。