Иконка Discord Line
mingcute:discord-line
Иконка Discord Line (mingcute:discord-line) — бесплатная SVG-иконка из набора MingCute Icon от MingCute Design. Она нарисована на сетке 24 × 24. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- MingCute Icon
- Автор
- MingCute Design
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Теги
- discordline
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 12.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m-6.5 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/><path fill="currentColor" d="M9 6a1 1 0 0 0 0-2zm-.738-.864l-.25-.968zM6 6l.6.8zM3 16.5l.962-.275zm3.553 3.394a1 1 0 1 0 .894-1.788L7 19zM15.003 4a1 1 0 1 0 0 2zm3 2l.6-.8zm3 10.5l.962.275zm-4.447 1.606a1 1 0 1 0 .894 1.788L17.003 19zM9.361 6.278l-.213-.977zm5.278 0l.213-.977zm.552-.233l-.857-.515zm-6.382 0l.857-.515zM7.652 16.197l.375-.927zm-.204-1.188a1 1 0 1 0-.896 1.788L7 15.903zm10 1.788a1 1 0 1 0-.896-1.788l.448.894zm-11.944 1.46a1 1 0 0 0 1.789.894l-.895-.447zM9 5V4c-.29 0-.676.087-.988.168l.25.968l.25.968a6 6 0 0 1 .37-.084q.072-.014.109-.018Q9.03 6 9 6zm-.738.136l-.25-.968a15 15 0 0 0-1.394.44c-.412.153-.91.36-1.218.592L6 6l.6.8l.052-.031q.06-.034.161-.08c.136-.064.308-.135.503-.207c.39-.145.834-.284 1.196-.378zM6 6l-.6-.8c-.713.535-1.267 1.468-1.694 2.416c-.445.987-.822 2.147-1.113 3.294a24.5 24.5 0 0 0-.61 3.316c-.103.95-.128 1.906.055 2.549L3 16.5l.962-.275c-.067-.232-.093-.84.009-1.787c.096-.896.29-1.967.56-3.036c.272-1.071.615-2.114.998-2.964c.4-.888.784-1.423 1.071-1.638zM3 16.5l-.962.275c.09.316.286.554.423.7c.152.161.332.31.51.443c.359.267.803.535 1.241.78c.877.49 1.869.96 2.34 1.196L7 19l.447-.894c-.528-.264-1.436-.694-2.26-1.153a10 10 0 0 1-1.02-.639a2 2 0 0 1-.25-.212c-.06-.061.004-.018.045.123zM15.003 5v1c-.008 0 .104.01.374.075a12 12 0 0 1 1.63.533q.176.074.289.132c.08.04.11.062.107.06l.6-.8l.6-.8c-.232-.174-.55-.323-.823-.437a13 13 0 0 0-.968-.355a14 14 0 0 0-.964-.276c-.26-.064-.586-.132-.845-.132zm3 1l-.6.8c.287.215.67.75 1.071 1.638c.384.85.726 1.893.997 2.964s.465 2.14.561 3.036c.102.948.076 1.555.01 1.787l.961.275l.962.275c.183-.643.158-1.598.056-2.55a24.5 24.5 0 0 0-.611-3.315c-.29-1.147-.668-2.307-1.112-3.294c-.428-.948-.982-1.881-1.695-2.416zm3 10.5l-.961-.275c.04-.14.103-.184.045-.123a2 2 0 0 1-.25.212c-.255.19-.61.409-1.022.639c-.823.46-1.731.889-2.259 1.153l.447.894l.447.894c.473-.236 1.464-.706 2.34-1.195c.44-.246.884-.514 1.242-.78c.178-.134.358-.283.51-.445c.138-.145.332-.383.423-.7zM9.361 6.278l.214.977A11.4 11.4 0 0 1 12 7V5a13.4 13.4 0 0 0-2.852.301zM12 6v1c.854 0 1.67.09 2.425.255l.214-.977l.213-.977A13.4 13.4 0 0 0 12 5zm2.639.278l-.214.977a1.515 1.515 0 0 0 1.623-.694l-.857-.516l-.857-.515a.485.485 0 0 1 .518-.229zm-5.278 0l-.213-.977c.185-.04.4.034.518.23l-.857.514l-.857.516a1.51 1.51 0 0 0 1.623.694zm-.552-.233l.857-.515l-.547-.91l-.857.516l-.857.515l.547.91zm6.382 0l.857.516l.548-.91l-.857-.516l-.858-.515l-.547.91zM12.001 17v-1c-1.485 0-2.85-.274-3.974-.73l-.375.927l-.376.927c1.38.56 3.002.876 4.724.876zm-4.35-.803l.376-.927a8 8 0 0 1-.579-.261L7 15.903l-.448.894q.35.175.724.327zm9.35-.294l-.449-.894q-.277.139-.58.261l.377.927l.375.927q.374-.152.724-.327zm-.652.294l-.376-.927c-1.124.456-2.489.73-3.973.73v2c1.723 0 3.345-.317 4.724-.876zm-9.95 2.507l.894.447l1.253-2.507l-.894-.447l-.895-.447l-1.253 2.506zm11.203 0l.895-.446l-1.254-2.508l-.894.447l-.895.447l1.254 2.508zM16 12.25h-1a.25.25 0 0 1 .25-.25v2A1.75 1.75 0 0 0 17 12.25zm-.75.75v-1a.25.25 0 0 1 .25.25h-2c0 .966.784 1.75 1.75 1.75zm-.75-.75h1a.25.25 0 0 1-.25.25v-2a1.75 1.75 0 0 0-1.75 1.75zm.75-.75v1a.25.25 0 0 1-.25-.25h2a1.75 1.75 0 0 0-1.75-1.75zm-5.75.75h-1a.25.25 0 0 1 .25-.25v2a1.75 1.75 0 0 0 1.75-1.75zm-.75.75v-1a.25.25 0 0 1 .25.25H7c0 .966.784 1.75 1.75 1.75zM8 12.25h1a.25.25 0 0 1-.25.25v-2A1.75 1.75 0 0 0 7 12.25zm.75-.75v1a.25.25 0 0 1-.25-.25h2a1.75 1.75 0 0 0-1.75-1.75z"/></svg>Как использовать иконку Discord Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:discord-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:discord-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:discord-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--discord-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:discord-line"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:discord-line"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/mingcute/discord-line.svg" alt="Иконка Discord Line" width="24" height="24">Похожие иконки в наборе MingCute Icon
Иконка Discord Line в других наборах
Вопросы и ответы: Иконка Discord Line
Можно ли бесплатно использовать иконку Discord Line в коммерческих проектах?
Да. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Discord Line в React?
Установите @iconify/react и выведите <Icon icon="mingcute:discord-line" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Discord Line на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mingcute/discord-line.svg" alt="Иконка Discord Line">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.