Harness icon

logos:harness

The Harness icon (logos:harness) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 111 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 111

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="111" viewBox="0 0 512 111"><path fill="#00ade5" d="M94.864 57.495a16.1 16.1 0 0 1-3.246 5.678l-8.335 8.288l-16.117-16.026l16.117-16.027l8.335 8.128a9.5 9.5 0 0 1 3.122 4.496c.577 1.77.62 3.67.124 5.463M53.421 94.334a16 16 0 0 1-5.55-3.274l-8.31-8.265l16.116-16.027l16.117 16.027l-8.358 8.31a9.6 9.6 0 0 1-4.521 3.106a9.63 9.63 0 0 1-5.494.123M16.352 53.122a16 16 0 0 1 3.292-5.678l8.335-8.265l16.117 16.027L27.98 71.233l-8.358-8.312a9.6 9.6 0 0 1-3.13-4.507a9.54 9.54 0 0 1-.139-5.475zM57.795 16.1a16 16 0 0 1 5.733 3.274l8.312 8.266l-16.117 16.026L39.606 27.64l8.266-8.082a9.6 9.6 0 0 1 4.522-3.106a9.63 9.63 0 0 1 5.493-.123zm45.335 20.103L74.902 8.224A32 32 0 0 0 63.39 1.356c-9.601-3.183-19.133-.71-26.869 6.868L8.271 36.203A31.8 31.8 0 0 0 1.363 47.65c-3.2 9.548-.713 19.05 6.908 26.742L36.36 102.44a31.9 31.9 0 0 0 11.512 7.006a26 26 0 0 0 8.127 1.35a26.4 26.4 0 0 0 10.226-2.283a26.3 26.3 0 0 0 8.516-6.073l28.389-27.956a31.8 31.8 0 0 0 7.022-11.447c3.2-9.548.69-19.049-7.022-26.72"/><path fill="#07182b" d="M496.84 52.939h13.816a18.52 18.52 0 0 0-5.32-12.272c-4.375-4.579-11.627-6.869-18.764-6.869a27.53 27.53 0 0 0-18.19 5.953a17 17 0 0 0-4.602 6.013a16.9 16.9 0 0 0-1.52 7.404a16.5 16.5 0 0 0 4.003 10.487a16.67 16.67 0 0 0 9.81 5.54c5.297 1.145 11.282 1.488 16.579 2.29a6.32 6.32 0 0 1 4.26 1.955a6.25 6.25 0 0 1 1.725 4.34c0 6.526-7.368 7.556-12.204 7.556a13.45 13.45 0 0 1-9.093-2.633a9.36 9.36 0 0 1-3.038-5.403h-13.563a19.95 19.95 0 0 0 6.241 12.272a27.32 27.32 0 0 0 19.338 6.868c8.174 0 15.657-2.083 20.493-6.868a17.7 17.7 0 0 0 3.953-5.991a17.5 17.5 0 0 0 1.226-7.06c0-9.387-6.907-15.34-16.346-16.828c-5.872-.916-7.367-1.03-12.78-1.717c-3.222-.458-6.906-1.717-6.906-5.976a6.84 6.84 0 0 1 1.318-3.86a6.9 6.9 0 0 1 3.287-2.436a14.9 14.9 0 0 1 6.216-.916a11.56 11.56 0 0 1 7.829 2.748a8.15 8.15 0 0 1 2.232 5.403m-76.278-1.168a6.84 6.84 0 0 1 1.318-3.859a6.9 6.9 0 0 1 3.287-2.437a14.95 14.95 0 0 1 6.216-.916a11.72 11.72 0 0 1 7.852 2.748a8.15 8.15 0 0 1 2.301 5.632h13.816a18.5 18.5 0 0 0-5.296-12.272c-4.375-4.579-11.513-6.869-18.788-6.869a27.53 27.53 0 0 0-18.189 5.953a16.9 16.9 0 0 0-4.528 5.973a16.8 16.8 0 0 0-1.503 7.33a16.48 16.48 0 0 0 3.999 10.491a16.66 16.66 0 0 0 9.815 5.535c5.296 1.145 11.281 1.488 16.601 2.29a6.32 6.32 0 0 1 4.26 1.955a6.25 6.25 0 0 1 1.725 4.341c0 6.525-7.39 7.556-12.226 7.556a13.45 13.45 0 0 1-9.208-2.633a9.5 9.5 0 0 1-3.04-5.404h-13.562a20.1 20.1 0 0 0 6.241 12.158a27.32 27.32 0 0 0 19.338 6.868c8.175 0 15.68-2.083 20.516-6.868a17.7 17.7 0 0 0 5.18-13.05c0-9.388-6.908-15.34-16.37-16.829c-5.872-.916-7.367-1.03-12.779-1.717c-3.223-.458-6.907-1.717-6.907-5.976zM401.29 65.51a33.38 33.38 0 0 0-5.179-20.744a25.3 25.3 0 0 0-9.51-8.3a25.45 25.45 0 0 0-12.362-2.69a26.2 26.2 0 0 0-10.35 1.816a26 26 0 0 0-8.784 5.74c-5.757 5.838-8.634 14.333-8.634 23.834a32.1 32.1 0 0 0 2.137 12.85a32.3 32.3 0 0 0 7.073 10.961a26.2 26.2 0 0 0 8.707 5.567a26.4 26.4 0 0 0 10.196 1.783a25.8 25.8 0 0 0 11.014-1.954a25.7 25.7 0 0 0 9.131-6.426a23.5 23.5 0 0 0 5.066-10.99H385.98a10.8 10.8 0 0 1-2.877 5.037a11.24 11.24 0 0 1-8.748 2.862a12.66 12.66 0 0 1-8.865-3.663a15.77 15.77 0 0 1-4.398-11.677h39.969V65.51zm-14.62-6.411H361a14.48 14.48 0 0 1 3.107-9.295a12.3 12.3 0 0 1 4.462-3.471a12.3 12.3 0 0 1 5.556-1.109c1.671-.09 3.346.17 4.912.762a12 12 0 0 1 4.18 2.673a15.48 15.48 0 0 1 3.685 10.44zm-61.45 35.717h14.413V55c0-12.387-7.483-21.316-20.283-21.316c-3.49-.16-6.958.604-10.053 2.213a19.7 19.7 0 0 0-7.562 6.945l-1.035-7.67h-12.088V94.7h14.39V70.454c0-5.037 0-11.219 1.956-16.027c1.958-4.808 5.296-7.578 10.362-7.578c7.599 0 9.9 4.236 9.9 11.242zm-45.565-46.89q1.155.015 2.304.16V34.508c-.623 0-1.245-.137-1.867-.137c-7.022 0-14.16 2.862-16.944 9.73l-1.245-8.929h-12.226V94.7h14.62V64.73c0-9.616 5.297-16.85 15.427-16.85zm-45.287 47.737a14.6 14.6 0 0 0 7.137-1.603V83.504a8.8 8.8 0 0 1-1.843.23c-2.301 0-3.338-1.03-3.338-3.778V57.862a32.8 32.8 0 0 0-1.728-12.043c-3.477-8.93-12.224-12.135-22.47-12.135c-13.355 0-24.06 5.953-24.89 19.37h13.955c.343-5.518 4.257-8.495 10.936-8.495c8.171 0 10.13 3.778 10.13 9.41v3.664l-17.613 1.259c-11.513.801-20.285 7.327-20.285 18.66c0 9.73 7.39 18.682 21.665 18.682c8.52 0 15.426-4.144 18.189-8.952a9.37 9.37 0 0 0 3.36 6.247a9.47 9.47 0 0 0 6.795 2.133m-12.111-24.636c0 8.815-6.331 13.738-15.312 13.738a7.9 7.9 0 0 1-5.85-1.92a7.8 7.8 0 0 1-2.67-5.521c0-4.808 4.26-7.441 8.636-7.785l15.196-1.145zm-58.574 23.697h14.528V54.656c0-12.363-7.552-21.476-20.445-21.476a20.3 20.3 0 0 0-9.188 1.98a20.2 20.2 0 0 0-7.297 5.896V11.292h-14.528v83.431h14.528V63.082c0-7.396 3.707-16.622 12.433-16.622c7.644 0 9.97 4.258 9.97 11.196z"/></svg>

How to use the Harness icon

React

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

<Icon icon="logos:harness" width="24" />

Vue

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

<template>
  <Icon icon="logos:harness" width="24" />
</template>

Svelte

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

<Icon icon="logos:harness" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--harness]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:harness"></div>

Web component

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

<iconify-icon icon="logos:harness"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/harness.svg" alt="Harness icon" width="24" height="24">

Related icons in SVG Logos

Harness icon FAQ

Is the Harness icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Harness icon in React?

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

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

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

Browse all SVG Logos icons →