Иконка Square Forward Bold Duotone

solar:square-forward-bold-duotone

Иконка Square Forward Bold Duotone (solar:square-forward-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Сообщения
Теги: squareforward, forwardbold, boldduotone, squareforwardboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M1 13.5289C1 8.862 1 6.52855 2.44982 5.07873C3.89964 3.62891 6.2331 3.62891 10.9 3.62891C15.5669 3.62891 17.9004 3.62891 19.3502 5.07873C20.8 6.52855 20.8 8.862 20.8 13.5289C20.8 18.1958 20.8 20.5293 19.3502 21.9791C17.9004 23.4289 15.5669 23.4289 10.9 23.4289C6.2331 23.4289 3.89964 23.4289 2.44982 21.9791C1 20.5293 1 18.1958 1 13.5289Z" opacity=".5"/><path d="M17.6703 1.90726L20.2633 4.15452C22.0483 5.70149 22.9408 6.47497 22.9408 7.47955C22.9408 8.48414 22.0483 9.25762 20.2633 10.8046L17.6703 13.0519C16.8855 13.7321 16.493 14.0722 16.1715 13.9254C15.8499 13.7786 15.8499 13.2592 15.8499 12.2206V10.5438C13.1999 10.5438 10.3726 11.5318 8.64962 13.2434C8.12486 13.7646 7.86248 14.0252 7.72286 13.9591C7.58324 13.893 7.61571 13.5563 7.68065 12.883C8.32892 6.1615 12.7424 4.41527 15.8499 4.41527V2.73851C15.8499 1.69987 15.8499 1.18055 16.1715 1.03373C16.493 0.886898 16.8855 1.22702 17.6703 1.90726Z"/></g></svg>

Как использовать иконку Square Forward Bold Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/square-forward-bold-duotone.svg" alt="Иконка Square Forward Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Square Forward Bold Duotone

Можно ли бесплатно использовать иконку Square Forward Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Square Forward Bold Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:square-forward-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Square Forward Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/square-forward-bold-duotone.svg" alt="Иконка Square Forward Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →