Skip to main content

Web Link

  • Tags:

Examples

Heading
Smaller heading

Inline text 

Example link text 

Icon font

Use in web applications, on buttons, and anywhere you need more than a few icons.

<i class="modus-icons" aria-hidden="true">web_link</i>

SVG sprite

Use for static sites when you only need a few icons.

<svg class="mi" width="1em" height="1em" fill="currentColor">
  <use xlink:href="/connect-icons.svg#web-link" />
</svg>

SVG code

Use when you don't want any dependency.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-connect mi-web-link" viewBox="0 0 24 24">
  <path d="M2.618 12.673c0 .654.11 1.2.437 1.527.218.327.654.437 1.09.437.546 0 .873-.11 1.2-.437.219-.327.328-.764.328-1.527V7H8.29v5.782c0 1.31-.327 2.291-1.09 2.945-.764.655-1.746 1.091-3.055 1.091s-2.292-.328-3.055-.982C.436 15.18 0 14.2 0 12.89V7h2.618zM12.11 7c2.618 0 3.927.982 3.927 2.836q0 1.636-1.636 2.618l2.836 4.255h-3.054l-2.073-3.491h-.655V16.6h-2.51V7zm8.182 7.527H24V16.6h-6.327V7h2.618zm-8.728-3.381H12c.873 0 1.418-.437 1.418-1.2q0-.982-1.309-.982h-.546z"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.