Иконка Circle Navigation Two Tone

keyline-icons:circle-navigation-two-tone

Иконка Circle Navigation Two Tone (keyline-icons:circle-navigation-two-tone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: circlenavigation, navigationtwo, twotone, circlenavigationtwotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M20 19C21.2982 17.269 22 15.1637 22 13C22 7.4772 17.5229 3 12 3C6.4772 3 2 7.4772 2 13C2 15.1637 2.7018 17.269 4 19"/><path fill="currentColor" fill-opacity=".4" d="M12.0655 12.0011C12.3196 12.0095 12.5725 12.0669 12.8086 12.173C12.8872 12.2083 12.9638 12.249 13.0381 12.2951C13.1123 12.3411 13.1841 12.3925 13.253 12.4494C13.3222 12.5065 13.3886 12.5688 13.4512 12.6369C13.5448 12.7386 13.6304 12.8526 13.7061 12.9787C13.7313 13.0206 13.7554 13.0639 13.7784 13.1086L16.7578 18.9074C16.7835 18.9572 16.8068 19.0074 16.8282 19.0578C17.0203 19.5109 17.0427 19.9817 16.9385 20.4084C16.9038 20.5507 16.8552 20.6883 16.794 20.8185C16.7532 20.9053 16.7067 20.9888 16.6553 21.0685C16.6296 21.1083 16.6024 21.147 16.5743 21.1847C16.5458 21.223 16.5158 21.2605 16.4844 21.297C16.046 21.8073 15.334 22.1327 14.5489 21.9494C14.4929 21.9363 14.4365 21.9208 14.3799 21.9025L12 21.13L9.6211 21.9025C9.5645 21.9208 9.5072 21.9363 9.4512 21.9494C8.6661 22.1326 7.9541 21.8073 7.5157 21.297C7.4843 21.2605 7.4543 21.223 7.4258 21.1847C7.3977 21.147 7.3704 21.1083 7.3448 21.0685C7.2934 20.9888 7.2469 20.9053 7.2061 20.8185C7.1448 20.6883 7.0963 20.5507 7.0616 20.4084C6.9574 19.9817 6.9798 19.5109 7.1719 19.0578C7.1933 19.0074 7.2166 18.9572 7.2422 18.9074L10.2217 13.1086L10.2969 12.9748C10.3223 12.9328 10.3485 12.892 10.376 12.8527C10.4309 12.7743 10.4903 12.7016 10.5528 12.6339C10.6152 12.5664 10.6811 12.5042 10.7501 12.4474C11.0609 12.1916 11.4319 12.0452 11.8116 12.0089C11.896 12.0009 11.9808 11.9984 12.0655 12.0011Z" stroke="none"/><path d="M8.1312 19.3647L11.1113 13.5654C11.4986 12.8115 12.5014 12.8115 12.8887 13.5654L15.8688 19.3647C16.3118 20.2268 15.5616 21.2346 14.6879 20.9513L12.2921 20.1742C12.1016 20.1124 11.8984 20.1124 11.7079 20.1742L9.3121 20.9513C8.4384 21.2346 7.6882 20.2268 8.1312 19.3647Z"/></g></svg>

Как использовать иконку Circle Navigation Two Tone

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:circle-navigation-two-tone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:circle-navigation-two-tone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:circle-navigation-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--circle-navigation-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:circle-navigation-two-tone"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:circle-navigation-two-tone"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/circle-navigation-two-tone.svg" alt="Иконка Circle Navigation Two Tone" width="24" height="24">

Вопросы и ответы: Иконка Circle Navigation Two Tone

Можно ли бесплатно использовать иконку Circle Navigation Two Tone в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Circle Navigation Two Tone в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:circle-navigation-two-tone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Circle Navigation Two Tone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/circle-navigation-two-tone.svg" alt="Иконка Circle Navigation Two Tone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →