Connectdevelop アイコン
fa:connectdevelop
Connectdevelop アイコン(fa:connectdevelop)は、Font Awesome 4 セットの無料 SVG アイコンです（作者: Dave Gandy）。 2048 × 1792 のグリッドで描かれています。 Font Awesome 4 icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 4
- 作者
- Dave Gandy
- ライセンス
- OFL-1.1
- サイズ
- 2048 × 1792
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="1792" viewBox="0 0 2048 1792"><path fill="currentColor" d="M2048 895q0 21-13 36.5t-33 19.5l-205 356q3 9 3 18q0 20-12.5 35.5T1755 1380l-193 337q3 8 3 16q0 23-16.5 40t-40.5 17q-25 0-41-18h-400q-17 20-43 20t-43-20H582q-17 20-43 20q-23 0-40-16.5t-17-40.5q0-8 4-20l-193-335q-20-4-32.5-19.5T248 1325q0-9 3-18L45 951q-20-5-32.5-20.5T0 895q0-21 13.5-36.5T47 839l199-344q0-1-.5-3t-.5-3q0-36 34-51L488 75q-4-10-4-18q0-24 17-40.5T541 0q26 0 44 21h396q16-21 43-21t43 21h398q18-21 44-21q23 0 40 16.5t17 40.5q0 6-4 18l207 358q23 1 39 17.5t16 38.5q0 13-7 27l187 324q19 4 31.5 19.5T2048 895m-985 799h389l-342-354H967l-342 354h360q18-16 39-16t39 16M112 882q1 4 1 13q0 10-2 15l208 360l15 6l188-199V730L335 536q-13 8-29 10zM986 98H598l190 200l554-200h-280q-16 16-38 16t-38-16m703 1212q1-6 5-11l-64-68l-17 79zm-106 0l22-105l-252-266l-296 307l63 64zm-88 368l16-28l65-310h-427l333 343q8-4 13-5m-917 16h5l342-354H552v335l4 6q14 5 22 13m-26-384h402l64-66l-309-321l-157 166zm-193 0h163v-189l-168 177q4 8 5 12m-1-825q0 1 .5 2t.5 2q0 16-8 29l171 177V426zm194-70v311l153 157l297-314l-223-236zm4-304l-4 8v264l205-74l-191-201q-6 2-10 3m891-13h-16L810 322l213 225zm-424 492L726 905l311 319l296-307zM688 902L552 761v284zm350 364l-42 44h85zm336-348l238 251l132-624l-3-5l-1-1zm344-400q-8-13-8-29v-2l-216-376q-5-1-13-5l-437 463l310 327zM522 394V171L359 453zm0 946H359l163 283zm1085 0l-48 227l130-227zm122-70l207-361q-2-10-2-14q0-1 3-16l-171-296l-129 612l77 82q5-3 15-7"/></svg>Connectdevelop アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa:connectdevelop" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa:connectdevelop" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa:connectdevelop" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--connectdevelop]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:connectdevelop"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa:connectdevelop"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa/connectdevelop.svg" alt="Connectdevelop アイコン" width="24" height="24">他のアイコンセットの Connectdevelop アイコン
Connectdevelop アイコン のよくある質問
Connectdevelop アイコンは商用利用でも無料ですか?
はい。Font Awesome 4 icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Connectdevelop アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa:connectdevelop" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Connectdevelop アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa/connectdevelop.svg" alt="Connectdevelop アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。