Иконка Learning Programming Flag
streamline-freehand:learning-programming-flag
Иконка Learning Programming Flag (streamline-freehand:learning-programming-flag) — бесплатная SVG-иконка из набора Freehand free icons от Streamline. Она нарисована на сетке 24 × 24. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Программирование, приложения и сайты
- Теги
- learningprogramming, programmingflag, learningprogrammingflag
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.258 9.169c-.12-1.179-1.279-1.489-2.487-1.479c-3.677 0-4.566 1-6.104.93c.07-.14 0-.45 0-.66c.1-1.378-1.069-2.138-2.407-2.487a21.6 21.6 0 0 0-4.995-.39a28 28 0 0 0-4.125.59c.097-.362.15-.735.16-1.11a2.537 2.537 0 0 0 2.886-2.207a.35.35 0 0 0-.679-.13c-.61 2.318-3.636 1.17-3.286 0A2.5 2.5 0 0 1 4.069.778c.949-.1.999.68 1.388.34a.31.31 0 0 0 0-.43C4.31-.84 1.372.418 1.062 2.116A2.18 2.18 0 0 0 2.62 4.384c-.19.813-.303 1.643-.34 2.477c-.199 1.369-.359 1.379-.818 5.464c-.46 3.706-.83 11.458-.82 11.558s.57.27.63-.17C2.72 12.985 2.55 12.515 2.86 9.119c.1-1.149.25-1.548.27-2.797c2.497-.71 8.53-.89 10.299.68c.699.628 0 1.537.36 2.167c.569.919 2.916.12 3.995-.11a13.2 13.2 0 0 1 2.997-.25c.459 0 1.308 0 1.348.47c.19 1.898 0 7.531-.14 9.46c0 .199-.07.389-.08.499q-.773.291-1.578.48a39.5 39.5 0 0 1-6.823 1.997a4.7 4.7 0 0 1-2.737-.47c-.799-.499-.22-.998-.23-1.728c-.01-.729-.539-1.068-1.198-1.278a20.9 20.9 0 0 0-6.253-.6a.34.34 0 0 0-.34.34c0 .59.7.21 3.287.45c1.027.106 2.046.29 3.046.549c.203.06.39.162.55.3a.22.22 0 0 1 .06.19c0 .719-.66 1.478.37 2.327a5.3 5.3 0 0 0 3.525.839a39.6 39.6 0 0 0 7.103-1.858c.619-.22 1.638-.25 2.217-.889c.58-.64.48-9.45.35-10.718"/><path d="M9.992 10.787a.34.34 0 0 0-.42-.34a10.8 10.8 0 0 0-2.387 1.18c-.38.219-.919.439-.999.998c-.17.69.46.999.81 1.339a11 11 0 0 0 2.297 1.658a.355.355 0 1 0 .31-.64a17 17 0 0 1-2.338-2.187c2.288-1.508 2.667-1.658 2.727-2.008m6.753 6.613a15.5 15.5 0 0 0 2.997-2.258a.93.93 0 0 0-.19-1.318c-.18-.15-2.088-1.22-2.258-1.299c-.17-.08-.909-.44-1.118-.23c-.49.48.529.91 2.597 2.298a17.5 17.5 0 0 1-2.338 2.187a.35.35 0 0 0 .31.62m-5.594-.18c.67-.87 1.339-1.638 1.928-2.497c.949-1.359 1.149-2.378 1.998-3.506a.301.301 0 0 0-.45-.4C13 12.305 11.71 14.863 10.632 16.81a.35.35 0 0 0 .519.41"/></g></svg>Как использовать иконку Learning Programming Flag
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:learning-programming-flag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:learning-programming-flag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:learning-programming-flag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--learning-programming-flag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:learning-programming-flag"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:learning-programming-flag"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/learning-programming-flag.svg" alt="Иконка Learning Programming Flag" width="24" height="24">Похожие иконки в наборе Freehand free icons
Иконка Learning Programming Flag в других наборах
Вопросы и ответы: Иконка Learning Programming Flag
Можно ли бесплатно использовать иконку Learning Programming Flag в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Learning Programming Flag в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:learning-programming-flag" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Learning Programming Flag на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/learning-programming-flag.svg" alt="Иконка Learning Programming Flag">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.