Ícone Modernweb

file-icons:modernweb

O ícone Modernweb (file-icons:modernweb) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 512 × 512. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: File Icons
Autor: John Gardner
Licença: ISC
Tamanho: 512 × 512

Baixar SVG

Código SVG

<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>

Como usar o ícone Modernweb

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>

Imagem HTML

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

Perguntas frequentes sobre Ícone Modernweb

O ícone Modernweb é grátis para uso comercial?

Sim. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Modernweb no React?

Instale @iconify/react e renderize <Icon icon="file-icons:modernweb" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Modernweb a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/modernweb.svg" alt="Ícone Modernweb">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os File Icons →