Иконка Pdf
thesvg-color:pdf
Иконка Pdf (thesvg-color:pdf) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 75 × 93. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 75 × 93
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="75" height="93" viewBox="0 0 75 93"><path fill="#ff2116" d="M9.564 0C4.292 0 0 4.295 0 9.567v73.47c0 5.271 4.292 9.567 9.564 9.567h56.18c5.273 0 9.564-4.295 9.564-9.567V22.623s.151-1.768-.618-3.49a9.7 9.7 0 0 0-1.892-2.736l-.009-.012l-13.938-13.67l-.023-.024S57.638 1.557 55.874.8c-2.078-.891-4.218-.797-4.218-.797l.03-.003z" color="#000" paint-order="markers fill stroke"/><path fill="#f5f5f5" d="M9.564 3.142h42.154s1.685.016 2.917.546a8 8 0 0 1 2.037 1.29l13.905 13.64s.838.884 1.244 1.794c.327.734.348 2.078.348 2.078l-.003.068v60.48a6.374 6.374 0 0 1-6.422 6.423H9.564a6.374 6.374 0 0 1-6.421-6.424V9.567a6.374 6.374 0 0 1 6.42-6.424z" color="#000" paint-order="markers fill stroke"/><path fill="#ff2116" d="M18.804 55.135c-2.162-2.162.177-5.133 6.526-8.288l3.994-1.985l1.557-3.405a134 134 0 0 0 2.838-6.79l1.283-3.386l-.884-2.506c-1.087-3.08-1.474-7.71-.785-9.374c.934-2.255 3.994-2.024 5.205.393c.946 1.888.849 5.307-.272 9.618l-.92 3.534l.81 1.375c.445.756 1.746 2.55 2.89 3.989l2.152 2.676l2.677-.35c8.503-1.11 11.416.777 11.416 3.48c0 3.413-6.677 3.695-12.284-.243c-1.262-.886-2.128-1.767-2.128-1.767s-3.513.716-5.243 1.182c-1.785.48-2.675.782-5.29 1.665c0 0-.918 1.332-1.516 2.301c-2.224 3.604-4.821 6.59-6.676 7.677c-2.077 1.217-4.254 1.3-5.35.204m3.393-1.212c1.216-.751 3.676-3.66 5.378-6.361l.69-1.093l-3.14 1.578c-4.848 2.438-7.066 4.735-5.913 6.125c.648.78 1.423.716 2.985-.25zm31.494-8.84c1.189-.833 1.016-2.51-.328-3.187c-1.045-.527-1.888-.635-4.606-.595c-1.67.114-4.354.45-4.81.553c0 0 1.476 1.02 2.13 1.394c.872.498 2.99 1.422 4.537 1.895c1.526.467 2.409.418 3.077-.06m-12.663-5.264c-.72-.756-1.943-2.334-2.719-3.507c-1.014-1.33-1.523-2.27-1.523-2.27s-.741 2.386-1.35 3.82l-1.898 4.692l-.55 1.065s2.925-.96 4.414-1.348c1.576-.412 4.776-1.041 4.776-1.041zm-4.081-16.365c.184-1.54.261-3.078-.233-3.853c-1.373-1.5-3.03-.25-2.749 3.318c.095 1.2.393 3.25.791 4.515l.725 2.299l.51-1.732c.28-.952.71-2.998.956-4.547"/><path fill="#2c2c2c" d="M22.482 65.148h3.51q1.682 0 2.731.323q1.048.311 1.766 1.4q.716 1.081.716 2.607q0 1.403-.582 2.41t-1.567 1.455q-.977.446-3.014.446h-1.214v5.536h-2.346zm2.345 1.817v4.943h1.165q1.558 0 2.15-.58q.602-.582.602-1.891q0-.976-.395-1.578q-.395-.613-.873-.748q-.467-.146-1.484-.146zm8.175-1.817h3.189q2.315 0 3.696.82q1.392.82 2.098 2.441q.717 1.62.717 3.592q0 2.078-.644 3.71q-.634 1.62-1.953 2.617q-1.308.997-3.738.997h-3.365zm2.346 1.88v10.416h.978q2.045 0 2.968-1.413q.925-1.422.925-3.79q0-5.213-3.893-5.213zm9.607-1.88h7.873v1.88h-5.526v4.237h4.425v1.88h-4.423v6.18h-2.35z"/></svg>Как использовать иконку Pdf
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:pdf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:pdf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:pdf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--pdf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:pdf"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:pdf"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/pdf.svg" alt="Иконка Pdf" width="24" height="24">Иконка Pdf в других наборах
Вопросы и ответы: Иконка Pdf
Можно ли бесплатно использовать иконку Pdf в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pdf в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:pdf" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pdf на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/pdf.svg" alt="Иконка Pdf">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.