Fox News icon
thesvg-color:fox-news
The Fox News icon (thesvg-color:fox-news) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1235 × 1235 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
- 1235 × 1235
- Tags
- foxnews, new
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1235" height="1235" viewBox="0 0 1235 1235"><path fill="#036" d="M0 0h1235v1001.7H0z"/><path fill="#c20017" d="M0 1015.4h1235V1235H0z"/><path fill="#fff" d="M1235 717h-2.3c-13.7-33.6-29.2-66.4-46.5-98.3h15.2c12 23 23.2 46.3 33.6 70zM0 137.2c60.8-20.4 123.3-34.8 186.9-43.1L205 0h146.7l-32.9 85.4c39.5-.1 78.9 2.2 118.1 6.9L482.6 0h161.2L567 116.6c101.9 26.4 198.9 68.8 287.3 125.7c17.6 11.3 34.7 23.2 51.3 35.5h-23.3C784.6 209 675.1 158.4 559.2 128.7l-93.9 145.7h-67.4v99.2L231.6 644.9h-53.2v90.7L8 1001.7H2.6l428.1-896.6c-38.7-4.5-77.7-6.6-116.6-6.3L1.2 1001.7H0M0 985l183.9-876.7C121.6 117 60.3 131.8.8 152.3H0M637.4 0"/><path fill="#fff" d="M507.7 503.3h90.2V419h-90.2v-40.2h109.8l-6-84.5H415.9v309.4h91.8zm381.6 99.5H988l45-75.9l46.1 76h101l-97.4-160.3l87.7-147.8h-100l-37.7 64.2l-39.1-64.4H891.9l90.3 148.7zm-114.8 3.4c87.3 1.2 159.1-68.4 160.6-155.7c-3.7-88.8-78.6-157.8-167.5-154.2c-83.7 3.5-150.7 70.5-154.2 154.2c1.4 87.4 73.4 157.1 160.8 155.7zm-28.4-223.6c.1-15.3 12.2-27.7 27.4-28.4c15.7.3 28.4 12.8 29 28.4v131.3c-1.1 15.6-14.6 27.3-30.2 26.2c-14.1-1-25.2-12.2-26.2-26.2zM528.6 834.7H622v-61.9h-93.4v-42.1h113.8v-67H456.5V953h187.3v-69.6H528.6zm402-171l-35.8 165.6l-35-165.6H798L764.7 831L730 663.7h-73.7L723.2 953h67.2l32.9-165.8L857.2 953H923l67.2-289.3zm244 130.7c-19.2-17.7-41.2-22.4-65.9-29.4c-29.2-8.2-45.3-9.1-45.3-26.1c1.2-12.6 12.4-21.8 25-20.6h.2c18.6-1.5 35.6 10.8 39.9 29l63.1-21c-11.7-44-52.5-73.9-98-71.9c-65.9 0-106.2 40.5-106.2 95c0 47.1 27.4 70.3 82.3 86.7c32.8 9.9 50.2 9.1 50.2 30.2c0 11.1-10.3 19.8-27.4 19.8c-22.6 2.6-43.2-12.9-47.1-35.3L976.2 866c11.8 54.9 52.7 87.5 115.4 87.5c31 .8 60.9-11.5 82.3-33.9c15.8-17.4 24.5-40.1 24.3-63.7c1.3-23-7.4-45.4-23.7-61.6h.1zm-807.9 14.5L280.5 665h-83.6v288.2h73.4V784.8l98.4 168h69.6V664.6h-71.4zm-248 305.8c7.9-1.4 15.7 3.1 18.5 10.6h41.2c-2.6-19.5-24.7-31.1-59.1-31.1c-39.4.5-64.4 17.4-64.4 44.9c0 25 24.6 41.2 61.9 41.2c34.4 0 56.9-11.9 61.1-32.2h-40.6c-2.3 7.8-8.8 11.7-19.3 11.7c-13.7 0-21.1-7.3-21.1-21.8s7.7-23.3 21.8-23.3m400.7 47.2v-30.3c1.6-9.4-1.5-19-8.2-25.7c-13.8-8.3-29.9-12-46-10.4c-35.5 0-54.9 8.6-58.9 27.4H444c1.6-5.9 8.5-9.1 20.3-9.1s16.2 2.5 16.2 7.1v1.9c0 6.2-15.5 4.9-44.5 9.3c-22.1 3.3-33.2 11.5-33.2 24.8s14.5 23.1 39.1 23.1c14 .4 27.9-3.4 39.8-10.8c.4 2.8 1.1 5.6 2.1 8.2H525v-3c-3.6-1.4-5.5-5.6-5.5-12.8zm-39.1-12.9c0 8.5-9.9 13.7-23.7 13.7c-9.2 0-15.1-4-15.1-9.5s4.3-7.3 13.7-8.9c8.5-.8 16.9-2.3 25.1-4.5zm184.7-53.4c-13.9-1.2-27.6 3.5-37.9 12.9v-10.7h-39.8v80h41.2v-43c0-13.7 5.9-19.3 20.7-19.3s17.2 7.1 17.2 21.8v40.2h41.2v-52.3c-.5-20.2-11.8-29.6-42.1-29.6zm-356 1.1c-13.9-1-27.7 3.5-38.4 12.5v-38.8h-41.2v108.4h41.2v-42.7c0-13.7 5.9-19.3 20.7-19.3s17.2 7.1 17.2 21.8v40.2h41.2v-54.9c0-17.8-14.1-27.2-40.3-27.2zm548.9-1.1c-13.9-1.2-27.6 3.5-37.9 12.9v-10.7h-39.1v80h41.2v-43c0-13.7 5.9-19.3 20.7-19.3s17.2 7.1 17.2 21.8v40.2h41.2v-52.3c-.5-20.2-11.9-29.6-42.3-29.6zm160-.8c-38.1 0-62.8 16.3-62.8 43.1s25.2 42.3 63.8 42.3c32 0 54.9-10.2 61.8-27.4h-39.4c-2.9 5.8-9.9 8.8-21 8.8c-14.5 0-22.4-6-22.4-17.3h84.5c.1-1.6.1-3.1 0-4.7c.3-28-24.2-44.7-63.5-44.7zm-22.1 34.1c1.6-10.7 10.2-16.5 23.3-16.5s23.1 6 23.3 16.5zm143.1-58.6v108.4h41.2v-108.4z"/></svg>How to use the Fox News icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:fox-news" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:fox-news" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:fox-news" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--fox-news]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:fox-news"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:fox-news"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/fox-news.svg" alt="Fox News icon" width="24" height="24">Related icons in theSVG Color
Fox News icon in other icon sets
Fox News icon FAQ
Is the Fox News 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 Fox News icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:fox-news" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fox News icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/fox-news.svg" alt="Fox News icon">, or paste the SVG code inline to style it with CSS.