Иконка Viewpoint

temaki:viewpoint

Иконка Viewpoint (temaki:viewpoint) — бесплатная SVG-иконка из набора Temaki от Bryan Housel. Она нарисована на сетке 15 × 15. Temaki icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Temaki
Автор: Bryan Housel
Лицензия: CC0-1.0
Размер: 15 × 15

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10.35.64c-.32.05-.61.27-.8.54c-.44.6-.56 1.34-.77 2.04c-.24.9-.47 1.82-.6 2.75c-.02.27.18.32.44.07c.88-.82 1.76-1.69 2.61-2.54c.21-.22.42-.44.57-.7c.24-.4.35-.92.1-1.34s-.72-.71-1.2-.8a.9.9 0 0 0-.33 0zM4.52.7c-.49.01-.99.27-1.31.64c-.3.34-.28.84-.1 1.24c.3.69.87 1.18 1.37 1.71c.66.66 1.35 1.29 2.08 1.88c.22.15.36.01.27-.33c-.27-1.19-.56-2.36-.87-3.53c-.09-.29-.18-.61-.33-.87C5.4 1.04 5.01.7 4.52.7M1.07 6.06c-.35.06-.69.25-.87.57c-.24.43-.26.98-.1 1.44c.15.43.6.7 1.04.74c.74.09 1.43-.2 2.14-.37c.9-.24 1.81-.49 2.68-.84c.24-.11.18-.34-.17-.43c-1.15-.36-2.31-.69-3.48-1.01c-.29-.07-.6-.1-.9-.1h-.33zm12.52 0c-.3 0-.6.03-.89.1c-1.16.32-2.33.65-3.48 1c-.35.09-.41.32-.17.44c.87.34 1.78.59 2.68.84c.71.17 1.4.45 2.14.37c.44-.04.89-.31 1.04-.74c.2-.46.18-1.01-.04-1.44c-.24-.42-.74-.58-1.2-.57zM6.73 8.64c-.04 0-.11.03-.17.07c-.73.58-1.41 1.25-2.07 1.9c-.5.53-1.08.99-1.37 1.67c-.18.4-.2.9.1 1.24c.32.37.81.66 1.31.66c.49 0 .88-.37 1.11-.77c.15-.26.25-.55.34-.84c.31-1.17.6-2.37.87-3.55c.07-.26.03-.41-.1-.39zm1.57.07c-.08.02-.14.1-.13.24c.14.92.37 1.81.6 2.71c.21.7.33 1.48.77 2.08c.25.36.69.59 1.14.5c.48-.09.95-.38 1.21-.8c.24-.4.13-.92-.11-1.32c-.15-.26-.36-.48-.57-.7c-.86-.85-1.73-1.69-2.61-2.51c-.13-.13-.22-.18-.3-.17z"/></svg>

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

React

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

<Icon icon="temaki:viewpoint" width="24" />

Vue

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

<template>
  <Icon icon="temaki:viewpoint" width="24" />
</template>

Svelte

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

<Icon icon="temaki:viewpoint" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="temaki:viewpoint"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Temaki →