Indesign アイコン
thesvg-color:indesign
Indesign アイコン(thesvg-color:indesign)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 83 × 80 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 83 × 80
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="83" height="80" viewBox="0 0 83 80"><g fill="none"><g clip-path="url(#SVGRJNxRbwH)"><path fill="#49021f" d="M67.521 0H14.53C6.505 0 0 6.505 0 14.53v50.94C0 73.495 6.505 80 14.53 80h52.99c8.025 0 14.53-6.505 14.53-14.53V14.53C82.051 6.505 75.546 0 67.521 0"/><path fill="#f36" d="M29.798 20.929V55.99q0 .55-.496.55h-6.66q-.44 0-.44-.55V20.929q0-.44.495-.44h6.66a.39.39 0 0 1 .44.44m19.706 36.163a17.05 17.05 0 0 1-7.348-1.541a11.7 11.7 0 0 1-5.147-4.651q-1.871-3.11-1.871-7.789a14.4 14.4 0 0 1 1.871-7.21a13.74 13.74 0 0 1 5.45-5.285q3.577-1.98 8.641-1.981q.275 0 .716.027q.44.03 1.046.083V17.9q0-.384.33-.385h6.935a.29.29 0 0 1 .33.33v32.53q0 .938.083 2.037q.083 1.102.138 1.982a.57.57 0 0 1-.33.55c-1.79.746-3.653 1.3-5.56 1.651a30 30 0 0 1-5.284.496m3.358-6.825V35.24a5.5 5.5 0 0 0-.908-.165a11 11 0 0 0-1.129-.055a8.5 8.5 0 0 0-3.853.88a7.5 7.5 0 0 0-2.89 2.532q-1.128 1.651-1.128 4.349c-.027 1.2.17 2.394.578 3.522c.333.91.858 1.736 1.541 2.422a5.9 5.9 0 0 0 2.312 1.376a9 9 0 0 0 2.835.44q.77 0 1.43-.054c.41-.031.817-.105 1.212-.22"/></g><defs><clipPath id="SVGRJNxRbwH"><path fill="#fff" d="M0 0h82.051v80H0z"/></clipPath></defs></g></svg>Indesign アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:indesign" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:indesign" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:indesign" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--indesign]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:indesign"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:indesign"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/indesign.svg" alt="Indesign アイコン" width="24" height="24">theSVG Color の関連アイコン
Indesign アイコン のよくある質問
Indesign アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Indesign アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:indesign" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Indesign アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/indesign.svg" alt="Indesign アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。