Ikon Discord Outlined
ant-design:discord-outlined
Ikon Discord Outlined (ant-design:discord-outlined) adalah ikon SVG gratis dari set Ant Design Icons karya HeskeyBaozi. Ikon ini digambar pada grid 1024 × 1024. Ant Design Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Ant Design Icons
- Pembuat
- HeskeyBaozi
- Lisensi
- MIT
- Ukuran
- 1024 × 1024
- Tag
- discordoutlined
Kode 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>Cara memakai ikon 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>Web component
<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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/ant-design/discord-outlined.svg" alt="Ikon Discord Outlined" width="24" height="24">Ikon terkait di Ant Design Icons
FAQ Ikon Discord Outlined
Apakah ikon Discord Outlined gratis untuk penggunaan komersial?
Ya. Ant Design Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Discord Outlined di React?
Pasang @iconify/react lalu render <Icon icon="ant-design:discord-outlined" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Discord Outlined ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ant-design/discord-outlined.svg" alt="Ikon Discord Outlined">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.