Sticker Smile Square Bold アイコン
solar:sticker-smile-square-bold
Sticker Smile Square Bold アイコン(solar:sticker-smile-square-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、smilesquare、squarebold、stickersmilesquarebold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M16.5 21.8389C16.4873 21.8417 16.4745 21.8444 16.4617 21.8472L16.4582 21.8479C16.4424 21.8512 16.4266 21.8545 16.4107 21.8578L16.4092 21.8581C16.4256 21.8548 16.4419 21.8514 16.4582 21.8479C16.4722 21.8449 16.4861 21.8419 16.5 21.8389Z" clip-rule="evenodd"/><path d="M22 15C21.4162 15 20.9239 15 20.5 15.0076C19.5724 15.0241 18.9718 15.0768 18.4549 15.2447C16.9327 15.7393 15.7393 16.9327 15.2447 18.4549C15.0768 18.9718 15.0241 19.5724 15.0076 20.5C15 20.9239 15 21.4162 15 22C15.4827 22 15.954 21.9511 16.4092 21.8581L16.4107 21.8578L16.4582 21.8479L16.4617 21.8472L16.5 21.8389C19.162 21.2577 21.2577 19.162 21.8389 16.5C21.9444 16.0168 22 15.5149 22 15Z"/><path fill-rule="evenodd" d="M2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22H13.5L13.4999 21.7409C13.499 20.1325 13.4984 18.9754 13.8181 17.9914C13.8873 17.7786 13.9669 17.5708 14.0565 17.3684C13.4157 17.615 12.723 17.75 12 17.75C10.7151 17.75 9.52585 17.3234 8.55343 16.6026C8.22067 16.3559 8.15086 15.8862 8.39752 15.5534C8.64418 15.2207 9.11389 15.1509 9.44666 15.3975C10.175 15.9374 11.0541 16.25 12 16.25C12.9459 16.25 13.8251 15.9374 14.5534 15.3975C14.8179 15.2015 15.1688 15.2053 15.4255 15.3822C16.1372 14.6772 17.012 14.1364 17.9914 13.8181C18.9754 13.4984 20.1325 13.499 21.7409 13.4999L22 13.5V12C22 7.28595 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12ZM15 12C15.5523 12 16 11.3284 16 10.5C16 9.67157 15.5523 9 15 9C14.4477 9 14 9.67157 14 10.5C14 11.3284 14.4477 12 15 12ZM9 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 Square Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:sticker-smile-square-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:sticker-smile-square-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:sticker-smile-square-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sticker-smile-square-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sticker-smile-square-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-square-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/sticker-smile-square-bold.svg" alt="Sticker Smile Square Bold アイコン" width="24" height="24">Solar の関連アイコン
sticker-circle-bold
sticker-circle-bold-duotone
sticker-circle-broken
sticker-circle-line-duotone
sticker-circle-linear
sticker-circle-outline
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-duotone
sticker-smile-square-broken
sticker-smile-square-line-duotone
sticker-smile-square-linear
sticker-smile-square-outline
sticker-square-bold
Sticker Smile Square Bold アイコン のよくある質問
Sticker Smile Square Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sticker Smile Square Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:sticker-smile-square-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sticker Smile Square Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/sticker-smile-square-bold.svg" alt="Sticker Smile Square Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。