Иконка Reddit
thesvg-color:reddit
Иконка Reddit (thesvg-color:reddit) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 216 × 216. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 216 × 216
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="216" height="216" viewBox="0 0 216 216"><defs><radialGradient id="SVGeyNN8cgR" cx="169.75" cy="92.19" r="50.98" fx="169.75" fy="92.19" gradientTransform="matrix(1 0 0 .87 0 11.64)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#feffff"/><stop offset=".4" stop-color="#feffff"/><stop offset=".51" stop-color="#f9fcfc"/><stop offset=".62" stop-color="#edf3f5"/><stop offset=".7" stop-color="#dee9ec"/><stop offset=".72" stop-color="#d8e4e8"/><stop offset=".76" stop-color="#ccd8df"/><stop offset=".8" stop-color="#c8d5dd"/><stop offset=".83" stop-color="#ccd6de"/><stop offset=".85" stop-color="#d8dbe2"/><stop offset=".88" stop-color="#ede3e9"/><stop offset=".9" stop-color="#ffebef"/></radialGradient><radialGradient id="SVGiiexFcKD" cx="47.31" r="50.98" fx="47.31" href="#SVGeyNN8cgR"/><radialGradient id="SVGBItgCeKq" cx="109.61" cy="85.59" r="153.78" fx="109.61" fy="85.59" gradientTransform="matrix(1 0 0 .7 0 25.56)" href="#SVGeyNN8cgR"/><radialGradient id="SVGH4CM9dkP" cx="-6.01" cy="64.68" r="12.85" fx="-6.01" fy="64.68" gradientTransform="matrix(1.07 0 0 1.55 81.08 27.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f60"/><stop offset=".5" stop-color="#ff4500"/><stop offset=".7" stop-color="#fc4301"/><stop offset=".82" stop-color="#f43f07"/><stop offset=".92" stop-color="#e53812"/><stop offset="1" stop-color="#d4301f"/></radialGradient><radialGradient id="SVGvyET2dVH" cx="-73.55" cy="64.68" r="12.85" fx="-73.55" fy="64.68" gradientTransform="matrix(-1.07 0 0 1.55 62.87 27.26)" href="#SVGH4CM9dkP"/><radialGradient id="SVGxD1J2bVH" cx="107.93" cy="166.96" r="45.3" fx="107.93" fy="166.96" gradientTransform="matrix(1 0 0 .66 0 57.4)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#172e35"/><stop offset=".29" stop-color="#0e1c21"/><stop offset=".73" stop-color="#030708"/><stop offset="1"/></radialGradient><radialGradient id="SVGgKlHHcLv" cx="147.88" cy="32.94" r="39.77" fx="147.88" fy="32.94" gradientTransform="matrix(1 0 0 .98 0 .54)" href="#SVGeyNN8cgR"/><radialGradient id="SVGqNNPscIo" cx="131.31" cy="73.08" r="32.6" fx="131.31" fy="73.08" gradientUnits="userSpaceOnUse"><stop offset=".48" stop-color="#7a9299"/><stop offset=".67" stop-color="#172e35"/><stop offset=".75"/><stop offset=".82" stop-color="#172e35"/></radialGradient></defs><path fill="#ff4500" d="M108 0C48.35 0 0 48.35 0 108c0 29.82 12.09 56.82 31.63 76.37l-20.57 20.57C6.98 209.02 9.87 216 15.64 216H108c59.65 0 108-48.35 108-108S167.65 0 108 0"/><circle cx="169.22" cy="106.98" r="25.22" fill="url(#SVGeyNN8cgR)"/><circle cx="46.78" cy="106.98" r="25.22" fill="url(#SVGiiexFcKD)"/><ellipse cx="108.06" cy="128.64" fill="url(#SVGBItgCeKq)" rx="72" ry="54"/><path fill="url(#SVGH4CM9dkP)" d="M86.78 123.48c-.42 9.08-6.49 12.38-13.56 12.38s-12.46-4.93-12.04-14.01s6.49-15.02 13.56-15.02s12.46 7.58 12.04 16.66Z"/><path fill="url(#SVGvyET2dVH)" d="M129.35 123.48c.42 9.08 6.49 12.38 13.56 12.38s12.46-4.93 12.04-14.01s-6.49-15.02-13.56-15.02s-12.46 7.58-12.04 16.66Z"/><ellipse cx="79.63" cy="116.37" fill="#ffc49c" rx="2.8" ry="3.05"/><ellipse cx="146.21" cy="116.37" fill="#ffc49c" rx="2.8" ry="3.05"/><path fill="url(#SVGxD1J2bVH)" d="M108.06 142.92c-8.76 0-17.16.43-24.92 1.22c-1.33.13-2.17 1.51-1.65 2.74c4.35 10.39 14.61 17.69 26.57 17.69s22.23-7.3 26.57-17.69c.52-1.23-.33-2.61-1.65-2.74c-7.77-.79-16.16-1.22-24.92-1.22"/><circle cx="147.49" cy="49.43" r="17.87" fill="url(#SVGgKlHHcLv)"/><path fill="url(#SVGqNNPscIo)" d="M107.8 76.92c-2.14 0-3.87-.89-3.87-2.27c0-16.01 13.03-29.04 29.04-29.04c2.14 0 3.87 1.73 3.87 3.87s-1.73 3.87-3.87 3.87c-11.74 0-21.29 9.55-21.29 21.29c0 1.38-1.73 2.27-3.87 2.27Z"/><path fill="#842123" d="M62.82 122.65c.39-8.56 6.08-14.16 12.69-14.16c6.26 0 11.1 6.39 11.28 14.33c.17-8.88-5.13-15.99-12.05-15.99s-13.14 6.05-13.56 15.2s4.97 13.83 12.04 13.83h.52c-6.44-.16-11.3-4.79-10.91-13.2Zm90.48 0c-.39-8.56-6.08-14.16-12.69-14.16c-6.26 0-11.1 6.39-11.28 14.33c-.17-8.88 5.13-15.99 12.05-15.99c7.07 0 13.14 6.05 13.56 15.2s-4.97 13.83-12.04 13.83h-.52c6.44-.16 11.3-4.79 10.91-13.2Z"/></svg>Как использовать иконку Reddit
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:reddit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:reddit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:reddit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--reddit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:reddit"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:reddit"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/reddit.svg" alt="Иконка Reddit" width="24" height="24">Иконка Reddit в других наборах
Вопросы и ответы: Иконка Reddit
Можно ли бесплатно использовать иконку Reddit в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Reddit в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:reddit" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Reddit на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/reddit.svg" alt="Иконка Reddit">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.