Иконка Contour Dark
thesvg-color:contour-dark
Иконка Contour Dark (thesvg-color:contour-dark) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 360 × 360. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 360 × 360
- Теги
- contourdark
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="360" height="360" viewBox="0 0 360 360"><path fill="#fff" d="M233.494 13.607A172.5 172.5 0 0 0 189.6 5.438c-18.11 99.876-68.02 169.764-111.296 213.538a430.6 430.6 0 0 1-50.308 43.508a174 174 0 0 0 13.98 21.408c27.223-17.232 52.176-36.806 71.681-55.386c46.631-44.418 100.42-115.007 119.836-214.899m58.397 110.34a372.5 372.5 0 0 0 23.406-53.908a175 175 0 0 0-30.63-29.736c-23.844 94.18-79.445 162.106-127.98 205.904a497.6 497.6 0 0 1-89.624 64.254a175 175 0 0 0 14.718 11.372a517.2 517.2 0 0 0 106.499-70.697c43.913-37.733 78.773-80.526 103.61-127.19"/><path fill="#fff" d="M277.15 34.899a173.2 173.2 0 0 0-38.294-19.473c-19.8 100.895-74.176 172.22-121.333 217.14a464 464 0 0 1-71.817 56.067a175 175 0 0 0 14.624 15.728a485.2 485.2 0 0 0 90.613-64.519C199.065 196.417 254.268 128.8 277.151 34.9m58.983 98.3c2.517-4.486 4.893-9.006 7.203-13.541a173.3 173.3 0 0 0-19.695-38.41a386 386 0 0 1-21.565 48.12c-25.514 47.935-61.272 91.848-106.277 130.52a533.5 533.5 0 0 1-102.628 69.143q7.062 4.101 14.525 7.544a550 550 0 0 0 117.96-74.18c46.77-38.432 83.94-81.9 110.477-129.196M186.938 5.34c-2.277-.089-4.556-.174-6.854-.174c-95.745 0-173.64 77.898-173.64 173.64a172.5 172.5 0 0 0 20.289 81.333a428 428 0 0 0 49.696-43.018c42.94-43.434 92.455-112.746 110.509-211.78"/><path fill="#fff" d="M348.787 140.3c-27.423 48.873-65.75 93.724-113.918 133.306a571.3 571.3 0 0 1-108.75 70.21a172.9 172.9 0 0 0 53.965 8.63c95.744 0 173.64-77.897 173.64-173.64a173.4 173.4 0 0 0-4.533-39.264c-.14.251-.264.507-.404.758"/></svg>Как использовать иконку Contour Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:contour-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:contour-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:contour-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--contour-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:contour-dark"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:contour-dark"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/contour-dark.svg" alt="Иконка Contour Dark" width="24" height="24">Похожие иконки в наборе theSVG Color
Вопросы и ответы: Иконка Contour Dark
Можно ли бесплатно использовать иконку Contour Dark в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Contour Dark в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:contour-dark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Contour Dark на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/contour-dark.svg" alt="Иконка Contour Dark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.