Иконка Wordpress

topcoat:wordpress

Иконка Wordpress (topcoat:wordpress) — бесплатная SVG-иконка из набора TopCoat Icons от TopCoat. Она нарисована на сетке 42 × 42. TopCoat Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: TopCoat Icons
Автор: TopCoat
Лицензия: Apache-2.0
Размер: 42 × 42

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><path fill="currentColor" d="M20.976 41C9.808 40.785 1.078 31.629 1 20.977C1.216 9.817 10.323 1.079 20.976 1C32.138 1.223 40.921 10.31 41 20.977C40.78 32.147 31.644 40.922 20.976 41m0-38.583c-10.37.204-18.533 8.657-18.605 18.56c.202 10.379 8.703 18.534 18.605 18.606c10.38-.202 18.534-8.704 18.606-18.606C39.387 10.6 30.865 2.49 20.976 2.417m-4.798 34.926l5.12-14.72l5.348 14.4c-3.603 1.206-7.01 1.28-10.468.32m-3.932-26.011a31.3 31.3 0 0 1-5.486.273c3.396-4.855 8.834-7.586 14.217-7.634c4.404.083 8.51 1.747 11.521 4.479c-1.396-.104-2.232.51-2.834 1.555c-.875 2.697.974 4.695 2.011 6.72c.982 1.85.904 3.954.366 5.76l-2.56 8.73l-6.172-18.33c.643-.06 1.29-.08 1.874-.183c.691-.154.843-.797.366-1.19c-.152-.12-.32.017-.503.017l-3.703.47h-2.812c-.793 0-3.035-.916-3.223.124c-.098.4.202.616.55.679c.61.079 1.311.12 1.873.179l2.697 7.198l-3.749 11.05l-6.217-18.337c.658-.058 1.324-.08 1.92-.186q.732-.093.641-.732a.824.824 0 0 0-.777-.642m-6.858 2.834l8.183 22.125a17.4 17.4 0 0 1-6.948-6.148c-3.04-4.851-3.36-11.006-1.235-15.977m31.977 11.36c-1.343 4.387-4.087 8.02-7.885 10.217q.274-.73.868-2.468l4.755-13.806q.685-2.012.96-4.48c.061-.673.063-1.352-.046-1.965c1.948 4.2 2.5 8.362 1.348 12.502"/></svg>

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

React

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

<Icon icon="topcoat:wordpress" width="24" />

Vue

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

<template>
  <Icon icon="topcoat:wordpress" width="24" />
</template>

Svelte

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

<Icon icon="topcoat:wordpress" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="topcoat:wordpress"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все TopCoat Icons →