Иконка Sticker Smile Circle 2 Bold

solar:sticker-smile-circle-2-bold

Иконка Sticker Smile Circle 2 Bold (solar:sticker-smile-circle-2-bold) — бесплатная 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
Категория: Лица
Теги: stickersmile, smilecircle, circlebold, stickersmilecirclebold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21.2424 13.7083L13.7083 21.2424C13.6419 21.3087 13.5725 21.3718 13.5004 21.431C13.448 21.4741 13.3943 21.5151 13.3392 21.554C12.9462 21.8314 12.4858 22 12 22C12 21.4484 12 20.9513 12.003 20.5C12.0153 18.6662 12.0776 17.5889 12.3928 16.688C13.0964 14.6773 14.6773 13.0964 16.688 12.3928C17.5889 12.0776 18.6662 12.0153 20.5 12.003C20.9513 12 21.4484 12 22 12C22 12.4858 21.8314 12.9462 21.554 13.3392C21.5151 13.3943 21.4741 13.448 21.431 13.5004C21.3718 13.5725 21.3087 13.6419 21.2424 13.7083Z"/><path fill-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 16.7058 5.2504 20.6524 9.62855 21.7171C10.0829 21.8276 10.5 21.4676 10.5 21C10.4995 19.298 10.499 18.6806 10.6516 17.5894C9.88473 17.4036 9.17479 17.0631 8.55339 16.6025C8.22062 16.3559 8.15082 15.8862 8.39747 15.5534C8.64413 15.2206 9.11385 15.1508 9.44661 15.3975C9.91023 15.7411 10.435 15.9927 10.9991 16.1302C11.6495 14.317 12.8891 12.7963 14.493 11.7932C14.198 11.5324 14 11.0509 14 10.5C14 9.67157 14.4477 9 15 9C15.5523 9 16 9.67157 16 10.5C16 10.7042 15.9728 10.8988 15.9235 11.0763C16.0125 11.0417 16.1022 11.0086 16.1926 10.977C17.5598 10.4986 18.5105 10.4992 21 10.5C21.4676 10.5 21.8276 10.0829 21.7171 9.62855C20.6524 5.2504 16.7058 2 12 2ZM9 12C9.55228 12 10 11.3284 10 10.5C10 9.67157 9.55228 9 9 9C8.44772 9 8 9.67157 8 10.5C8 11.3284 8.44772 12 9 12Z" clip-rule="evenodd"/></g></svg>

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

React

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

<Icon icon="solar:sticker-smile-circle-2-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:sticker-smile-circle-2-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:sticker-smile-circle-2-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:sticker-smile-circle-2-bold"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Solar →