Иконка Navigation Page Right
streamline-freehand-color:navigation-page-right
Иконка Navigation Page Right (streamline-freehand-color:navigation-page-right) — бесплатная SVG-иконка из набора Freehand color icons от Streamline. Она нарисована на сетке 24 × 24. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Основы интерфейса
- Теги
- navigationpage, pageright, navigationpageright
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" d="M16.72 3.643a21.6 21.6 0 0 1 3.912 4.132c.26.38.88 1.21 1.521 2.001c.49.59 1 1.16 1.32 1.5c.1.1.26.16.24.21a.37.37 0 0 1-.1.731a2.7 2.7 0 0 1-1-.78a39 39 0 0 1-2.63-3.202a21 21 0 0 0-3.813-3.871c-1.19-.93-2.31-1.651-2.931-1.591c-.07 0-.1.09-.15.17q-.121.259-.17.54a16.2 16.2 0 0 0-.06 3.242q.039.304 0 .61a.53.53 0 0 1-.42.45a3 3 0 0 1-.82.09c-.541 0-1.121-.1-1.602-.1H4.265a14 14 0 0 0-1.891 0a.86.86 0 0 0-.66.3a3 3 0 0 0-.29 1a.2.2 0 0 1 0 .07c-.15 1.431-1.271 1.151-1.271-.02c0-.21.06-.42.1-.61c.072-.39.207-.764.4-1.11a1.87 1.87 0 0 1 1.17-.81c.812-.094 1.63-.094 2.442 0l5.712.05c.48 0 1.07.11 1.611.13h.17a20.5 20.5 0 0 1 .12-3.322c.18-1 .63-1.62 1.27-1.67c.641-.05 2.152.7 3.573 1.86M8.977 18.37l-.71.24c-.81.48-1-.93-.26-1.15c1.97-.65 4.432-1.441 4.502-1.441a.53.53 0 0 1 .52.35q.085.274.09.56c0 .88-.07 2.942.06 3.792l.17.61c.23.07.52-.09.81-.25a7 7 0 0 0 1-.66c.921-.77 1.872-1.54 2.782-2.341c.61-.53 1.2-1.07 1.751-1.64l1.74-1.842l1.672-1.76a.33.33 0 0 1 .46.46l-1.671 1.72l-1.7 1.881c-.561.6-1.151 1.16-1.762 1.721c-.9.82-1.84 1.62-2.74 2.411a6.3 6.3 0 0 1-1.582 1.05c-.33.146-.7.178-1.05.09a1 1 0 0 1-.51-.4a2.35 2.35 0 0 1-.33-1c-.15-.79-.12-2.631-.16-3.631c-.64.32-1.901.8-3.082 1.23"/><path fill="#0c6fff" d="M1.273 10.656c.265.33.61.589 1 .75c1.164.353 2.38.498 3.593.431c.34.006.678.067 1 .18c.184.07.34.2.44.37c.251.452.376.964.36 1.48c-.03.533-.12 1.06-.27 1.572a21.5 21.5 0 0 0-.5 3.581c-.15.24-.38.11-.54.15a4.6 4.6 0 0 1-1.38-.21a3.8 3.8 0 0 1-1.141-.56a14.4 14.4 0 0 1-2.131-1.93a7.8 7.8 0 0 1-1.1-1.662a7 7 0 0 1-.551-2a9.5 9.5 0 0 1 0-2.002a.5.5 0 0 1 .15-.3c.08-.13 1.08-.03 1.07.15m0 2.001c.067.556.215 1.099.44 1.611c.25.496.559.96.921 1.38a13 13 0 0 0 1.94 1.772q.267.2.581.31q.489.172 1 .25c-.17-1.44.35-2.882.29-4.102s-.14-.76-.9-.83a12 12 0 0 1-2.941-.51a4.3 4.3 0 0 1-1.35-.741q-.01.436.04.87z"/></g></svg>Как использовать иконку Navigation Page Right
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:navigation-page-right" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:navigation-page-right" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:navigation-page-right" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--navigation-page-right]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:navigation-page-right"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:navigation-page-right"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/navigation-page-right.svg" alt="Иконка Navigation Page Right" width="24" height="24">Иконка Navigation Page Right в других наборах
Вопросы и ответы: Иконка Navigation Page Right
Можно ли бесплатно использовать иконку Navigation Page Right в коммерческих проектах?
Да. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Navigation Page Right в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand-color:navigation-page-right" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Navigation Page Right на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/navigation-page-right.svg" alt="Иконка Navigation Page Right">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.