Connectdevelop icon

fa6-brands:connectdevelop

The Connectdevelop icon (fa6-brands:connectdevelop) is a free SVG icon from the Font Awesome 6 Brands set by Dave Gandy. It is drawn on a 576 × 512 grid. Font Awesome 6 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Font Awesome 6 Brands
Author: Dave Gandy
License: CC-BY-4.0
Size: 576 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="576" height="512" viewBox="0 0 576 512"><path fill="currentColor" d="m550.5 241l-50.089-86.786c1.071-2.142 1.875-4.553 1.875-7.232c0-8.036-6.696-14.733-14.732-15.001l-55.447-95.893c.536-1.607 1.071-3.214 1.071-4.821c0-8.571-6.964-15.268-15.268-15.268c-4.821 0-8.839 2.143-11.786 5.625H299.518C296.839 18.143 292.821 16 288 16s-8.839 2.143-11.518 5.625H170.411C167.464 18.143 163.447 16 158.625 16c-8.303 0-15.268 6.696-15.268 15.268c0 1.607.536 3.482 1.072 4.821l-55.983 97.233c-5.356 2.41-9.107 7.5-9.107 13.661c0 .535.268 1.071.268 1.607l-53.304 92.143c-7.232 1.339-12.59 7.5-12.59 15c0 7.232 5.089 13.393 12.054 15l55.179 95.358c-.536 1.607-.804 2.946-.804 4.821c0 7.232 5.089 13.393 12.054 14.732l51.697 89.732c-.536 1.607-1.071 3.482-1.071 5.357c0 8.571 6.964 15.268 15.268 15.268c4.821 0 8.839-2.143 11.518-5.357h106.875C279.161 493.857 283.447 496 288 496s8.839-2.143 11.518-5.357h107.143c2.678 2.946 6.696 4.821 10.982 4.821c8.571 0 15.268-6.964 15.268-15.268c0-1.607-.267-2.946-.803-4.285l51.697-90.268c6.964-1.339 12.054-7.5 12.054-14.732q0-2.41-.804-4.821l54.911-95.358c6.964-1.339 12.322-7.5 12.322-15c-.002-7.232-5.092-13.393-11.788-14.732M153.535 450.732l-43.66-75.803h43.66zm0-83.839h-43.66c-.268-1.071-.804-2.142-1.339-3.214l44.999-47.41zm0-62.411l-50.357 53.304c-1.339-.536-2.679-1.34-4.018-1.607L43.447 259.75c.535-1.339.535-2.679.535-4.018s0-2.41-.268-3.482l51.965-90c2.679-.268 5.357-1.072 7.768-2.679l50.089 51.965v92.946zm0-102.322l-45.803-47.41c1.339-2.143 2.143-4.821 2.143-7.767c0-.268-.268-.804-.268-1.072l43.928-15.804zm0-80.625l-43.66 15.804l43.66-75.536zm326.519 39.108l.804 1.339L445.5 329.125l-63.75-67.232l98.036-101.518zM291.75 355.107l11.518 11.786H280.5zm-.268-11.25l-83.303-85.446l79.553-84.375l83.036 87.589zm5.357 5.893l79.286-82.232l67.5 71.25l-5.892 28.125H313.714zM410.411 44.393c1.071.536 2.142 1.072 3.482 1.34l57.857 100.714v.536c0 2.946.803 5.624 2.143 7.767L376.393 256l-83.035-87.589zm-9.107-2.143L287.732 162.518l-57.054-60.268l166.339-60zm-123.483 0c2.678 2.678 6.16 4.285 10.179 4.285s7.5-1.607 10.179-4.285h75L224.786 95.821L173.893 42.25zm-116.249 5.625l1.071-2.142a34 34 0 0 0 2.679-.804l51.161 53.84l-54.911 19.821zm0 79.286l60.803-21.964l59.732 63.214l-79.553 84.107l-40.982-42.053zm0 92.678L198 257.607l-36.428 38.304zm0 87.858l42.053-44.464l82.768 85.982l-17.143 17.678H161.572zm6.964 162.053c-1.607-1.607-3.482-2.678-5.893-3.482l-1.071-1.607v-89.732h99.91l-91.607 94.821zm129.911 0c-2.679-2.41-6.428-4.285-10.447-4.285s-7.767 1.875-10.447 4.285h-96.429l91.607-94.821h38.304l91.607 94.821zm120-11.786l-4.286 7.5c-1.339.268-2.41.803-3.482 1.339l-89.196-91.875h114.376zm12.856-22.232l12.858-60.803h21.964zm34.822-68.839h-20.357l4.553-21.16l17.143 18.214c-.535.803-1.071 1.874-1.339 2.946m66.161-107.411l-55.447 96.697c-1.339.535-2.679 1.071-4.018 1.874l-20.625-21.964l34.554-163.928l45.803 79.286c-.267 1.339-.803 2.678-.803 4.285c0 1.339.268 2.411.536 3.75"/></svg>

How to use the Connectdevelop icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa6-brands:connectdevelop" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa6-brands:connectdevelop" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa6-brands:connectdevelop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-brands--connectdevelop]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa6-brands -->
<div class="i-fa6-brands:connectdevelop"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa6-brands:connectdevelop"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa6-brands/connectdevelop.svg" alt="Connectdevelop icon" width="24" height="24">

Connectdevelop icon in other icon sets

Connectdevelop icon FAQ

Is the Connectdevelop icon free for commercial use?

Yes. Font Awesome 6 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Connectdevelop icon in React?

Install @iconify/react and render <Icon icon="fa6-brands:connectdevelop" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Connectdevelop icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa6-brands/connectdevelop.svg" alt="Connectdevelop icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 6 Brands icons →