Иконка Perspective Light
thesvg-color:perspective-light
Иконка Perspective Light (thesvg-color:perspective-light) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 40 × 40. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 40 × 40
- Теги
- perspectivelight
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none"><path fill="#fff" d="M6.718 6.718c1.2-1.2 2.708-1.837 5.333-2.162C13.986 4.316 16.527 4 20 4c3.592 0 6.188.321 8.146.581c2.504.332 3.966.967 5.136 2.137c1.173 1.174 1.809 2.64 2.14 5.159c.257 1.955.578 4.545.578 8.123c0 3.598-.322 6.197-.582 8.156c-.333 2.498-.968 3.957-2.136 5.126c-1.158 1.158-2.603 1.792-5.061 2.127c-1.967.268-4.583.591-8.221.591c-3.519 0-6.081-.318-8.025-.565c-2.578-.328-4.068-.965-5.257-2.153c-1.157-1.157-1.791-2.6-2.126-5.055C4.324 26.26 4 23.642 4 20c0-3.485.317-6.033.558-7.97c.326-2.612.963-4.115 2.16-5.312"/><path fill="#363636" fill-rule="evenodd" d="M26.35 13.72c1.687 2.347 1.595 6.076-.227 8.39c-1.59 2.016-4.99 2.872-8.618 1.2v6.49h-2.95V11.47h2.866l.049.822c4.31-1.542 7.069-1.09 8.88 1.429Zm-3.494 7.335c1.01-.671 1.648-1.902 1.635-3.385c-.019-2.225-1.47-3.835-3.461-3.84a3.38 3.38 0 0 0-2.04.673c-.482.328-.884.78-1.153 1.33c-.835 1.71-.43 3.944.933 5.03c1.082.863 2.316 1.053 3.558.486l.082-.04l.057-.03a3 3 0 0 0 .372-.212z" clip-rule="evenodd"/></g></svg>Как использовать иконку Perspective Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:perspective-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:perspective-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:perspective-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--perspective-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:perspective-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:perspective-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/perspective-light.svg" alt="Иконка Perspective Light" width="24" height="24">Похожие иконки в наборе theSVG Color
Иконка Perspective Light в других наборах
Вопросы и ответы: Иконка Perspective Light
Можно ли бесплатно использовать иконку Perspective Light в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Perspective Light в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:perspective-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Perspective Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/perspective-light.svg" alt="Иконка Perspective Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.