harness icon logo
harness-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- harness-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×255
- License
- CC0
Use the harness icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 255"><path fill="#00ade5" d="M217.787 131.997a37 37 0 0 1-7.453 13.035L191.2 164.06l-37.001-36.794L191.2 90.472l19.134 18.66a21.86 21.86 0 0 1 7.17 10.322a21.75 21.75 0 0 1 .283 12.543m-95.145 84.574a36.7 36.7 0 0 1-12.739-7.517l-19.081-18.976l37-36.793l37.002 36.793l-19.188 19.08a22 22 0 0 1-10.38 7.13a22.1 22.1 0 0 1-12.614.283m-85.101-94.614a36.7 36.7 0 0 1 7.559-13.035l19.134-18.976l37.001 36.794l-37.001 36.795l-19.187-19.08a22.03 22.03 0 0 1-7.186-10.348a21.9 21.9 0 0 1-.32-12.57zm95.145-84.994a36.7 36.7 0 0 1 13.161 7.516l19.082 18.976l-37 36.794l-37.001-36.794L109.903 44.9a22 22 0 0 1 10.381-7.13a22.1 22.1 0 0 1 12.613-.282zm104.078 46.15l-64.805-64.232A73.55 73.55 0 0 0 145.53 3.113c-22.042-7.307-43.925-1.63-61.686 15.768L18.988 83.113A73.1 73.1 0 0 0 3.13 109.394c-7.347 21.92-1.639 43.733 15.858 61.394l64.487 64.39a73.3 73.3 0 0 0 26.428 16.084a59.6 59.6 0 0 0 18.66 3.1a60.6 60.6 0 0 0 23.475-5.241a60.4 60.4 0 0 0 19.552-13.943l65.174-64.18a73 73 0 0 0 16.121-26.281c7.348-21.92 1.586-43.732-16.121-61.341"/></svg>
React
import type { SVGProps } from "react";
export function LogosHarnessIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 255"><path fill="#00ade5" d="M217.787 131.997a37 37 0 0 1-7.453 13.035L191.2 164.06l-37.001-36.794L191.2 90.472l19.134 18.66a21.86 21.86 0 0 1 7.17 10.322a21.75 21.75 0 0 1 .283 12.543m-95.145 84.574a36.7 36.7 0 0 1-12.739-7.517l-19.081-18.976l37-36.793l37.002 36.793l-19.188 19.08a22 22 0 0 1-10.38 7.13a22.1 22.1 0 0 1-12.614.283m-85.101-94.614a36.7 36.7 0 0 1 7.559-13.035l19.134-18.976l37.001 36.794l-37.001 36.795l-19.187-19.08a22.03 22.03 0 0 1-7.186-10.348a21.9 21.9 0 0 1-.32-12.57zm95.145-84.994a36.7 36.7 0 0 1 13.161 7.516l19.082 18.976l-37 36.794l-37.001-36.794L109.903 44.9a22 22 0 0 1 10.381-7.13a22.1 22.1 0 0 1 12.613-.282zm104.078 46.15l-64.805-64.232A73.55 73.55 0 0 0 145.53 3.113c-22.042-7.307-43.925-1.63-61.686 15.768L18.988 83.113A73.1 73.1 0 0 0 3.13 109.394c-7.347 21.92-1.639 43.733 15.858 61.394l64.487 64.39a73.3 73.3 0 0 0 26.428 16.084a59.6 59.6 0 0 0 18.66 3.1a60.6 60.6 0 0 0 23.475-5.241a60.4 60.4 0 0 0 19.552-13.943l65.174-64.18a73 73 0 0 0 16.121-26.281c7.348-21.92 1.586-43.732-16.121-61.341"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 255"><path fill="#00ade5" d="M217.787 131.997a37 37 0 0 1-7.453 13.035L191.2 164.06l-37.001-36.794L191.2 90.472l19.134 18.66a21.86 21.86 0 0 1 7.17 10.322a21.75 21.75 0 0 1 .283 12.543m-95.145 84.574a36.7 36.7 0 0 1-12.739-7.517l-19.081-18.976l37-36.793l37.002 36.793l-19.188 19.08a22 22 0 0 1-10.38 7.13a22.1 22.1 0 0 1-12.614.283m-85.101-94.614a36.7 36.7 0 0 1 7.559-13.035l19.134-18.976l37.001 36.794l-37.001 36.795l-19.187-19.08a22.03 22.03 0 0 1-7.186-10.348a21.9 21.9 0 0 1-.32-12.57zm95.145-84.994a36.7 36.7 0 0 1 13.161 7.516l19.082 18.976l-37 36.794l-37.001-36.794L109.903 44.9a22 22 0 0 1 10.381-7.13a22.1 22.1 0 0 1 12.613-.282zm104.078 46.15l-64.805-64.232A73.55 73.55 0 0 0 145.53 3.113c-22.042-7.307-43.925-1.63-61.686 15.768L18.988 83.113A73.1 73.1 0 0 0 3.13 109.394c-7.347 21.92-1.639 43.733 15.858 61.394l64.487 64.39a73.3 73.3 0 0 0 26.428 16.084a59.6 59.6 0 0 0 18.66 3.1a60.6 60.6 0 0 0 23.475-5.241a60.4 60.4 0 0 0 19.552-13.943l65.174-64.18a73 73 0 0 0 16.121-26.281c7.348-21.92 1.586-43.732-16.121-61.341"/></svg> </template>
CSS
.icon-harness-icon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20255%22%3E%3Cpath%20fill%3D%22%2300ade5%22%20d%3D%22M217.787%20131.997a37%2037%200%200%201-7.453%2013.035L191.2%20164.06l-37.001-36.794L191.2%2090.472l19.134%2018.66a21.86%2021.86%200%200%201%207.17%2010.322a21.75%2021.75%200%200%201%20.283%2012.543m-95.145%2084.574a36.7%2036.7%200%200%201-12.739-7.517l-19.081-18.976l37-36.793l37.002%2036.793l-19.188%2019.08a22%2022%200%200%201-10.38%207.13a22.1%2022.1%200%200%201-12.614.283m-85.101-94.614a36.7%2036.7%200%200%201%207.559-13.035l19.134-18.976l37.001%2036.794l-37.001%2036.795l-19.187-19.08a22.03%2022.03%200%200%201-7.186-10.348a21.9%2021.9%200%200%201-.32-12.57zm95.145-84.994a36.7%2036.7%200%200%201%2013.161%207.516l19.082%2018.976l-37%2036.794l-37.001-36.794L109.903%2044.9a22%2022%200%200%201%2010.381-7.13a22.1%2022.1%200%200%201%2012.613-.282zm104.078%2046.15l-64.805-64.232A73.55%2073.55%200%200%200%20145.53%203.113c-22.042-7.307-43.925-1.63-61.686%2015.768L18.988%2083.113A73.1%2073.1%200%200%200%203.13%20109.394c-7.347%2021.92-1.639%2043.733%2015.858%2061.394l64.487%2064.39a73.3%2073.3%200%200%200%2026.428%2016.084a59.6%2059.6%200%200%200%2018.66%203.1a60.6%2060.6%200%200%200%2023.475-5.241a60.4%2060.4%200%200%200%2019.552-13.943l65.174-64.18a73%2073%200%200%200%2016.121-26.281c7.348-21.92%201.586-43.732-16.121-61.341%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20255%22%3E%3Cpath%20fill%3D%22%2300ade5%22%20d%3D%22M217.787%20131.997a37%2037%200%200%201-7.453%2013.035L191.2%20164.06l-37.001-36.794L191.2%2090.472l19.134%2018.66a21.86%2021.86%200%200%201%207.17%2010.322a21.75%2021.75%200%200%201%20.283%2012.543m-95.145%2084.574a36.7%2036.7%200%200%201-12.739-7.517l-19.081-18.976l37-36.793l37.002%2036.793l-19.188%2019.08a22%2022%200%200%201-10.38%207.13a22.1%2022.1%200%200%201-12.614.283m-85.101-94.614a36.7%2036.7%200%200%201%207.559-13.035l19.134-18.976l37.001%2036.794l-37.001%2036.795l-19.187-19.08a22.03%2022.03%200%200%201-7.186-10.348a21.9%2021.9%200%200%201-.32-12.57zm95.145-84.994a36.7%2036.7%200%200%201%2013.161%207.516l19.082%2018.976l-37%2036.794l-37.001-36.794L109.903%2044.9a22%2022%200%200%201%2010.381-7.13a22.1%2022.1%200%200%201%2012.613-.282zm104.078%2046.15l-64.805-64.232A73.55%2073.55%200%200%200%20145.53%203.113c-22.042-7.307-43.925-1.63-61.686%2015.768L18.988%2083.113A73.1%2073.1%200%200%200%203.13%20109.394c-7.347%2021.92-1.639%2043.733%2015.858%2061.394l64.487%2064.39a73.3%2073.3%200%200%200%2026.428%2016.084a59.6%2059.6%200%200%200%2018.66%203.1a60.6%2060.6%200%200%200%2023.475-5.241a60.4%2060.4%200%200%200%2019.552-13.943l65.174-64.18a73%2073%200%200%200%2016.121-26.281c7.348-21.92%201.586-43.732-16.121-61.341%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/harness-icon.svg?color=%231a73e8&size=48
