Иконка Prettier
file-icons:prettier
Иконка Prettier (file-icons:prettier) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 439 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- File Icons
- Автор
- John Gardner
- Лицензия
- ISC
- Размер
- 439 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="439" height="512" viewBox="0 0 439 512"><path fill="currentColor" d="M304.805 24.381H12.145C-4.408 23.629-3.685.134 12.145 0h292.66c15.91.24 16.48 23.565 0 24.381M12.14 121.905c-16.548-.752-15.825-24.247 0-24.381h170.763c15.906.24 16.475 23.565 0 24.38zm121.905-48.762c-16.548-.752-15.825-24.247 0-24.381H377.95c15.907.24 16.475 23.565 0 24.38zm195.141 24.38c15.906.242 16.478 23.566.002 24.382h-97.62c-16.547-.752-15.824-24.247 0-24.381zm48.669 24.382c-16.548-.752-15.825-24.247 0-24.381h24.476c15.907.24 16.475 23.565 0 24.38zM12.14 170.667c-16.548-.752-15.825-24.247 0-24.381H61c15.906.24 16.475 23.565 0 24.38zm292.572 0c-16.548-.752-15.825-24.247 0-24.381h122c15.906.24 16.475 23.565 0 24.38zm-195.048 0c-16.548-.752-15.825-24.247 0-24.381h24.477c15.906.24 16.475 23.565 0 24.38zM12.141 463.238c-16.548-.752-15.825-24.247 0-24.38H61c15.906.24 16.475 23.564 0 24.38zm97.524 0c-16.548-.752-15.825-24.247 0-24.38h24.477c15.906.24 16.475 23.564 0 24.38zm195.048-243.81c-16.548-.751-15.825-24.246 0-24.38h122c15.906.24 16.475 23.565 0 24.38zm-292.572 0c-16.548-.751-15.825-24.246 0-24.38h122c15.907.24 16.476 23.565 0 24.38zm0 195.048c-16.548-.752-15.825-24.247 0-24.38h122c15.907.24 16.476 23.564 0 24.38zm0 97.524c-16.548-.752-15.825-24.247 0-24.381h122c15.907.241 16.476 23.565 0 24.381zm0-243.81c-16.548-.751-15.825-24.246 0-24.38h24.477c15.906.24 16.475 23.565 0 24.38zm73.143 0c-16.548-.751-15.825-24.246 0-24.38h73.239c15.906.24 16.475 23.565 0 24.38zm121.905 0c-16.548-.751-15.825-24.246 0-24.38h195.143c15.907.24 16.475 23.565 0 24.38zm97.524 48.762c-16.548-.751-15.825-24.246 0-24.38h73.238c15.907.24 16.475 23.565 0 24.38zm-146.286 0c-16.548-.751-15.825-24.246 0-24.38h97.62c15.906.24 16.475 23.565 0 24.38zm-146.286 0c-16.548-.751-15.825-24.246 0-24.38h97.62c15.906.24 16.475 23.565 0 24.38zm0 48.762c-16.548-.751-15.825-24.246 0-24.38h24.477c15.906.24 16.475 23.564 0 24.38zm73.143 0c-16.548-.751-15.825-24.246 0-24.38h219.524c15.907.24 16.476 23.564 0 24.38zM12.141 73.143c-16.548-.752-15.825-24.247 0-24.381h73.192c15.968.24 16.539 23.565 0 24.38z"/></svg>Как использовать иконку Prettier
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:prettier" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:prettier" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:prettier" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--prettier]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:prettier"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:prettier"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/file-icons/prettier.svg" alt="Иконка Prettier" width="24" height="24">Иконка Prettier в других наборах
Вопросы и ответы: Иконка Prettier
Можно ли бесплатно использовать иконку Prettier в коммерческих проектах?
Да. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Prettier в React?
Установите @iconify/react и выведите <Icon icon="file-icons:prettier" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Prettier на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/file-icons/prettier.svg" alt="Иконка Prettier">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.