Иконка Sticker Circle Outline

solar:sticker-circle-outline

Иконка Sticker Circle Outline (solar:sticker-circle-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Лица
Теги: stickercircle, circleoutline, stickercircleoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 16.8562 6.49219 20.8383 11.2501 21.22C11.2524 18.9634 11.2837 17.587 11.6849 16.4403C12.4639 14.2142 14.2142 12.4639 16.4403 11.6849C17.587 11.2837 18.9634 11.2524 21.22 11.2501C20.8383 6.49219 16.8562 2.75 12 2.75ZM21.0404 12.751C18.8516 12.7573 17.7912 12.8014 16.9358 13.1007C15.1405 13.7289 13.7289 15.1405 13.1007 16.9358C12.8014 17.7912 12.7573 18.8516 12.751 21.0404C12.9011 20.9552 13.045 20.845 13.1779 20.712L20.712 13.1779C20.845 13.045 20.9552 12.9011 21.0404 12.751ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 12.8843 22.3423 13.669 21.7727 14.2386L14.2386 21.7727C13.669 22.3423 12.8843 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12Z" clip-rule="evenodd"/></svg>

Как использовать иконку Sticker Circle Outline

React

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

<Icon icon="solar:sticker-circle-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:sticker-circle-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:sticker-circle-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sticker-circle-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sticker-circle-outline"></div>

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

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

<iconify-icon icon="solar:sticker-circle-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/sticker-circle-outline.svg" alt="Иконка Sticker Circle Outline" width="24" height="24">

Иконка Sticker Circle Outline в других наборах

Вопросы и ответы: Иконка Sticker Circle Outline

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

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

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

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

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

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

Все Иконки Solar →