ICONYZ
Русский
Иконка Face Id 1 из набора Stickies color icons

Иконка Face Id 1

streamline-stickies-color:face-id-1

Иконка Face Id 1 (streamline-stickies-color:face-id-1) — бесплатная SVG-иконка из набора Stickies color icons от Streamline. Она нарисована на сетке 42 × 42. Stickies color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Stickies color icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
42 × 42
Категория
Основы интерфейса
Теги
faceid
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><g fill="none"><path fill="#48eeff" stroke="#231f20" stroke-miterlimit="10" d="M12.53 2.13a17.8 17.8 0 0 0-5.28-.62c-3.06 0-4.75-.13-5.79 1S.5 5.18.5 8.26a17.8 17.8 0 0 0 .63 5.28c.31 1 1.92 1.47 3.12 1.47s2.82-.49 3.13-1.47A15.6 15.6 0 0 0 8 9a15.5 15.5 0 0 0 4.54-.62c1-.31 1.47-1.91 1.47-3.12s-.5-2.81-1.48-3.13Zm26.34 11.4c.47-1.72.679-3.499.62-5.28c0-3.06.14-4.75-1-5.79s-2.72-1-5.79-1a17.7 17.7 0 0 0-5.28.63C26.49 2.44 26 4.05 26 5.25s.49 2.82 1.47 3.13A15.6 15.6 0 0 0 32 9a15.6 15.6 0 0 0 .61 4.54c.31 1 1.92 1.47 3.13 1.47s2.82-.5 3.13-1.48ZM1.13 28.46a17.9 17.9 0 0 0-.62 5.28c0 3.07-.14 4.75 1 5.79s2.72 1 5.79 1c1.781.059 3.56-.15 5.28-.62c1-.32 1.47-1.92 1.47-3.13s-.49-2.81-1.47-3.12A15.5 15.5 0 0 0 8 33a15.6 15.6 0 0 0-.61-4.54C7.07 27.48 5.46 27 4.25 27s-2.81.48-3.12 1.46Zm26.34 11.41c1.72.47 3.499.679 5.28.62c3.06 0 4.75.14 5.79-1s1-2.72 1-5.79c.059-1.781-.15-3.56-.62-5.28C38.56 27.49 37 27 35.75 27s-2.82.49-3.13 1.47A15.6 15.6 0 0 0 32 33a15.6 15.6 0 0 0-4.54.61c-1 .31-1.47 1.92-1.47 3.13s.5 2.82 1.48 3.13Z"/><path fill="#ffe236" stroke="#231f20" stroke-miterlimit="10" d="M9.5 21a10.5 10.5 0 1 0 21 0a10.5 10.5 0 0 0-21 0Z"/><path stroke="#231f20" stroke-linecap="round" stroke-miterlimit="10" d="M14.75 24.94s1.31 1.31 5.25 1.31s5.25-1.31 5.25-1.31"/><path fill="#231f20" d="M13.43 19.03a1.97 1.97 0 1 0 3.94 0a1.97 1.97 0 0 0-3.94 0m9.19 0a1.97 1.97 0 1 0 3.94 0a1.97 1.97 0 0 0-3.94 0"/><path stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" d="M34.17 4.23c2.63.16 2.43.24 2.49 2.56M23 13.41a4.35 4.35 0 0 1 3.41 1.86"/></g></svg>

Как использовать иконку Face Id 1

React

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

<Icon icon="streamline-stickies-color:face-id-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-stickies-color:face-id-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-stickies-color:face-id-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--face-id-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:face-id-1"></div>

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

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

<iconify-icon icon="streamline-stickies-color:face-id-1"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/face-id-1.svg" alt="Иконка Face Id 1" width="24" height="24">

Похожие иконки в наборе Stickies color icons

Иконка Face Id 1 в других наборах

Вопросы и ответы: Иконка Face Id 1

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

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

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

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

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

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

Все Stickies color icons →