Modernweb icon

file-icons:modernweb

The Modernweb icon (file-icons:modernweb) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M128.224 477.382C97.468 457.656 353.8 18.668 383.71 34.684c30.063 17.357-225.423 460.055-255.486 442.698m41.597-270.908C229.36 102.967 347.62 13.847 383.71 34.684C306.133-7.59 192.58 75.147 132.737 175.107c-67.115 112.103-73.49 266.164-4.513 302.275c-35.191-26.449-11.749-178.167 41.597-270.908M383.71 34.684c40.605 44.376 4.837 193.602-47.05 277.568c-50.211 83.688-161.014 181.835-208.436 165.13c60.253 40.663 192.727-38.17 253.35-144.487c55.512-97.356 84.585-244.908 2.136-298.211m-4.767-3.12c-300.093-146.21-534.837 258.55-250.72 445.818c-234.64-144.57 4.847-568.985 250.72-445.818m10.247 5.918c102.385 63.26 117.705 202.633 48.243 322.945c-60.27 103.141-181.423 185.587-309.21 116.955c122.275 70.595 278.869 28.56 349.463-93.715c68.193-117.443 32.735-272.799-88.496-346.185"/></svg>

How to use the Modernweb icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:modernweb" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:modernweb" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:modernweb" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--modernweb]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:modernweb"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:modernweb"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/modernweb.svg" alt="Modernweb icon" width="24" height="24">

Modernweb icon FAQ

Is the Modernweb icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Modernweb icon in React?

Install @iconify/react and render <Icon icon="file-icons:modernweb" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Modernweb icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/modernweb.svg" alt="Modernweb icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →