ICONYZ
日本語
Solar の Sticker Smile Circle 2 Bold アイコン

Sticker Smile Circle 2 Bold アイコン

solar:sticker-smile-circle-2-bold

Sticker Smile Circle 2 Bold アイコン(solar:sticker-smile-circle-2-bold)は、Solar セットの無料 SVG アイコンです(作者: 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>

Web コンポーネント

<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">

Solar の関連アイコン

Sticker Smile Circle 2 Bold アイコン のよくある質問

Sticker Smile Circle 2 Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Sticker Smile Circle 2 Bold アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコン をすべて見る →