Adobe Indesign アイコン
cib:adobe-indesign
Adobe Indesign アイコン(cib:adobe-indesign)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
- タグ
- adobeindesign
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M0 .401v31.197h32V.401zm1.333 1.334h29.333v28.531H1.333zm10.364 20.292c0 .129-.02.171-.171.171H9.473c-.129 0-.171-.061-.171-.171V7.708c0-.129.061-.177.171-.177h2.073c.109 0 .151.048.151.157zm2.366-5.167c0-3.188 2.099-5.672 5.468-5.672c.281 0 .439 0 .704.015V7.667a.13.13 0 0 1 .129-.136h2.167c.115 0 .136.048.136.115v12.475c0 .369 0 .833.068 1.339c0 .088-.027.109-.115.156a8.2 8.2 0 0 1-3.5.792c-2.953 0-5.063-1.828-5.063-5.547zm6.172-3.496q-.3-.133-.792-.135c-1.713 0-2.916 1.317-2.916 3.52c0 2.511 1.223 3.521 2.765 3.521c.328 0 .681-.041.943-.156z"/></svg>
Adobe Indesign アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:adobe-indesign" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:adobe-indesign" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:adobe-indesign" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--adobe-indesign]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:adobe-indesign"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:adobe-indesign"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/adobe-indesign.svg" alt="Adobe Indesign アイコン" width="24" height="24">
他のアイコンセットの Adobe Indesign アイコン
Adobe Indesign アイコン のよくある質問
Adobe Indesign アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Adobe Indesign アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:adobe-indesign" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Adobe Indesign アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/adobe-indesign.svg" alt="Adobe Indesign アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
