Codepen Line

By MingCute Design in MingCute Icon

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <g fill="none" fill-rule="evenodd">
    <path d="M24 0v24H0V0h24ZM12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036c-.01-.003-.019 0-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.016-.018Zm.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01l-.184-.092Z"/>
    <path fill="currentColor" d="m13 3.228l7.998 4.617a2 2 0 0 1 1 1.732v4.846a2 2 0 0 1-1 1.732L13 20.772a2 2 0 0 1-2 0l-7.998-4.617a2 2 0 0 1-1-1.732V9.577a2 2 0 0 1 1-1.732L11 3.228a2 2 0 0 1 2 0Zm-4.802 9.927L5.002 15L11 18.463v-3.69l-2.802-1.618Zm7.604 0L13 14.772v3.69L18.998 15l-3.196-1.845Zm-11.8-2.423v2.536L6.198 12l-2.196-1.268Zm15.996 0L17.802 12l2.196 1.268v-2.536ZM12 10.96L10.198 12L12 13.04L13.802 12L12 10.96Zm-1-5.423L5.002 9l3.196 1.845L11 9.228V5.537Zm2 0v3.69l2.802 1.618L18.998 9L13 5.537Z"/>
  </g>
</svg>


Codepen Line Icons examples

See what this icon looks like in some mockup designs
Codepen LineHome

Related icons in MingCute Icon

copy save
align-arrow-down-fill
copy save
align-arrow-down-line
copy save
align-arrow-left-fill
copy save
align-arrow-left-line
copy save
align-arrow-right-fill
copy save
align-arrow-right-line
copy save
align-arrow-up-fill
copy save
align-arrow-up-line
copy save
arrow-down-circle-fill
copy save
arrow-down-circle-line
copy save
arrow-down-fill
copy save
arrow-down-line
copy save
arrow-left-circle-fill
copy save
arrow-left-circle-line
copy save
arrow-left-down-circle-fill
copy save
arrow-left-down-circle-line
copy save
arrow-left-down-fill
copy save
arrow-left-down-line
copy save
arrow-left-fill
copy save
arrow-left-line