Sticker Circle Outline アイコン
solar:sticker-circle-outline
Sticker Circle Outline アイコン(solar:sticker-circle-outline)は、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
- カテゴリ
- 顔
- タグ
- stickercircle、circleoutline、stickercircleoutline
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>Web コンポーネント
<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">Solar の関連アイコン
sticker-circle-bold
sticker-circle-bold-duotone
sticker-circle-broken
sticker-circle-line-duotone
sticker-circle-linear
sticker-smile-circle-2-bold
sticker-smile-circle-2-bold-duotone
sticker-smile-circle-2-broken
sticker-smile-circle-2-line-duotone
sticker-smile-circle-2-linear
sticker-smile-circle-2-outline
sticker-smile-circle-bold
sticker-smile-circle-bold-duotone
sticker-smile-circle-broken
sticker-smile-circle-line-duotone
sticker-smile-circle-linear
sticker-smile-circle-outline
sticker-smile-square-bold
sticker-smile-square-bold-duotone
sticker-smile-square-broken
sticker-smile-square-line-duotone
sticker-smile-square-linear
sticker-smile-square-outline
sticker-square-bold
他のアイコンセットの Sticker Circle Outline アイコン
Sticker Circle Outline アイコン のよくある質問
Sticker Circle Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sticker Circle Outline アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。