Rendering outline

Examples

Heading

Smaller heading

Inline text

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="modus-icons notranslate">rendering-outline</i>

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" width="24" viewBox="0 0 32 32">
  <style>
    .st1,.st2{stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10}.st2{stroke-linejoin:round}
  </style>

  <path d="m17.342 2.553-.895-.448a1.001 1.001 0 0 0-.894 0l-.895.448a1 1 0 1 0 .895 1.789L16 4.118l.447.224a1.003 1.003 0 0 0 1.342-.447 1 1 0 0 0-.447-1.342zM8.98 7.51c.15 0 .302-.033.446-.105l2.042-1.021a1 1 0 1 0-.894-1.79L8.53 5.617a1 1 0 0 0 .448 1.895zM4 11c.39 0 .72-.23.884-.555l.01.002a1 1 0 0 0 .895-.552.982.982 0 0 0-.02-.895c.14-.273.168-.6.02-.894a1.002 1.002 0 0 0-1.342-.448l-.894.447c-.058.03-.106.07-.155.107-.02.015-.04.025-.059.04a.987.987 0 0 0-.212.274c-.006.01-.016.016-.021.027-.01.017-.007.035-.015.053a.983.983 0 0 0-.074.274c-.004.028-.01.055-.012.083C3.005 8.976 3 8.987 3 9v1a1 1 0 0 0 1 1zm0 6.6a1 1 0 0 0 1-1v-2.2a1 1 0 1 0-2 0v2.2a1 1 0 0 0 1 1zm1.342 3.953L5 21.382V21a1 1 0 1 0-2 0v1a1 1 0 0 0 .553.894l.894.448a1.003 1.003 0 0 0 1.342-.447 1 1 0 0 0-.447-1.342zm6.127 3.063-2.043-1.021a1 1 0 0 0-.894 1.789l2.042 1.021a1.003 1.003 0 0 0 1.342-.447 1 1 0 0 0-.447-1.342zm5.42 1.946A.993.993 0 0 0 16 26a.993.993 0 0 0-.889.562.993.993 0 0 0-.453 1.885l.895.448c.008.004.019.002.028.006.128.06.268.099.419.099s.291-.039.42-.099c.008-.004.018-.002.027-.007l.895-.447a1 1 0 0 0 .447-1.342.992.992 0 0 0-.9-.543zm5.684-2.966-2.042 1.02a1 1 0 1 0 .895 1.79l2.042-1.021a1 1 0 1 0-.895-1.79zM28 20a1 1 0 0 0-1 1v.382l-.342.17a1 1 0 1 0 .895 1.79l.894-.448A1 1 0 0 0 29 22v-1a1 1 0 0 0-1-1zm0-6.6a1 1 0 0 0-1 1v2.2a1 1 0 1 0 2 0v-2.2a1 1 0 0 0-1-1zm.995-4.437c-.001-.028-.008-.055-.012-.083a.983.983 0 0 0-.074-.274c-.008-.018-.006-.036-.014-.053-.006-.011-.016-.017-.021-.027a.99.99 0 0 0-.216-.275c-.015-.013-.032-.021-.048-.033-.052-.04-.103-.082-.163-.113l-.894-.447a1.001 1.001 0 0 0-1.342.447.982.982 0 0 0 .02.895.982.982 0 0 0-.02.894 1 1 0 0 0 .895.553l.01-.002A.991.991 0 0 0 29 10V9c0-.013-.005-.024-.005-.037zm-5.526-3.347-2.042-1.02a1.001 1.001 0 0 0-.895 1.789l2.042 1.02a1.001 1.001 0 0 0 .895-1.789zm-12 6-2.043-1.021a1 1 0 1 0-.894 1.789l2.042 1.021a1.003 1.003 0 0 0 1.342-.447 1 1 0 0 0-.447-1.342zm4.978 2.042-.447.224-.447-.224a1 1 0 1 0-.895 1.79l.342.17V16a1 1 0 1 0 2 0v-.382l.342-.17a1 1 0 1 0-.895-1.79zm6.126-3.062-2.042 1.02a1 1 0 1 0 .895 1.79l2.042-1.021a1 1 0 1 0-.895-1.79zM16 23.6a1 1 0 0 0 1-1v-2.2a1 1 0 1 0-2 0v2.2a1 1 0 0 0 1 1z"/>
</svg>