Coursera icon
thesvg-color:coursera
The Coursera icon (thesvg-color:coursera) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1155 × 164 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 1155 × 164
SVG code
<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>How to use the Coursera icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/thesvg-color/coursera.svg" alt="Coursera icon" width="24" height="24">Coursera icon in other icon sets
Coursera icon FAQ
Is the Coursera icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Coursera icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:coursera" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Coursera icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/coursera.svg" alt="Coursera icon">, or paste the SVG code inline to style it with CSS.