Иконка Periscope

fontisto:periscope

Иконка Periscope (fontisto:periscope) — бесплатная SVG-иконка из набора Fontisto от Kenan Gündoğan. Она нарисована на сетке 19 × 24. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fontisto
Автор: Kenan Gündoğan
Лицензия: MIT
Размер: 19 × 24
Категория: Бренд

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="19" height="24" viewBox="0 0 19 24"><path fill="currentColor" d="M16.499 3.001a9.9 9.9 0 0 1 2.062 3.168l.024.066a9.4 9.4 0 0 1 .68 3.809v-.013a12.1 12.1 0 0 1-1.484 5.313l.032-.063a29 29 0 0 1-2.4 3.877l.056-.08q-1.078 1.406-2.25 2.672Q11.016 24 9.798 24q-1.125 0-2.909-1.594a24.7 24.7 0 0 1-2.955-3.266l-.045-.062a22 22 0 0 1-2.287-3.624l-.057-.126A11.7 11.7 0 0 1 .002 10.06l-.001-.028v-.076a9.75 9.75 0 0 1 1.361-4.985l-.025.045a10.3 10.3 0 0 1 3.518-3.631l.044-.025A9.13 9.13 0 0 1 9.719 0h.082h-.004h.008c1.305 0 2.543.285 3.656.796l-.055-.022a9.6 9.6 0 0 1 3.088 2.221l.006.006zM9.796 23.156q.656 0 2.086-1.313a23 23 0 0 0 2.834-3.214l.046-.066a24.7 24.7 0 0 0 2.516-4.117l.065-.149a10.4 10.4 0 0 0 1.078-4.245l.001-.02v-.039a9.3 9.3 0 0 0-1.197-4.579l.024.047a9.1 9.1 0 0 0-3.125-3.352l-.037-.022A7.9 7.9 0 0 0 9.817.845h-.019h.001h-.058a8.5 8.5 0 0 0-4.479 1.264l.037-.021a8.9 8.9 0 0 0-3.214 3.329l-.023.046a9.3 9.3 0 0 0-1.175 4.559v.063v-.003a10.5 10.5 0 0 0 1.108 4.278l-.028-.06a23.5 23.5 0 0 0 2.664 4.318l-.039-.053a20.8 20.8 0 0 0 2.934 3.265l.019.017q1.502 1.312 2.25 1.312zM15 9.7v.02a4.8 4.8 0 0 1-.715 2.532l.012-.021a5.4 5.4 0 0 1-1.873 1.862l-.025.014a5 5 0 0 1-2.568.703h-.035h.002a5.42 5.42 0 0 1-3.801-1.407l.005.004a5.03 5.03 0 0 1-1.687-3.357l-.001-.018A5.06 5.06 0 0 1 5.446 6.32l-.007.009v.007c0 .579.243 1.1.632 1.469l.001.001c.374.39.899.633 1.481.633h.02h-.001h.028a1.97 1.97 0 0 0 1.448-.632l.001-.001c.377-.374.61-.891.61-1.464v-.019c0-.419-.131-.806-.355-1.124l.004.006a2.4 2.4 0 0 0-.901-.794l-.014-.006a5 5 0 0 1 1.314-.171c.701 0 1.369.141 1.977.395l-.034-.013a5.33 5.33 0 0 1 2.425 1.996l.012.02c.573.849.915 1.895.915 3.022v.05v-.003z"/></svg>

Как использовать иконку Periscope

React

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

<Icon icon="fontisto:periscope" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:periscope" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:periscope" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--periscope]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:periscope"></div>

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

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

<iconify-icon icon="fontisto:periscope"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fontisto/periscope.svg" alt="Иконка Periscope" width="24" height="24">

Иконка Periscope в других наборах

Вопросы и ответы: Иконка Periscope

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

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

Как использовать иконку Periscope в React?

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

Как добавить иконку Periscope на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fontisto/periscope.svg" alt="Иконка Periscope">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fontisto →