Technical Communication Suite アイコン
thesvg-color:technical-communication-suite
Technical Communication Suite アイコン(thesvg-color:technical-communication-suite)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 32 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- technicalcommunication、communicationsuite、technicalcommunicationsuite
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="url(#SVGsaxxcdVv)" d="M30.656 1.33H1.308v28.599h29.348z"/><path fill="#dcdcdc" fill-rule="evenodd" d="M0 0v31.2l31.973-.004L32 0zm1.308 1.33h29.348l-.016 28.599H1.307z" clip-rule="evenodd"/><path fill="#dcdcdc" fill-rule="evenodd" d="M17.435 21.338c-.079-.06-.119-.139-.119-.259v-1.907c0-.06.08-.12.159-.06c.894.617 1.94.895 2.933.895c1.45 0 2.047-.756 2.047-1.61c0-.755-.377-1.37-1.768-2.184l-.716-.377c-2.046-1.154-2.642-2.325-2.642-3.815c0-2.027 1.411-3.656 4.073-3.656c1.171 0 1.965.179 2.462.457c.099.04.119.1.119.22v1.787c0 .079-.08.139-.159.079c-.616-.397-1.45-.596-2.383-.596c-1.529 0-2.026.874-2.026 1.57c0 .755.377 1.311 1.748 2.066l.636.337c2.265 1.252 2.841 2.464 2.841 3.953c0 2.205-1.61 3.736-4.232 3.736c-1.172 0-2.237-.219-2.973-.636m-6.785-10.81H7.312c-.1 0-.135-.058-.115-.176l.24-1.686c.018-.098.058-.138.158-.138h8.344c.118 0 .158.04.178.158l.16 1.683c.02.119-.04.159-.14.159h-3.354v11.191c0 .099-.04.141-.159.141h-1.816c-.119 0-.159-.04-.159-.158z" clip-rule="evenodd"/></g><defs><radialGradient id="SVGsaxxcdVv" cx="0" cy="0" r="1" gradientTransform="translate(13.009 10.856)scale(19.1526)" gradientUnits="userSpaceOnUse"><stop stop-color="#111" stop-opacity=".85"/><stop offset=".767" stop-color="#0a0a0a"/></radialGradient><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Technical Communication Suite アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:technical-communication-suite" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:technical-communication-suite" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:technical-communication-suite" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--technical-communication-suite]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:technical-communication-suite"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:technical-communication-suite"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/technical-communication-suite.svg" alt="Technical Communication Suite アイコン" width="24" height="24">Technical Communication Suite アイコン のよくある質問
Technical Communication Suite アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Technical Communication Suite アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:technical-communication-suite" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Technical Communication Suite アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/technical-communication-suite.svg" alt="Technical Communication Suite アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。