Иконка Id

dashicons:id

Иконка Id (dashicons:id) — бесплатная SVG-иконка из набора Dashicons от WordPress. Она нарисована на сетке 20 × 20. Dashicons выпущены под лицензией GPL, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Dashicons
Автор: WordPress
Лицензия: GPL-2.0-or-later
Размер: 20 × 20

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M18 16H2V4h16zM7.05 8.53q.195-.105.33-.24c.09-.1.17-.21.24-.34c.07-.14.13-.26.17-.37s.07-.22.1-.34L7.95 7c0-.04.01-.07.01-.09c.05-.32.03-.61-.04-.9c-.08-.28-.23-.52-.46-.72C7.23 5.1 6.95 5 6.6 5c-.2 0-.39.04-.56.11c-.17.08-.31.18-.41.3c-.11.13-.2.27-.27.44q-.105.24-.12.51c-.015.27 0 .36.01.55l.02.09c.01.06.03.15.06.25s.06.21.1.33s.1.25.17.37c.08.12.16.23.25.33s.2.19.34.25c.13.06.28.09.43.09s.3-.03.43-.09M17 9V5h-5v4zm-10.38.83l-1.38-.88c-.41 0-.79.11-1.14.32c-.35.22-.62.5-.81.85c-.19.34-.29.7-.29 1.07v1.25l.2.05c.13.04.31.09.55.14c.24.06.51.12.8.17c.29.06.62.1 1 .14c.37.04.73.06 1.07.06s.69-.02 1.07-.06s.7-.09.98-.14c.27-.05.54-.1.82-.17c.27-.06.45-.11.54-.13q.135-.045.21-.06v-1.25c0-.36-.1-.72-.31-1.07s-.49-.64-.84-.86s-.72-.33-1.11-.33zM17 11v-1h-5v1zm0 2v-1h-5v1zm0 2v-1H3v1z"/></svg>

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

React

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

<Icon icon="dashicons:id" width="24" />

Vue

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

<template>
  <Icon icon="dashicons:id" width="24" />
</template>

Svelte

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

<Icon icon="dashicons:id" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="dashicons:id"></iconify-icon>

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

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

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

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

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

Да. Dashicons выпущены под лицензией GPL, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию.

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

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

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

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

Все Dashicons →