Fontsize icon

el:fontsize

The Fontsize icon (el:fontsize) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font 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: Elusive Icons
Author: Team Redux
License: OFL-1.1
Size: 1200 × 1200

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1041.282 793.277q-17.919-29.439-44.799-37.762c-37.166-11.894-78.649-11.087-103.68 16c-27.979 37.062-28.68 92.604 0 124.8c43.744 41.293 121.007 20.886 148.479-19.841zm98.559-331.515q60.158 55.039 60.159 156.158v389.114c-.653 10.752-9.477 19.059-19.199 19.199h-120.317c-10.753-.65-19.062-9.479-19.2-19.199v-11.521c-40.166 30.48-86.643 44.523-133.117 44.801c-52.74-1.544-98.588-20.205-134.398-53.119c-44.099-44.131-61.091-98.39-61.438-154.238c1.735-61.103 19.384-116.096 62.078-155.517c39.387-33.317 85.968-48.972 133.759-49.279q79.358 0 133.117 42.239v-37.12q0-88.318-92.158-88.318q-71.678 0-130.558 60.159c-10.422 9.223-25.115 5.606-30.72-5.12l-47.359-81.919q-6.4-12.8 3.84-23.039q43.52-43.52 101.118-65.919c95.159-33.016 222.167-31.196 294.393 32.638m-787.188-63.999l-84.479 302.075h170.237zm351.993 595.191q2.56 7.68 2.562 10.24c-.359 11.383-9.095 19.068-19.2 19.197H536.971q-14.08.002-17.92-14.079l-42.238-148.478H229.775l-42.239 148.478q-3.84 14.08-19.2 14.079H19.858c-15.959-1.327-21.994-11.124-19.199-24.317l250.876-824.308q5.12-14.08 19.2-14.08h165.119q14.078 0 19.198 14.08z"/></svg>

How to use the Fontsize icon

React

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

<Icon icon="el:fontsize" width="24" />

Vue

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

<template>
  <Icon icon="el:fontsize" width="24" />
</template>

Svelte

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

<Icon icon="el:fontsize" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--fontsize]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="el:fontsize"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/el/fontsize.svg" alt="Fontsize icon" width="24" height="24">

Fontsize icon FAQ

Is the Fontsize icon free for commercial use?

Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Fontsize icon in React?

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

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

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

Browse all Elusive Icons →