Иконка Poeditor

logos:poeditor

Иконка Poeditor (logos:poeditor) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 207. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 207

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="207" viewBox="0 0 256 207"><path fill="#fff" d="M59.915 163.404h112.567V19.972H59.915z"/><path fill="#24c1ce" d="M61.267 103.49H0v26.131c0 43.896 35.55 77.357 79.396 77.357h73.132c11.021 0 19.954-8.95 19.954-19.982v-25.092h-34.006c-35.26 0-70.07-24.95-77.209-58.415"/><path fill="#3dd0ad" d="M59.915 90.938c0-39.598 39.01-70.966 78.56-70.966h34.007C172.476 8.946 163.549 0 152.525 0H79.396C35.55 0 0 33.456 0 77.358v26.131h61.267c-.867-4.07-1.352-8.26-1.352-12.55"/><path fill="#404953" d="M123.46 38.128c-10.027 0-18.155 8.125-18.155 18.156c0 10.022 8.128 18.156 18.156 18.156c10.025 0 18.156-8.134 18.156-18.156c0-10.031-8.13-18.156-18.156-18.156"/><path fill="#fff" d="M116.198 43.575a5.45 5.45 0 0 0-5.447 5.44a5.457 5.457 0 0 0 5.447 5.453a5.457 5.457 0 0 0 5.447-5.452c0-3-2.444-5.441-5.447-5.441"/><path fill="#404953" d="M101.674 101.674h49.021V87.149h-49.021z"/><path fill="#ffda00" d="M32.684 85.334c-10.022 0-18.156 8.138-18.156 18.16c-.003 10.022 8.13 18.152 18.153 18.152c10.026 0 18.156-8.134 18.156-18.152c0-10.022-8.129-18.16-18.156-18.16"/><path fill="#404953" d="M230.541 45.348c-16.104-16.104-36.962-24.554-58.06-25.376v90.235l58.06 58.059c33.944-33.943 33.944-88.975 0-122.916zm-58.06 92.637v43.16c11.308-.611 22.478-4.266 32.177-10.983z"/><path fill="#3a4287" d="M61.267 103.49h-1.352v59.141c0 13.515 10.955 24.423 24.47 24.376l88.097-.33v-24.772h-34.006c-35.26 0-70.07-24.95-77.209-58.415"/></svg>

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

React

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

<Icon icon="logos:poeditor" width="24" />

Vue

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

<template>
  <Icon icon="logos:poeditor" width="24" />
</template>

Svelte

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

<Icon icon="logos:poeditor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--poeditor]"></span>

UnoCSS

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

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

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

<iconify-icon icon="logos:poeditor"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/logos/poeditor.svg" alt="Иконка Poeditor" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки SVG Logos →