hop icon
hop-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- hop-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the hop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14a1 1 0 1 0-2 0zm-2 7a1 1 0 1 0 2 0zm3.625-7.78a1 1 0 1 0-1.25 1.56L13 14zm-.832 4.073a1 1 0 0 0 1.414 1.414L13.5 18zM10 9.5v-1H8.883l.123 1.11zm4 0l.994.11l.123-1.11H14zM5.107 8.006a1 1 0 0 0-.214 1.988L5 9zm14 1.988a1 1 0 0 0-.214-1.988L19 9zm-5.459 2.672l-.994-.11zm1.416 2.985l-.625.78zM11 14h-1v7h2v-7zm2 0l-.625.78l2.064 1.652l.625-.781l.624-.78l-2.063-1.652zm2.105 2.395l-.707-.707l-1.605 1.605l.707.707l.707.707l1.605-1.605zM10 9.5l-.994.11l.352 3.166l.994-.11l.994-.11l-.352-3.166zm1.843 4.5v1h.314v-2h-.314zm1.805-1.334l.994.11l.352-3.166L14 9.5l-.994-.11l-.352 3.165zM10 9.5v1h4v-2h-4zM5 9l-.107.994h.004l.01.002l.04.004a124 124 0 0 0 2.586.246c1.455.125 3.244.254 4.467.254v-2c-1.128 0-2.84-.121-4.296-.246a142 142 0 0 1-2.546-.243l-.039-.004h-.01l-.001-.001h-.001zm7 .5v1c1.223 0 3.012-.129 4.467-.254A143 143 0 0 0 19.052 10l.04-.004l.011-.001h.003L19 9l-.107-.994h-.003l-.01.001l-.038.004l-.704.072c-.47.047-1.12.109-1.842.17C14.84 8.38 13.128 8.5 12 8.5zM14 5h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V6a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm.157 11v1a2.5 2.5 0 0 0 2.485-2.224l-.994-.11l-.994-.11a.5.5 0 0 1-.497.444zm-1.805-1.334l-.994.11A2.5 2.5 0 0 0 11.843 15v-2a.5.5 0 0 1-.497-.445zm4.712 2.985l-.625.78a.5.5 0 0 1-.041-.743l.707.707l.707.707a1.5 1.5 0 0 0-.123-2.232z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteHopLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14a1 1 0 1 0-2 0zm-2 7a1 1 0 1 0 2 0zm3.625-7.78a1 1 0 1 0-1.25 1.56L13 14zm-.832 4.073a1 1 0 0 0 1.414 1.414L13.5 18zM10 9.5v-1H8.883l.123 1.11zm4 0l.994.11l.123-1.11H14zM5.107 8.006a1 1 0 0 0-.214 1.988L5 9zm14 1.988a1 1 0 0 0-.214-1.988L19 9zm-5.459 2.672l-.994-.11zm1.416 2.985l-.625.78zM11 14h-1v7h2v-7zm2 0l-.625.78l2.064 1.652l.625-.781l.624-.78l-2.063-1.652zm2.105 2.395l-.707-.707l-1.605 1.605l.707.707l.707.707l1.605-1.605zM10 9.5l-.994.11l.352 3.166l.994-.11l.994-.11l-.352-3.166zm1.843 4.5v1h.314v-2h-.314zm1.805-1.334l.994.11l.352-3.166L14 9.5l-.994-.11l-.352 3.165zM10 9.5v1h4v-2h-4zM5 9l-.107.994h.004l.01.002l.04.004a124 124 0 0 0 2.586.246c1.455.125 3.244.254 4.467.254v-2c-1.128 0-2.84-.121-4.296-.246a142 142 0 0 1-2.546-.243l-.039-.004h-.01l-.001-.001h-.001zm7 .5v1c1.223 0 3.012-.129 4.467-.254A143 143 0 0 0 19.052 10l.04-.004l.011-.001h.003L19 9l-.107-.994h-.003l-.01.001l-.038.004l-.704.072c-.47.047-1.12.109-1.842.17C14.84 8.38 13.128 8.5 12 8.5zM14 5h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V6a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm.157 11v1a2.5 2.5 0 0 0 2.485-2.224l-.994-.11l-.994-.11a.5.5 0 0 1-.497.444zm-1.805-1.334l-.994.11A2.5 2.5 0 0 0 11.843 15v-2a.5.5 0 0 1-.497-.445zm4.712 2.985l-.625.78a.5.5 0 0 1-.041-.743l.707.707l.707.707a1.5 1.5 0 0 0-.123-2.232z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14a1 1 0 1 0-2 0zm-2 7a1 1 0 1 0 2 0zm3.625-7.78a1 1 0 1 0-1.25 1.56L13 14zm-.832 4.073a1 1 0 0 0 1.414 1.414L13.5 18zM10 9.5v-1H8.883l.123 1.11zm4 0l.994.11l.123-1.11H14zM5.107 8.006a1 1 0 0 0-.214 1.988L5 9zm14 1.988a1 1 0 0 0-.214-1.988L19 9zm-5.459 2.672l-.994-.11zm1.416 2.985l-.625.78zM11 14h-1v7h2v-7zm2 0l-.625.78l2.064 1.652l.625-.781l.624-.78l-2.063-1.652zm2.105 2.395l-.707-.707l-1.605 1.605l.707.707l.707.707l1.605-1.605zM10 9.5l-.994.11l.352 3.166l.994-.11l.994-.11l-.352-3.166zm1.843 4.5v1h.314v-2h-.314zm1.805-1.334l.994.11l.352-3.166L14 9.5l-.994-.11l-.352 3.165zM10 9.5v1h4v-2h-4zM5 9l-.107.994h.004l.01.002l.04.004a124 124 0 0 0 2.586.246c1.455.125 3.244.254 4.467.254v-2c-1.128 0-2.84-.121-4.296-.246a142 142 0 0 1-2.546-.243l-.039-.004h-.01l-.001-.001h-.001zm7 .5v1c1.223 0 3.012-.129 4.467-.254A143 143 0 0 0 19.052 10l.04-.004l.011-.001h.003L19 9l-.107-.994h-.003l-.01.001l-.038.004l-.704.072c-.47.047-1.12.109-1.842.17C14.84 8.38 13.128 8.5 12 8.5zM14 5h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V6a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm.157 11v1a2.5 2.5 0 0 0 2.485-2.224l-.994-.11l-.994-.11a.5.5 0 0 1-.497.444zm-1.805-1.334l-.994.11A2.5 2.5 0 0 0 11.843 15v-2a.5.5 0 0 1-.497-.445zm4.712 2.985l-.625.78a.5.5 0 0 1-.041-.743l.707.707l.707.707a1.5 1.5 0 0 0-.123-2.232z"/></svg> </template>
CSS
.icon-hop-line {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2014a1%201%200%201%200-2%200zm-2%207a1%201%200%201%200%202%200zm3.625-7.78a1%201%200%201%200-1.25%201.56L13%2014zm-.832%204.073a1%201%200%200%200%201.414%201.414L13.5%2018zM10%209.5v-1H8.883l.123%201.11zm4%200l.994.11l.123-1.11H14zM5.107%208.006a1%201%200%200%200-.214%201.988L5%209zm14%201.988a1%201%200%200%200-.214-1.988L19%209zm-5.459%202.672l-.994-.11zm1.416%202.985l-.625.78zM11%2014h-1v7h2v-7zm2%200l-.625.78l2.064%201.652l.625-.781l.624-.78l-2.063-1.652zm2.105%202.395l-.707-.707l-1.605%201.605l.707.707l.707.707l1.605-1.605zM10%209.5l-.994.11l.352%203.166l.994-.11l.994-.11l-.352-3.166zm1.843%204.5v1h.314v-2h-.314zm1.805-1.334l.994.11l.352-3.166L14%209.5l-.994-.11l-.352%203.165zM10%209.5v1h4v-2h-4zM5%209l-.107.994h.004l.01.002l.04.004a124%20124%200%200%200%202.586.246c1.455.125%203.244.254%204.467.254v-2c-1.128%200-2.84-.121-4.296-.246a142%20142%200%200%201-2.546-.243l-.039-.004h-.01l-.001-.001h-.001zm7%20.5v1c1.223%200%203.012-.129%204.467-.254A143%20143%200%200%200%2019.052%2010l.04-.004l.011-.001h.003L19%209l-.107-.994h-.003l-.01.001l-.038.004l-.704.072c-.47.047-1.12.109-1.842.17C14.84%208.38%2013.128%208.5%2012%208.5zM14%205h-1a1%201%200%200%201-1%201v2a3%203%200%200%200%203-3zm-2%202V6a1%201%200%200%201-1-1H9a3%203%200%200%200%203%203zm-2-2h1a1%201%200%200%201%201-1V2a3%203%200%200%200-3%203zm2-2v1a1%201%200%200%201%201%201h2a3%203%200%200%200-3-3zm.157%2011v1a2.5%202.5%200%200%200%202.485-2.224l-.994-.11l-.994-.11a.5.5%200%200%201-.497.444zm-1.805-1.334l-.994.11A2.5%202.5%200%200%200%2011.843%2015v-2a.5.5%200%200%201-.497-.445zm4.712%202.985l-.625.78a.5.5%200%200%201-.041-.743l.707.707l.707.707a1.5%201.5%200%200%200-.123-2.232z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2014a1%201%200%201%200-2%200zm-2%207a1%201%200%201%200%202%200zm3.625-7.78a1%201%200%201%200-1.25%201.56L13%2014zm-.832%204.073a1%201%200%200%200%201.414%201.414L13.5%2018zM10%209.5v-1H8.883l.123%201.11zm4%200l.994.11l.123-1.11H14zM5.107%208.006a1%201%200%200%200-.214%201.988L5%209zm14%201.988a1%201%200%200%200-.214-1.988L19%209zm-5.459%202.672l-.994-.11zm1.416%202.985l-.625.78zM11%2014h-1v7h2v-7zm2%200l-.625.78l2.064%201.652l.625-.781l.624-.78l-2.063-1.652zm2.105%202.395l-.707-.707l-1.605%201.605l.707.707l.707.707l1.605-1.605zM10%209.5l-.994.11l.352%203.166l.994-.11l.994-.11l-.352-3.166zm1.843%204.5v1h.314v-2h-.314zm1.805-1.334l.994.11l.352-3.166L14%209.5l-.994-.11l-.352%203.165zM10%209.5v1h4v-2h-4zM5%209l-.107.994h.004l.01.002l.04.004a124%20124%200%200%200%202.586.246c1.455.125%203.244.254%204.467.254v-2c-1.128%200-2.84-.121-4.296-.246a142%20142%200%200%201-2.546-.243l-.039-.004h-.01l-.001-.001h-.001zm7%20.5v1c1.223%200%203.012-.129%204.467-.254A143%20143%200%200%200%2019.052%2010l.04-.004l.011-.001h.003L19%209l-.107-.994h-.003l-.01.001l-.038.004l-.704.072c-.47.047-1.12.109-1.842.17C14.84%208.38%2013.128%208.5%2012%208.5zM14%205h-1a1%201%200%200%201-1%201v2a3%203%200%200%200%203-3zm-2%202V6a1%201%200%200%201-1-1H9a3%203%200%200%200%203%203zm-2-2h1a1%201%200%200%201%201-1V2a3%203%200%200%200-3%203zm2-2v1a1%201%200%200%201%201%201h2a3%203%200%200%200-3-3zm.157%2011v1a2.5%202.5%200%200%200%202.485-2.224l-.994-.11l-.994-.11a.5.5%200%200%201-.497.444zm-1.805-1.334l-.994.11A2.5%202.5%200%200%200%2011.843%2015v-2a.5.5%200%200%201-.497-.445zm4.712%202.985l-.625.78a.5.5%200%200%201-.041-.743l.707.707l.707.707a1.5%201.5%200%200%200-.123-2.232z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/hop-line.svg?color=%231a73e8&size=48
