Wix icon

file-icons:wix

The Wix icon (file-icons:wix) 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="M507.522 65.853c5.526-9.86 7.72-17.573-4.068-16.272h-74.24c-20.53-1.15-49.286 26.22-77.29 58.985c-11.51-31.249-26.467-57.09-57.968-56.951H208.84s-26.848-.405-48.217 56.03c-7.647-16.704-52.62-52.708-67.475-58.056C78.292 44.24 16.975 45.62 6.15 48.564c-10.825 2.942-4.068 12.204-4.068 12.204c19.053 21.696 77.883 164.908 150.38 199.372l-99.53 185.045c-7.272 9.95-5.462 16.918 5.593 20.848l88.986-1.525c20.259-2.739 34.608-12.946 44.747-28.476l64.466-97.164l73.844 106.826c10.762 11.672 30.48 16.656 39.153 16.78h80.85c11.961-.67 14.82-2.606 12.204-13.22L360.845 260.18C440.91 218.4 478.504 102.013 507.522 65.853M294.758 98.315l28.763-.277c-7.049 9.271-16.897 13.633-29.593 12.999zm13.305 21.085c11.607 2.177 14.879 7.432 12.22 30.842s-29.56 15.072-30.82 1.856c-1.258-13.215 6.992-34.876 18.6-32.698m-30.819 45.197c-.92 9.755-1.746 20.173-21.531 21.92c-22.242 1.962-23.472-20.174-23.472-20.174c20.368 14.16 32.214 11.364 45.003-1.746m-61.57-66.282l.83 12.722c-12.697.634-22.544-3.728-29.593-12.999zm5.294 53.783c-1.259 13.216-28.161 21.554-30.82-1.856s.613-28.665 12.22-30.842c11.608-2.178 19.859 19.483 18.6 32.698m112.907 103.759s94.59 164.705 99.408 179.16c-30.51 11.525-78.774 9.214-97.08-9.092c-18.305-18.305-75.807-124.133-75.807-124.133l-84.114 124.133c-9.62 14.734-18.818 15.283-35.92 17.689l-66.416-.03l59.048-106.99c65.765-93.562 123.377-116.585 191.591-140.341c48.039-16.73 85.923-30.016 130.535-71.979c-19.322 38.137-73.772 106.81-121.245 131.583"/></svg>

How to use the Wix icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Wix icon in other icon sets

Wix icon FAQ

Is the Wix 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 Wix icon in React?

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

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

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

Browse all File Icons →