Иконка Jsx Alt

file-icons:jsx-alt

Иконка Jsx Alt (file-icons:jsx-alt) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512
Теги: jsxalt

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M454.528.002H57.47C27.103-.228.404 23.534.001 57.471v397.058c.404 33.937 27.102 57.698 57.469 57.469h397.058c39.276-.56 56.791-30.222 57.472-57.469V57.471C511.32 30.224 493.805.56 454.528.002M155.886 415.331c-3.998 29.688-22.571 49.07-56.68 50.031c-26.581.75-48.166-10.729-61.578-36.037l32.189-19.593c.005.01 8.486 15.307 17.58 18.456c4.805 1.664 14.87 2.274 21.43-2.012c5.992-3.913 7.873-14.344 7.873-14.344v-141.35h39.186zm128.558 42.286c-31.375 13.922-87.052 8.848-106.166-33.191l31.488-18.194c15.745 29.915 56.579 29.843 64.595 10.141c7.83-19.238-15.788-26.76-45.097-39.757c-12.747-6.574-32.472-16.927-38.393-42.226c-4.467-19.09-.48-47.938 29.39-61.112l.003.002c41.43-15.204 73.24 4.199 82.57 26.59l-30.09 19.594c-4.449-8.028-13.93-16.237-24.875-16.824c-9.926-.533-19.154 4.656-19.449 18.08c.59 19.56 26.31 19.558 57.153 39.096c22.595 14.313 26.826 25.253 28.916 45.027c1.548 14.656-1.21 39.979-30.045 52.774m152.743 6.694l-37.786-67.176l-37.787 67.177h-38.486l54.58-100.064l-51.082-95.167h39.189l33.587 62.277l33.587-62.278h38.486l-50.382 95.167l54.58 100.064z"/></svg>

Как использовать иконку Jsx Alt

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="file-icons:jsx-alt"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/file-icons/jsx-alt.svg" alt="Иконка Jsx Alt" width="24" height="24">

Вопросы и ответы: Иконка Jsx Alt

Можно ли бесплатно использовать иконку Jsx Alt в коммерческих проектах?

Да. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Jsx Alt в React?

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

Как добавить иконку Jsx Alt на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/file-icons/jsx-alt.svg" alt="Иконка Jsx Alt">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все File Icons →