ICONYZ
Русский
Иконка Modernweb из набора File Icons

Иконка Modernweb

file-icons:modernweb

Иконка Modernweb (file-icons:modernweb) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
File Icons
Автор
John Gardner
Лицензия
ISC
Размер
512 × 512
Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Modernweb

Можно ли бесплатно использовать иконку Modernweb в коммерческих проектах?

Да. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Modernweb в React?

Установите @iconify/react и выведите <Icon icon="file-icons:modernweb" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Modernweb на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/file-icons/modernweb.svg" alt="Иконка Modernweb">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все File Icons →