Иконка Idea Light
skill-icons:idea-light
Иконка Idea Light (skill-icons:idea-light) — бесплатная SVG-иконка из набора Skill Icons от tandpfun. Она нарисована на сетке 256 × 256. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Skill Icons
- Автор
- tandpfun
- Лицензия
- MIT
- Размер
- 256 × 256
- Теги
- idealight
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="url(#SVGAxKcqc2V)" d="m78.571 184l-48.285-38.286l24-44.571L123.143 128z"/><path fill="url(#SVGfLar6cfN)" d="m228 81.429l-3.714 115.714L147.429 228l-46.286-29.714L168.857 128l-29.714-64.857l26.571-32z"/><path fill="url(#SVG2TdOye3m)" d="m228 81.429l-60.857 72l-28-90.286l26.571-32z"/><path fill="url(#SVGQOCFBICt)" d="M124.286 194L44 223.143L56.857 178l16.857-55.429L28 107.143L56.857 28l62.857 7.714l61.715 70.572z"/><path fill="#000" d="M190.571 66.572H67.143V190H190.57z"/><path fill="#fff" d="M124.857 166.857H78.571v7.714h46.286zM112 92v-9.428H86.286V92h7.428v32.286h-7.428v9.428H112v-9.428h-7.143V92zm24.571 42.572c-4 0-7.428-.858-10-2.286c-2.571-1.429-4.857-3.429-6.571-5.429l7.143-8c1.428 1.715 2.857 2.857 4.286 3.715s3.142 1.428 4.857 1.428c2 0 3.714-.571 5.143-2c1.142-1.428 1.714-3.428 1.714-6.571V82.572h11.428V116c0 3.143-.285 5.714-1.142 8c-.858 2.286-2 4-3.715 5.714c-1.428 1.429-3.428 2.858-5.714 3.429c-2.286.857-4.571 1.429-7.429 1.429"/><defs><linearGradient id="SVGAxKcqc2V" x1="30.256" x2="123.192" y1="142.541" y2="142.541" gradientUnits="userSpaceOnUse"><stop offset=".258" stop-color="#f97a12"/><stop offset=".459" stop-color="#b07b58"/><stop offset=".724" stop-color="#577bae"/><stop offset=".91" stop-color="#1e7ce5"/><stop offset="1" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGfLar6cfN" x1="101.621" x2="254.926" y1="99.086" y2="183.914" gradientUnits="userSpaceOnUse"><stop stop-color="#f97a12"/><stop offset=".072" stop-color="#cb7a3e"/><stop offset=".154" stop-color="#9e7b6a"/><stop offset=".242" stop-color="#757b91"/><stop offset=".334" stop-color="#537bb1"/><stop offset=".432" stop-color="#387ccc"/><stop offset=".538" stop-color="#237ce0"/><stop offset=".655" stop-color="#147cef"/><stop offset=".792" stop-color="#0b7cf7"/><stop offset="1" stop-color="#087cfa"/></linearGradient><linearGradient id="SVG2TdOye3m" x1="208.651" x2="165.972" y1="150.615" y2="23.088" gradientUnits="userSpaceOnUse"><stop stop-color="#fe315d"/><stop offset=".078" stop-color="#cb417e"/><stop offset=".16" stop-color="#9e4e9b"/><stop offset=".247" stop-color="#755bb4"/><stop offset=".339" stop-color="#5365ca"/><stop offset=".436" stop-color="#386ddb"/><stop offset=".541" stop-color="#2374e9"/><stop offset=".658" stop-color="#1478f3"/><stop offset=".794" stop-color="#0b7bf8"/><stop offset="1" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGQOCFBICt" x1="58.63" x2="186.639" y1="75.066" y2="286.8" gradientUnits="userSpaceOnUse"><stop stop-color="#fe315d"/><stop offset=".04" stop-color="#f63462"/><stop offset=".104" stop-color="#df3a71"/><stop offset=".167" stop-color="#c24383"/><stop offset=".291" stop-color="#ad4a91"/><stop offset=".55" stop-color="#755bb4"/><stop offset=".917" stop-color="#1d76ed"/><stop offset="1" stop-color="#087cfa"/></linearGradient></defs></g></svg>Как использовать иконку Idea Light
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:idea-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:idea-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:idea-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--idea-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:idea-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:idea-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/idea-light.svg" alt="Иконка Idea Light" width="24" height="24">Похожие иконки в наборе Skill Icons
Вопросы и ответы: Иконка Idea Light
Можно ли бесплатно использовать иконку Idea Light в коммерческих проектах?
Да. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Idea Light в React?
Установите @iconify/react и выведите <Icon icon="skill-icons:idea-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Idea Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/skill-icons/idea-light.svg" alt="Иконка Idea Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.