Skip To Content Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Skip To Content icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/321110.svg" alt="Skip To Content icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/321110.svg" alt="Skip To Content icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/321110.svg" alt="Skip To Content icon" :width="24" :height="24" />
CSS background
.icon-skip-to-content {
background-image: url('https://proicons.com/icon/321110.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="640" height="360" viewBox="0 0 640 360" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="skip-to-menu"> <rect id="Rectangle 128" x="178" y="148" width="282" height="64" fill="#161616"/> <g id="Skip to main content"> <path d="M212.936 186.288C216.536 186.288 218.696 184.32 218.696 181.248C218.696 178.752 217.28 177.312 214.016 176.568L212.648 176.256C210.536 175.776 209.504 175.056 209.504 173.472C209.504 171.672 210.824 170.736 212.96 170.736C214.904 170.736 216.176 171.528 217.088 172.8L218.6 171.696C217.352 169.92 215.576 168.96 213.056 168.96C209.768 168.96 207.512 170.568 207.512 173.544C207.512 176.112 209.192 177.456 212.24 178.152L213.608 178.464C215.816 178.968 216.704 179.76 216.704 181.344C216.704 183.264 215.408 184.512 213.008 184.512C211.064 184.512 209.672 183.672 208.496 182.112L207.008 183.36C208.352 185.184 210.248 186.288 212.936 186.288Z" fill="white"/> <path d="M221.985 186H223.905V181.584L225.753 179.688L229.857 186H232.185L227.145 178.512L231.729 173.616H229.401L225.897 177.384L224.001 179.496H223.905V168.24H221.985V186Z" fill="white"/> <path d="M235.602 170.712C236.418 170.712 236.778 170.28 236.778 169.632V169.32C236.778 168.672 236.418 168.24 235.602 168.24C234.786 168.24 234.426 168.672 234.426 169.32V169.632C234.426 170.28 234.786 170.712 235.602 170.712ZM234.642 186H236.562V173.616H234.642V186Z" fill="white"/> <path d="M240.642 190.8H242.562V183.984H242.658C243.402 185.52 244.578 186.288 246.282 186.288C249.378 186.288 251.322 183.768 251.322 179.808C251.322 175.848 249.378 173.328 246.282 173.328C244.578 173.328 243.306 174.072 242.658 175.632H242.562V173.616H240.642V190.8ZM245.754 184.56C244.002 184.56 242.562 183.648 242.562 182.04V177.432C242.562 176.064 244.002 175.056 245.754 175.056C247.914 175.056 249.258 176.544 249.258 178.752V180.864C249.258 183.072 247.914 184.56 245.754 184.56Z" fill="white"/> <path d="M265.371 186V184.32H262.851V175.296H265.563V173.616H262.851V170.184H261.123V172.488C261.123 173.328 260.859 173.616 260.043 173.616H258.891V175.296H260.931V183.96C260.931 185.16 261.651 186 262.971 186H265.371Z" fill="white"/> <path d="M273.236 186.288C276.548 186.288 278.828 183.744 278.828 179.808C278.828 175.872 276.548 173.328 273.236 173.328C269.924 173.328 267.644 175.872 267.644 179.808C267.644 183.744 269.924 186.288 273.236 186.288ZM273.236 184.584C271.172 184.584 269.708 183.312 269.708 180.696V178.92C269.708 176.304 271.172 175.032 273.236 175.032C275.3 175.032 276.764 176.304 276.764 178.92V180.696C276.764 183.312 275.3 184.584 273.236 184.584Z" fill="white"/> <path d="M289.577 186V177.408C289.577 175.824 291.017 175.056 292.529 175.056C294.353 175.056 295.193 176.184 295.193 178.392V186H297.113V177.408C297.113 175.824 298.505 175.056 300.017 175.056C301.889 175.056 302.729 176.208 302.729 178.392V186H304.649V178.056C304.649 175.056 303.137 173.328 300.617 173.328C298.505 173.328 297.305 174.504 296.849 175.848H296.801C296.129 174.072 294.641 173.328 293.009 173.328C291.089 173.328 290.225 174.36 289.673 175.632H289.577V173.616H287.657V186H289.577Z" fill="white"/> <path d="M318.69 186V184.32H317.274V177.504C317.274 174.888 315.498 173.328 312.522 173.328C310.29 173.328 308.802 174.432 308.13 175.752L309.282 176.832C309.954 175.704 310.938 174.984 312.426 174.984C314.394 174.984 315.354 175.944 315.354 177.696V178.92H312.906C309.306 178.92 307.626 180.216 307.626 182.544C307.626 184.848 309.162 186.288 311.778 186.288C313.506 186.288 314.826 185.496 315.354 183.984H315.474C315.618 185.136 316.194 186 317.61 186H318.69ZM312.09 184.656C310.602 184.656 309.642 183.96 309.642 182.736V182.232C309.642 181.032 310.626 180.36 312.81 180.36H315.354V182.4C315.354 183.672 313.986 184.656 312.09 184.656Z" fill="white"/> <path d="M322.391 170.712C323.207 170.712 323.567 170.28 323.567 169.632V169.32C323.567 168.672 323.207 168.24 322.391 168.24C321.575 168.24 321.215 168.672 321.215 169.32V169.632C321.215 170.28 321.575 170.712 322.391 170.712ZM321.431 186H323.351V173.616H321.431V186Z" fill="white"/> <path d="M329.351 186V177.408C329.351 175.824 330.839 175.056 332.375 175.056C334.223 175.056 335.183 176.184 335.183 178.392V186H337.103V178.056C337.103 175.056 335.495 173.328 332.951 173.328C331.103 173.328 330.047 174.24 329.447 175.632H329.351V173.616H327.431V186H329.351Z" fill="white"/> <path d="M351.351 186.288C353.703 186.288 355.311 185.136 356.103 183.36L354.711 182.424C354.039 183.84 352.911 184.584 351.351 184.584C349.071 184.584 347.895 183.024 347.895 180.864V178.752C347.895 176.592 349.071 175.032 351.351 175.032C352.863 175.032 353.919 175.776 354.375 177.048L355.983 176.232C355.263 174.528 353.799 173.328 351.351 173.328C347.871 173.328 345.831 175.848 345.831 179.808C345.831 183.768 347.871 186.288 351.351 186.288Z" fill="white"/> <path d="M363.353 186.288C366.665 186.288 368.945 183.744 368.945 179.808C368.945 175.872 366.665 173.328 363.353 173.328C360.041 173.328 357.761 175.872 357.761 179.808C357.761 183.744 360.041 186.288 363.353 186.288ZM363.353 184.584C361.289 184.584 359.825 183.312 359.825 180.696V178.92C359.825 176.304 361.289 175.032 363.353 175.032C365.417 175.032 366.881 176.304 366.881 178.92V180.696C366.881 183.312 365.417 184.584 363.353 184.584Z" fill="white"/> <path d="M374.023 186V177.408C374.023 175.824 375.51 175.056 377.046 175.056C378.894 175.056 379.855 176.184 379.855 178.392V186H381.775V178.056C381.775 175.056 380.166 173.328 377.622 173.328C375.774 173.328 374.718 174.24 374.118 175.632H374.023V173.616H372.102V186H374.023Z" fill="white"/> <path d="M390.879 186V184.32H388.359V175.296H391.071V173.616H388.359V170.184H386.631V172.488C386.631 173.328 386.367 173.616 385.551 173.616H384.399V175.296H386.439V183.96C386.439 185.16 387.159 186 388.479 186H390.879Z" fill="white"/> <path d="M398.719 186.288C401.047 186.288 402.823 185.136 403.615 183.456L402.247 182.472C401.599 183.84 400.399 184.608 398.839 184.608C396.535 184.608 395.167 183 395.167 180.864V180.288H404.071V179.376C404.071 175.872 402.031 173.328 398.719 173.328C395.359 173.328 393.151 175.872 393.151 179.808C393.151 183.744 395.359 186.288 398.719 186.288ZM398.719 174.936C400.687 174.936 402.007 176.4 402.007 178.584V178.848H395.167V178.68C395.167 176.52 396.631 174.936 398.719 174.936Z" fill="white"/> <path d="M409.155 186V177.408C409.155 175.824 410.643 175.056 412.179 175.056C414.027 175.056 414.987 176.184 414.987 178.392V186H416.907V178.056C416.907 175.056 415.299 173.328 412.755 173.328C410.907 173.328 409.851 174.24 409.251 175.632H409.155V173.616H407.235V186H409.155Z" fill="white"/> <path d="M426.012 186V184.32H423.492V175.296H426.204V173.616H423.492V170.184H421.764V172.488C421.764 173.328 421.5 173.616 420.684 173.616H419.532V175.296H421.572V183.96C421.572 185.16 422.292 186 423.612 186H426.012Z" fill="white"/> <path d="M206 189H427.26V190.44H206V189Z" fill="white"/> </g> </g> </svg>
Copied!