ICONYZ
Русский
Иконка Discord Outlined из набора Ant Design Icons

Иконка Discord Outlined

ant-design:discord-outlined

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

Набор
Ant Design Icons
Автор
HeskeyBaozi
Лицензия
MIT
Размер
1024 × 1024
Теги
discordoutlined
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M404.992 158L380 161.008s-112.128 12.256-194.016 78.016h-.96l-1.024.96c-18.368 16.896-26.368 37.664-39.008 68.032a982 982 0 0 0-37.984 112C83.264 505.872 64 609.872 64 705.008v8l4 8c29.632 52 82.24 85.12 131.008 108c48.736 22.88 90.88 35.008 120 36l19.008.992L348 849.008l35.008-62.016c37.12 8.384 79.872 14.016 128.992 14.016s91.872-5.632 128.992-14.016L676 849.008L686.016 866l18.976-.992c29.12-.992 71.264-13.12 120-36c48.768-22.88 101.376-56 131.008-108l4-8v-8c0-95.136-19.264-199.136-43.008-284.992a982 982 0 0 0-37.984-112c-12.64-30.4-20.64-51.136-39.008-68l-.992-1.024h-1.024C756.16 173.264 644 161.008 644 161.008L619.008 158l-9.024 23.008s-9.248 23.36-14.976 50.016A643 643 0 0 0 512 225.008c-17.12 0-46.72 1.12-83.008 6.016c-5.76-26.656-15.008-50.016-15.008-50.016zm-44 73.024c1.376 4.48 2.752 8.352 4 12c-41.376 10.24-85.504 25.856-125.984 50.976l33.984 54.016C356 296.496 475.232 289.008 512 289.008c36.736 0 156 7.488 239.008 59.008L784.992 294c-40.48-25.12-84.608-40.736-125.984-51.008c1.248-3.616 2.624-7.488 4-12c29.856 6.016 86.88 19.776 133.984 57.024c-.256.128 12 18.624 23.008 44.992c11.264 27.136 23.744 63.264 35.008 104c21.632 78.112 38.624 173.248 40 256.992c-20.16 30.752-57.504 58.496-97.024 77.024A311.8 311.8 0 0 1 720 795.984l-16-26.976c9.504-3.52 18.88-7.36 27.008-11.008c49.248-21.632 76-44.992 76-44.992l-42.016-48s-17.984 16.512-60 35.008C663.04 718.512 598.88 737.008 512 737.008s-151.008-18.496-192.992-36.992c-42.016-18.496-60-35.008-60-35.008l-42.016 48s26.752 23.36 76 44.992A425 425 0 0 0 320 769.008l-16 27.008a311.8 311.8 0 0 1-78.016-25.024c-39.488-18.496-76.864-46.24-96.96-76.992c1.344-83.744 18.336-178.88 40-256.992a917 917 0 0 1 34.976-104c11.008-26.368 23.264-44.864 23.008-44.992c47.104-37.248 104.128-51.008 133.984-56.992M400 449.008c-24.736 0-46.624 14.112-60 32s-20 39.872-20 64s6.624 46.112 20 64s35.264 32 60 32s46.624-14.112 60-32s20-39.872 20-64s-6.624-46.112-20-64s-35.264-32-60-32m224 0c-24.736 0-46.624 14.112-60 32s-20 39.872-20 64s6.624 46.112 20 64s35.264 32 60 32s46.624-14.112 60-32s20-39.872 20-64s-6.624-46.112-20-64s-35.264-32-60-32m-224 64c1.76 0 4 .64 8 6.016c4 5.344 8 14.72 8 25.984s-4 20.64-8 26.016c-4 5.344-6.24 5.984-8 5.984s-4-.64-8-6.016a44.83 44.83 0 0 1-8-25.984c0-11.264 4-20.64 8-26.016c4-5.344 6.24-5.984 8-5.984m224 0c1.76 0 4 .64 8 6.016c4 5.344 8 14.72 8 25.984s-4 20.64-8 26.016c-4 5.344-6.24 5.984-8 5.984s-4-.64-8-6.016a44.83 44.83 0 0 1-8-25.984c0-11.264 4-20.64 8-26.016c4-5.344 6.24-5.984 8-5.984"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="ant-design:discord-outlined"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/ant-design/discord-outlined.svg" alt="Иконка Discord Outlined" width="24" height="24">

Похожие иконки в наборе Ant Design Icons

Иконка discord-filled
discord-filled

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

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

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

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

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

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

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

Все Ant Design Icons →