Color

Advanced editing in SVG Editor

Arcticons

Fonts Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: fonts

The Fonts icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/340689.svg" alt="Fonts icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/340689.svg" alt="Fonts icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/340689.svg"
  alt="Fonts icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-fonts {
  background-image: url('https://proicons.com/icon/340689.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><g><line class="b" x1="30.482" y1="27.7814" x2="38.0028" y2="27.7814"/><path class="b" d="m30.482,27.7814c-2.0341,0-3.6831,1.6616-3.6831,3.7113,0,2.0497,1.649,3.7113,3.6831,3.7113h1.9511c3.0704,0,5.5594-2.5081,5.5594-5.6019"/><path class="b" d="m33.1011,20.3588h5.4972c2.958,0,4.9017,1.3011,4.9017,4.8179v10.0272h-5.4972v-10.0272c0-3.5168-1.9437-4.8179-4.9017-4.8179-2.6056,0-3.5517.1185-4.9017,1.4705"/></g><g><line class="b" x1="16.8864" y1="27.7813" x2="6.9588" y2="27.7813"/><polyline class="b" points="4.5 35.204 11.9226 12.796 19.3452 35.204"/></g><polyline class="b" points="11.9226 12.796 17.2596 12.796 24.6822 35.204 19.3452 35.204"/><line class="b" x1="31.3064" y1="27.7814" x2="31.3064" y2="35.204"/></svg>

Fonts in other icon packs

Bootstrap Icons

Metro UI Dock

Copied!

Fonts Icon

More from Arcticons

Fonts in other icon packs