Иконка Edx

simple-icons:edx

Иконка Edx (simple-icons:edx) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple Icons
Автор: Simple Icons Collaborators
Лицензия: CC0-1.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.359 10.416q.08.243.079.516a3 3 0 0 1-.011.231h-3q.097-.354.262-.644q.163-.29.39-.497q.225-.208.503-.321q.277-.113.595-.113q.314 0 .549.108q.235.107.394.292t.239.428m5.444-.4a1.2 1.2 0 0 0-.436-.305a1.5 1.5 0 0 0-.58-.108q-.426 0-.79.19a1.95 1.95 0 0 0-.631.528a2.6 2.6 0 0 0-.421.808a3.3 3.3 0 0 0-.154 1.029q0 .349.1.641c.1.292.16.362.28.5q.18.207.431.323q.252.116.56.116q.43 0 .798-.203q.367-.203.639-.554a2.7 2.7 0 0 0 .426-.826q.154-.475.154-1.024q0-.354-.098-.636a1.4 1.4 0 0 0-.278-.479M24 7.468l-2.398 11.276H10.727l.625-2.852H0L2.227 5.256h13.577l-.462 2.212zM7.362 11.045a2.5 2.5 0 0 0-.169-.954a2.1 2.1 0 0 0-.457-.7a1.95 1.95 0 0 0-.669-.434a2.2 2.2 0 0 0-.809-.148a2.7 2.7 0 0 0-1.162.246a2.6 2.6 0 0 0-.911.695q-.38.45-.593 1.077a4.4 4.4 0 0 0-.212 1.393q0 .56.177.99a2.01 2.01 0 0 0 1.198 1.172q.41.151.872.151q.481 0 .885-.115a2.6 2.6 0 0 0 .708-.318q.306-.203.505-.48a1.8 1.8 0 0 0 .287-.595h-.938a1.3 1.3 0 0 1-.508.513q-.334.19-.883.19q-.252 0-.497-.085a1.2 1.2 0 0 1-.444-.274a1.4 1.4 0 0 1-.321-.49a1.9 1.9 0 0 1-.123-.726q0-.072.003-.138t.008-.138h3.986q.015-.077.026-.187l.02-.226a6 6 0 0 0 .021-.419m5.036 3.392L14.04 6.71h-.898l-.682 3.217h-.082a1.4 1.4 0 0 0-.228-.454a1.6 1.6 0 0 0-.375-.354a1.8 1.8 0 0 0-.487-.228a2 2 0 0 0-.567-.082a2.5 2.5 0 0 0-1.45.456a3 3 0 0 0-.575.534q-.259.313-.444.7a4 4 0 0 0-.285.841q-.1.454-.1.952q0 .513.159.929q.159.415.434.708q.274.293.639.449t.78.157q.529 0 .985-.228t.759-.623h.082l-.159.754zm6.116-1.39l3.578-4.125H20.09l-2.184 2.704h-.108l-1.155-2.704h-2.025l1.736 3.928l-3.748 4.44h1.976l2.406-2.852h.162l1.3 2.852h1.988z"/></svg>

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

React

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

<Icon icon="simple-icons:edx" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:edx" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:edx" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--edx]"></span>

UnoCSS

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

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

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

<iconify-icon icon="simple-icons:edx"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/simple-icons/edx.svg" alt="Иконка Edx" width="24" height="24">

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

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

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

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

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

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

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

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

Все Simple Icons →