Иконка Ceylon

file-icons:ceylon

Иконка Ceylon (file-icons:ceylon) — бесплатная 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="M488.735 216.288c15.72 22.478 24.488 58.66 23.127 96.058c-1.954 54.195-42.518 101.767-145.322 106.938c-59.072 2.979-138.018-41.128-155.376-41.128c-17.37 0-49.364 10.054-51.191 43.871c-.718 15.044-18.348 57.899-25.964 75.79H0v-381.98c25.922-.688 52.623-.645 80.045.38C152.694 102.219 212.83 94.7 293.987 97.794c0 0 44.22 40.89 71.637 157.883c0 0 11.886 44.787 48.441 37.472c15.883-3.176 16.802-19.747 17.086-20.878c6.883-28.3-43.623-83.432-51.249-90.876c-29.115-28.379-43.76-68.168-46.96-82.314c-4.615-18.4-12.76-63.36 11.947-81.885c13.676-10.255 10.442 8.456 12.834 14.61c0 0 6.875 17.562 22.769 11.408c0 0 10.94-2.394 4.277 7.69c-7.375 11.16-6.723 35.04-2.908 46.667c14.92 45.49 78.831 78.631 106.874 118.716m-232.1 18.615c-11.545-7.596-25.642-6.574-31.47 2.292c-5.82 8.858-1.181 22.215 10.382 29.811c11.55 7.59 25.654 6.565 31.476-2.298c5.827-8.867 1.175-22.209-10.388-29.805m-92.645 55.022c-2.336 7.332-4.639 14.675-7.008 21.997c-2.549 7.877-3.982 19.607-13.98 14.222c-5.58-3.006-8.797-12.256-12.763-17.115c-5.02-6.151-11.13-10.93-18.144-14.598c-9.014-4.713-30.584-5.282-36.829-12.932c-11.637-14.255 12.816-60.079 21.284-72.232c13.208-18.956 32.313-31.314 50.903-44.32c-29.129 8.178-55.756 17.205-74.32 43.17c-15.231 21.305-38.215 69.536-14.522 91.547c14.627 13.59 37.759 8.805 53.414 20.405c10.75 7.965 26.56 32.245 42.683 22.876c15.365-8.928 9.586-38.42 9.282-53.02"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все File Icons →