Иконка First
icon-park-outline:first
Иконка First (icon-park-outline:first) — бесплатная SVG-иконка из набора IconPark Outline от ByteDance. Она нарисована на сетке 48 × 48. IconPark Outline icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark Outline
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Руки
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M24.68 20.037c-1.115-.299-4.415-1.357-9.51 2.055c-3.031 2.03-4.306 5.148-4.736 7.438c-.204 1.089.72 1.967 1.82 1.836c.796-.094 1.68-.241 2.348-.467c1.97-.667 1.712-1.93 2.717-3.453s3.533-2.04 5.612-.885c2.08 1.154 2.747 3.125 2.299 4.797s-1.453 3.194-3.981 3.71c-2.528.518-3.343-.895-5.98-2.199c-1.374-.68-3.167.202-4.25.899a1.514 1.514 0 0 0-.609 1.822c.175.463.415 1.005.729 1.548c.816 1.413 4.378 5.95 8.985 6.588s9.404-1.66 12.12-5.114c2.717-3.452 2.797-8.209.907-12.299"/><path d="m33.046 26.42l-4.77-22.264c-.106-.5-.575-.845-1.069-.715c-1.161.307-2.636 1.077-2.705 2.87c-.09 2.305.364 20.038.97 23.256"/></g></svg>
Как использовать иконку First
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:first" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:first" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:first" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--first]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:first"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:first"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park-outline/first.svg" alt="Иконка First" width="24" height="24">
Похожие иконки в наборе IconPark Outline
Иконка First в других наборах
Вопросы и ответы: Иконка First
Можно ли бесплатно использовать иконку First в коммерческих проектах?
Да. IconPark Outline icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку First в React?
Установите @iconify/react и выведите <Icon icon="icon-park-outline:first" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку First на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park-outline/first.svg" alt="Иконка First">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки IconPark Outline →
ICONYZ
