Иконка Ant Design

thesvg:ant-design

Иконка Ant Design (thesvg:ant-design) — бесплатная SVG-иконка из набора theSVG от thesvg.org. Она нарисована на сетке 24 × 24. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG
Автор: thesvg.org
Лицензия: MIT
Размер: 24 × 24
Теги: antdesign

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.451 6.68c.51-.506.51-1.33 0-1.837L15.578 2.97l.003.002l-2.554-2.55a1.463 1.463 0 0 0-2.05.013L.427 10.98a1.443 1.443 0 0 0 0 2.047l10.549 10.54a1.45 1.45 0 0 0 2.05 0l4.423-4.42a1.297 1.297 0 0 0 0-1.838a1.305 1.305 0 0 0-1.84 0l-3.35 3.354a.346.346 0 0 1-.495 0l-8.427-8.419a.346.346 0 0 1 0-.495l8.424-8.42l.035-.029a.34.34 0 0 1 .46.03l3.354 3.35a1.3 1.3 0 0 0 1.841 0m-8.244 5.376a2.848 2.846 0 1 0 5.696 0a2.848 2.846 0 1 0-5.696 0m14.367-1.034L20.28 7.743a1.303 1.303 0 0 0-1.841.003a1.297 1.297 0 0 0 0 1.838l2.224 2.222c.14.139.14.356 0 .495l-2.192 2.19a1.297 1.297 0 0 0 0 1.837a1.305 1.305 0 0 0 1.84 0l3.264-3.26a1.445 1.445 0 0 0-.002-2.047"/></svg>

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

React

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

<Icon icon="thesvg:ant-design" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:ant-design" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:ant-design" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--ant-design]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:ant-design"></div>

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

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

<iconify-icon icon="thesvg:ant-design"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg/ant-design.svg" alt="Иконка Ant Design" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки theSVG →