Sqf icon

file-icons:sqf

The Sqf icon (file-icons:sqf) 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="M45.584 235.888C115.814 106.2 230.539 61.27 316.172 65.708C325.866 36.634 332.308 13.822 334 0h27c-6.519 18.978-15.163 41.811-25.422 67.621c22.488 3.318 42.273 10.255 57.754 20.053C241.5 59.5 140.195 131.102 73.582 227.763c-10.975-1.056-20.367 1.794-27.998 8.125m445.374 28.7l-65.91.152c29.159-70.106 15.526-141.448-61.972-168.711c66.97 32.493 77.037 100.204 49.044 168.74l-159.4.369c27.035-62.906 52.241-121.978 72.631-172.1l-19.313 2.073c-16.973 47.926-39.905 107.433-64.148 170.052l-73.89.17c-17.333 4.667-14.667 52-14.667 52c12.615-10.198 35.554-19.395 77.314-27.297c-18.048 46.61-36.424 94.343-53.378 139.746l5.688-.152c7.731-19.166 15.56-38.422 24.376-58.963c11.964-27.873 23.889-55.552 35.55-82.652c40.049-6.885 94.292-12.597 166.478-16.755c-19.432 43.853-54.195 87.6-99.361 122.24c52.039-31.027 91.611-76.451 112.544-122.973c21.29-1.137 44.056-2.146 68.414-3.015zM23 307c-10.441 98.736 51.04 157.918 141.32 156.99c-6.012 16.457-9.952 32.617-15.32 48.01c7.243-16.758 13.77-32.529 20.036-47.92C210.632 463.061 257.78 449.37 306 421C157.333 476 36 444.667 23 307"/></svg>

How to use the Sqf icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Sqf icon FAQ

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

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

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

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

Browse all File Icons →