Square Forward Bold icon

solar:square-forward-bold

The Square Forward Bold icon (solar:square-forward-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Messages
Tags: squareforward, forwardbold, squareforwardbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.5355 20.5355C22 19.0711 22 16.714 22 12C22 11.3985 22 10.8354 21.997 10.3076C21.5862 10.7103 21.0949 11.136 20.5683 11.5922L18.0794 13.7493C17.7752 14.0132 17.4343 14.309 17.1257 14.5071C16.8241 14.7006 16.0564 15.1293 15.1692 14.7242C14.2819 14.3191 14.1032 13.4581 14.0519 13.1035C14.0008 12.7497 13.9997 12.3119 13.9999 11.917C12.6707 12.1476 11.4038 12.6706 10.4734 13.3979L10.4235 13.4369C10.0553 13.7248 9.70248 14.0006 9.41851 14.1851C9.27461 14.2786 9.05476 14.4119 8.79732 14.4989C8.5621 14.5783 7.97989 14.7241 7.3799 14.3723C6.83887 14.055 6.65163 13.5503 6.58718 13.2661C6.52494 12.9916 6.53037 12.733 6.53913 12.5701C6.55605 12.2557 6.61832 11.8537 6.67926 11.4602L6.68911 11.3965C7.16402 8.32548 8.50112 6.23021 10.2382 4.9232C11.4376 4.02074 12.763 3.54214 13.9999 3.33772L13.9999 3.11325C13.9997 2.75005 13.9995 2.34729 14.0379 2.00554C13.4122 2 12.7347 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355Z"/><path d="M17.1549 2.43415L19.5121 4.47712C21.1348 5.88345 21.9462 6.58662 21.9462 7.49988C21.9462 8.41314 21.1348 9.1163 19.5121 10.5226L17.1549 12.5656C16.4413 13.184 16.0846 13.4932 15.7922 13.3597C15.4999 13.2262 15.4999 12.7541 15.4999 11.8099V10.2856C13.3755 10.2856 11.1257 10.9841 9.54957 12.2161C8.72623 12.8597 8.31457 13.1815 8.13869 13.0784C7.96281 12.9752 8.03237 12.5254 8.17149 11.6257C9.0161 6.164 12.8002 4.71416 15.4999 4.71416V3.18984C15.4999 2.24562 15.4999 1.77351 15.7922 1.64003C16.0846 1.50656 16.4413 1.81575 17.1549 2.43415Z"/></g></svg>

How to use the Square Forward Bold icon

React

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

<Icon icon="solar:square-forward-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:square-forward-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:square-forward-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--square-forward-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:square-forward-bold"></div>

Web component

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

<iconify-icon icon="solar:square-forward-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/square-forward-bold.svg" alt="Square Forward Bold icon" width="24" height="24">

Related icons in Solar

Square Forward Bold icon FAQ

Is the Square Forward Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Square Forward Bold icon in React?

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

How do I add the Square Forward Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/square-forward-bold.svg" alt="Square Forward Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →