Иконка File Play Bold

solar:file-play-bold

Иконка File Play Bold (solar:file-play-bold) — бесплатная 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
Категория: Файлы
Теги: fileplay, playbold, fileplaybold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.30273 12.0508C7.3624 12.0544 7.47742 12.078 7.67578 12.166C8.08693 12.3486 8.63207 12.6983 9.45996 13.2324C10.2756 13.7587 10.8129 14.1077 11.1572 14.4121C11.4863 14.7032 11.4999 14.8338 11.5 14.8994C11.5 14.9647 11.4874 15.0957 11.1572 15.3877C10.8129 15.6921 10.2755 16.0412 9.45996 16.5674C8.63207 17.1016 8.08693 17.4512 7.67578 17.6338C7.47737 17.7219 7.36242 17.7454 7.30273 17.749C7.26364 17.7514 7.25905 17.7462 7.25293 17.7422C7.24572 17.7378 7.13619 17.6776 7.06836 17.1689C7.00153 16.6672 7 15.9532 7 14.8994C7 13.8458 7.00151 13.1325 7.06836 12.6309C7.13668 12.1187 7.24715 12.0613 7.25293 12.0576C7.25903 12.0536 7.26376 12.0484 7.30273 12.0508Z"/><path fill-rule="evenodd" d="M10.0303 2C10.6361 2 11.1218 1.99994 11.5303 2.0166C11.5168 2.09653 11.5091 2.1783 11.5088 2.26074L11.5 5.09473C11.4999 6.19183 11.4994 7.16184 11.6045 7.94336C11.7184 8.79041 11.9807 9.6369 12.6719 10.3281C13.3631 11.0193 14.2096 11.2816 15.0566 11.3955C15.8382 11.5006 16.8082 11.5001 17.9053 11.5H21.957C21.9996 12.0342 22 12.6899 22 13.5625V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.6566 21.9997 17.7712 22 14 22H10C6.22876 22 4.34345 21.9997 3.17188 20.8281C2.0003 19.6566 2 17.7712 2 14V10C2 6.22876 2.0003 4.34345 3.17188 3.17188C4.34345 2.0003 6.23918 2 10.0303 2ZM8.28418 10.7949C7.73434 10.5508 7.07289 10.3952 6.44824 10.792C5.85387 11.1697 5.66388 11.819 5.58203 12.4326C5.4988 13.0572 5.5 13.8914 5.5 14.8994C5.5 15.9074 5.49888 16.7416 5.58203 17.3662C5.66383 17.98 5.8537 18.63 6.44824 19.0078C7.07302 19.4047 7.73424 19.2481 8.28418 19.0039C8.82829 18.7623 9.49121 18.3328 10.2734 17.8281C11.0464 17.3294 11.7013 16.9088 12.1514 16.5107C12.6153 16.1003 13 15.5939 13 14.8994C12.9997 14.2051 12.6153 13.6984 12.1514 13.2881C11.7013 12.8901 11.0463 12.4704 10.2734 11.9717C9.49111 11.4669 8.82833 11.0365 8.28418 10.7949Z" clip-rule="evenodd"/><path d="M13.0088 2.26562C13.7007 2.53113 14.2649 3.03877 15.3926 4.05371L19.3516 7.61621C20.5682 8.71115 21.2175 9.29582 21.5801 10H18C15.643 10 14.4647 9.99981 13.7324 9.26758C13.0002 8.53534 13 7.35697 13 5L13.0088 2.26562Z"/></g></svg>

Как использовать иконку File Play Bold

React

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

<Icon icon="solar:file-play-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:file-play-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:file-play-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:file-play-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/file-play-bold.svg" alt="Иконка File Play Bold" width="24" height="24">

Вопросы и ответы: Иконка File Play Bold

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

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

Как использовать иконку File Play Bold в React?

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

Как добавить иконку File Play Bold на веб-страницу?

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

Все Иконки Solar →