Иконка Sinatra

file-icons:sinatra

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M379.75 166.192c-3.161 3.161-87.276-9.272-127.397-7.112c-54.793 2.948-81.765 21.917-91.037 16.014c-5.778-3.682 3.19-36.361 16.62-45.874c6.627-10.415 56.109 4.83 111.42 8.568c39.196 2.648 75.28 20.077 90.394 28.404m30.778 26.334c116.334 24.502 128.806 110.489 56.994 160.111c-153.634 91-413.816 97.79-461.37 3.925c0 0-41.224-79.94 89.745-127.65c31.356-45.331 27.793-99.495 52.991-127.474c13.54-11.63 30.62-16.655 70.244-11.243c30.906 3.37 121.377 19.67 143.3 27.536c52.61 17.89 49.52 47.752 48.096 74.795m-18.366 48.756c1.15-9.496 1.383-52.874 2.107-67.617c.907-18.372-10.31-30.373-37.508-40.133c-20.143-7.228-109.284-23.358-139.45-26.648c-25.6-3.183-47.028-2.91-56.998 6.855c-12.069 12.514-19.648 48.168-29.117 82.098c-5.432 19.464-20.821 38.022-24.73 52.077c12.765 12.509 40.51 24.446 99.24 24.446h125.589c33.626.767 58.472-12.57 60.867-31.078M95.21 307.31c-3.941-6.856-12.212-33.487-7.733-53.306c-52.67 22.99-77.755 60.32-61.072 93.66c46.887 76.46 210.848 61.911 313.253 36.242c155.008-30.85 209.848-134.934 70.99-171.892c.565 16.977-3.13 81.278-3.13 81.278c1.25 60.883-272.391 65.08-312.308 14.018"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="file-icons:sinatra"></iconify-icon>

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

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

Иконка Sinatra в других наборах

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

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

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

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

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

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

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

Все File Icons →