Иконка Coursera
thesvg-color:coursera
Иконка Coursera (thesvg-color:coursera) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 1155 × 164. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 1155 × 164
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1155" height="164" viewBox="0 0 1155 164"><path fill="#0056d2" d="M160 82c0-45 36-81 82-81s83 36 83 81c0 44-37 80-83 80s-82-36-82-80m125 0a43 43 0 0 0-86 0a43 43 0 0 0 86 0m706 1c0-49 40-82 76-82c24 0 38 8 48 22l3-19h37v155h-37l-4-16c-11 12-25 19-47 19c-36 0-76-31-76-79m126 0c0-24-20-43-43-43c-24 0-43 19-43 43c0 21 19 41 42 41c24 0 44-20 44-41M946 22V4h-40v155h40V76c0-26 12-39 34-39l4 1l7-38c-21 0-36 7-45 22m-404 0V4h-41l1 155h40V76c0-26 12-39 34-39l4 1l7-38c-21 0-36 7-45 22M339 99V4h40v90c0 20 11 32 31 32c21 0 34-13 34-38V4h40v155h-40v-18c-10 15-25 22-47 22c-36 0-58-26-58-64m392-17c0-44 31-81 80-81c46 0 78 37 78 80l-1 13H770c4 18 20 32 43 32c14 0 29-5 38-17l28 22a80 80 0 0 1-66 31c-47 0-82-35-82-80m118-16c-3-16-19-28-38-28s-34 11-40 27zm-262 60l36-19c6 13 18 20 35 20c15 0 21-5 21-12c0-25-85-10-85-67c0-31 28-48 62-48c26 0 49 12 61 33l-35 19c-5-11-15-17-28-17c-12 0-18 5-18 12c0 24 85 9 85 67c0 30-25 48-64 48c-34 0-58-11-70-36M0 82C0 37 37 1 82 1c28 0 55 13 70 37l-34 20a43 43 0 0 0-36-19c-23 0-42 20-42 43c0 22 19 42 42 42a43 43 0 0 0 37-20l34 20A83 83 0 0 1 0 82"/></svg>Как использовать иконку Coursera
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:coursera" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:coursera" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:coursera" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--coursera]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:coursera"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:coursera"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/coursera.svg" alt="Иконка Coursera" width="24" height="24">Иконка Coursera в других наборах
Вопросы и ответы: Иконка Coursera
Можно ли бесплатно использовать иконку Coursera в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Coursera в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:coursera" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Coursera на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/coursera.svg" alt="Иконка Coursera">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.