jumpers icon
jumpers from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- jumpers
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the jumpers icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 8v10.382c0 .145 0 .217-.005.289a2 2 0 0 1-.147.621c-.165.33-.372.756-.474.894a2 2 0 0 1-1.27.785c-.169.029-.353.029-.722.029H9.618c-.369 0-.553 0-.722-.03a2 2 0 0 1-1.27-.784c-.102-.138-.31-.564-.474-.894a2 2 0 0 1-.147-.621C7 18.599 7 18.527 7 18.382V8"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m9 3l-1.657.836c-1.154.582-1.732.873-2.133 1.358s-.582 1.11-.944 2.36L1.65 16.602l-.125.486l-.025.573c0 .29 0 .82.033.946c.07.268.245.495.486.628c.113.062.253.098.532.168c.254.064.381.096.5.097a1 1 0 0 0 .686-.267c.088-.082.474-.666.474-.666l.247-.4l.198-.54L7 10m8-7l1.657.836c1.154.582 1.732.873 2.133 1.358s.582 1.11.944 2.36l2.616 9.048l.125.486l.025.573c0 .29 0 .82-.033.946c-.07.268-.245.495-.486.628c-.113.062-.253.098-.532.168c-.254.064-.381.096-.5.097a1 1 0 0 1-.686-.267c-.088-.082-.474-.666-.474-.666l-.248-.4l-.197-.54L17 10"/><path fill="currentColor" d="m11.143 6.521l-.641.39zM9 3v-.75a.75.75 0 0 0-.64 1.14zm6 0l.64.39A.75.75 0 0 0 15 2.25zm-2.142 3.521l.64.39zm-1.075-.39l-2.142-3.52l-1.282.779l2.143 3.521zM9 3.75h6v-1.5H9zm5.36-1.14l-2.143 3.521l1.281.78l2.143-3.521zm-3.858 4.301c.68 1.119 2.316 1.119 2.996 0l-1.281-.78a.257.257 0 0 1-.434 0z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsJumpers(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M17 8v10.382c0 .145 0 .217-.005.289a2 2 0 0 1-.147.621c-.165.33-.372.756-.474.894a2 2 0 0 1-1.27.785c-.169.029-.353.029-.722.029H9.618c-.369 0-.553 0-.722-.03a2 2 0 0 1-1.27-.784c-.102-.138-.31-.564-.474-.894a2 2 0 0 1-.147-.621C7 18.599 7 18.527 7 18.382V8"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m9 3l-1.657.836c-1.154.582-1.732.873-2.133 1.358s-.582 1.11-.944 2.36L1.65 16.602l-.125.486l-.025.573c0 .29 0 .82.033.946c.07.268.245.495.486.628c.113.062.253.098.532.168c.254.064.381.096.5.097a1 1 0 0 0 .686-.267c.088-.082.474-.666.474-.666l.247-.4l.198-.54L7 10m8-7l1.657.836c1.154.582 1.732.873 2.133 1.358s.582 1.11.944 2.36l2.616 9.048l.125.486l.025.573c0 .29 0 .82-.033.946c-.07.268-.245.495-.486.628c-.113.062-.253.098-.532.168c-.254.064-.381.096-.5.097a1 1 0 0 1-.686-.267c-.088-.082-.474-.666-.474-.666l-.248-.4l-.197-.54L17 10"/><path fill="currentColor" d="m11.143 6.521l-.641.39zM9 3v-.75a.75.75 0 0 0-.64 1.14zm6 0l.64.39A.75.75 0 0 0 15 2.25zm-2.142 3.521l.64.39zm-1.075-.39l-2.142-3.52l-1.282.779l2.143 3.521zM9 3.75h6v-1.5H9zm5.36-1.14l-2.143 3.521l1.281.78l2.143-3.521zm-3.858 4.301c.68 1.119 2.316 1.119 2.996 0l-1.281-.78a.257.257 0 0 1-.434 0z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 8v10.382c0 .145 0 .217-.005.289a2 2 0 0 1-.147.621c-.165.33-.372.756-.474.894a2 2 0 0 1-1.27.785c-.169.029-.353.029-.722.029H9.618c-.369 0-.553 0-.722-.03a2 2 0 0 1-1.27-.784c-.102-.138-.31-.564-.474-.894a2 2 0 0 1-.147-.621C7 18.599 7 18.527 7 18.382V8"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m9 3l-1.657.836c-1.154.582-1.732.873-2.133 1.358s-.582 1.11-.944 2.36L1.65 16.602l-.125.486l-.025.573c0 .29 0 .82.033.946c.07.268.245.495.486.628c.113.062.253.098.532.168c.254.064.381.096.5.097a1 1 0 0 0 .686-.267c.088-.082.474-.666.474-.666l.247-.4l.198-.54L7 10m8-7l1.657.836c1.154.582 1.732.873 2.133 1.358s.582 1.11.944 2.36l2.616 9.048l.125.486l.025.573c0 .29 0 .82-.033.946c-.07.268-.245.495-.486.628c-.113.062-.253.098-.532.168c-.254.064-.381.096-.5.097a1 1 0 0 1-.686-.267c-.088-.082-.474-.666-.474-.666l-.248-.4l-.197-.54L17 10"/><path fill="currentColor" d="m11.143 6.521l-.641.39zM9 3v-.75a.75.75 0 0 0-.64 1.14zm6 0l.64.39A.75.75 0 0 0 15 2.25zm-2.142 3.521l.64.39zm-1.075-.39l-2.142-3.52l-1.282.779l2.143 3.521zM9 3.75h6v-1.5H9zm5.36-1.14l-2.143 3.521l1.281.78l2.143-3.521zm-3.858 4.301c.68 1.119 2.316 1.119 2.996 0l-1.281-.78a.257.257 0 0 1-.434 0z"/></g></svg> </template>
CSS
.icon-jumpers {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M17%208v10.382c0%20.145%200%20.217-.005.289a2%202%200%200%201-.147.621c-.165.33-.372.756-.474.894a2%202%200%200%201-1.27.785c-.169.029-.353.029-.722.029H9.618c-.369%200-.553%200-.722-.03a2%202%200%200%201-1.27-.784c-.102-.138-.31-.564-.474-.894a2%202%200%200%201-.147-.621C7%2018.599%207%2018.527%207%2018.382V8%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m9%203l-1.657.836c-1.154.582-1.732.873-2.133%201.358s-.582%201.11-.944%202.36L1.65%2016.602l-.125.486l-.025.573c0%20.29%200%20.82.033.946c.07.268.245.495.486.628c.113.062.253.098.532.168c.254.064.381.096.5.097a1%201%200%200%200%20.686-.267c.088-.082.474-.666.474-.666l.247-.4l.198-.54L7%2010m8-7l1.657.836c1.154.582%201.732.873%202.133%201.358s.582%201.11.944%202.36l2.616%209.048l.125.486l.025.573c0%20.29%200%20.82-.033.946c-.07.268-.245.495-.486.628c-.113.062-.253.098-.532.168c-.254.064-.381.096-.5.097a1%201%200%200%201-.686-.267c-.088-.082-.474-.666-.474-.666l-.248-.4l-.197-.54L17%2010%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.143%206.521l-.641.39zM9%203v-.75a.75.75%200%200%200-.64%201.14zm6%200l.64.39A.75.75%200%200%200%2015%202.25zm-2.142%203.521l.64.39zm-1.075-.39l-2.142-3.52l-1.282.779l2.143%203.521zM9%203.75h6v-1.5H9zm5.36-1.14l-2.143%203.521l1.281.78l2.143-3.521zm-3.858%204.301c.68%201.119%202.316%201.119%202.996%200l-1.281-.78a.257.257%200%200%201-.434%200z%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M17%208v10.382c0%20.145%200%20.217-.005.289a2%202%200%200%201-.147.621c-.165.33-.372.756-.474.894a2%202%200%200%201-1.27.785c-.169.029-.353.029-.722.029H9.618c-.369%200-.553%200-.722-.03a2%202%200%200%201-1.27-.784c-.102-.138-.31-.564-.474-.894a2%202%200%200%201-.147-.621C7%2018.599%207%2018.527%207%2018.382V8%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m9%203l-1.657.836c-1.154.582-1.732.873-2.133%201.358s-.582%201.11-.944%202.36L1.65%2016.602l-.125.486l-.025.573c0%20.29%200%20.82.033.946c.07.268.245.495.486.628c.113.062.253.098.532.168c.254.064.381.096.5.097a1%201%200%200%200%20.686-.267c.088-.082.474-.666.474-.666l.247-.4l.198-.54L7%2010m8-7l1.657.836c1.154.582%201.732.873%202.133%201.358s.582%201.11.944%202.36l2.616%209.048l.125.486l.025.573c0%20.29%200%20.82-.033.946c-.07.268-.245.495-.486.628c-.113.062-.253.098-.532.168c-.254.064-.381.096-.5.097a1%201%200%200%201-.686-.267c-.088-.082-.474-.666-.474-.666l-.248-.4l-.197-.54L17%2010%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.143%206.521l-.641.39zM9%203v-.75a.75.75%200%200%200-.64%201.14zm6%200l.64.39A.75.75%200%200%200%2015%202.25zm-2.142%203.521l.64.39zm-1.075-.39l-2.142-3.52l-1.282.779l2.143%203.521zM9%203.75h6v-1.5H9zm5.36-1.14l-2.143%203.521l1.281.78l2.143-3.521zm-3.858%204.301c.68%201.119%202.316%201.119%202.996%200l-1.281-.78a.257.257%200%200%201-.434%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/jumpers.svg?color=%231a73e8&size=48
