Espn icon
thesvg-color:espn
The Espn icon (thesvg-color:espn) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 554 × 137 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
- 554 × 137
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="554" height="137" viewBox="0 0 554 137"><path fill="#e52534" d="M181.064.348c-20.608-.027-34.256 10.836-36.176 27.079a1600 1600 0 0 1-1.384 11.257H411.64s.504-3.957.896-7.133C414.552 15.188 407.6.35 382.312.35v.002S191.928.36 181.064.348M17.424.353l-4.706 38.331h121.6l4.688-38.33H17.422h.002zm408.184 0l-4.696 38.331h131.824s.16-1.386.744-5.898C556.688 7.626 540.456.353 524.784.353zm-6.512 52.926l-10.272 83.656l45.48-.016l10.28-83.624l-45.488-.018zm86.4 0l-10.288 83.656l45.48-.016l10.28-83.624l-45.472-.018zm-494.552.012L.654 136.939h121.592l4.48-36.288l-76.138-.008l1.926-15.648h76.108l3.896-31.702H10.95zm130.776 0c-3.336 21.832 7.592 31.701 23.08 31.701c8.424 0 61.52-.024 61.52-.024l-1.92 15.672l-88.488.008l-4.456 36.288s96.336.032 100.24 0c3.224-.232 25.76-.848 33.432-19.28c2.488-5.984 4.688-27.44 5.304-31.944c3.544-26.16-14.568-32.397-28.832-32.397c-7.864 0-84.352-.024-99.88-.024m141.552 0L273 136.939h45.456l6.4-51.944h57.096c16.192 0 24.896-8.706 26.512-20.397a431 431 0 0 0 1.4-11.305H283.272z"/></svg>How to use the Espn icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:espn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:espn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:espn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--espn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:espn"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:espn"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/espn.svg" alt="Espn icon" width="24" height="24">Espn icon in other icon sets
Espn icon FAQ
Is the Espn 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 Espn icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:espn" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Espn icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/espn.svg" alt="Espn icon">, or paste the SVG code inline to style it with CSS.