Selfie 1 アイコン

Q: Selfie 1 アイコンは商用利用でも無料ですか?

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

streamline-emojis:selfie-1

Selfie 1 アイコン(streamline-emojis:selfie-1)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: スマイリー・人物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#00b8f0" d="M29.86 26.77a21.08 21.08 0 0 1-18.73 11.34A20.87 20.87 0 0 1 .5 35.21V45.6a30.6 30.6 0 0 0 10.63 1.9a30.47 30.47 0 0 0 27.05-16.37Z"/><path fill="#009fd9" d="M24.39 33.44a17.1 17.1 0 0 0 7.77 5.66a30.8 30.8 0 0 0 6-8l-3.42-1.79l-5.37-1.73a21.2 21.2 0 0 1-4.98 5.86"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.86 26.77a21.08 21.08 0 0 1-18.73 11.34A20.87 20.87 0 0 1 .5 35.21V45.6a30.6 30.6 0 0 0 10.63 1.9a30.47 30.47 0 0 0 27.05-16.37Z"/><path fill="#adc4d9" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.1 3.17h2.43a2 2 0 0 1 2 2v20.55h0h-4.43h0z"/><path fill="#ffe500" d="m33.89 18.47l-1.81-3.17a3.42 3.42 0 0 0-4.42-1.39a1.16 1.16 0 0 0-.57 1.46l.84 2.14a10.57 10.57 0 0 1 .63 5.37l-.24 1.75a7.6 7.6 0 0 0 .82 4.65a4.74 4.74 0 0 0 2.16 2l4 1.86a3.17 3.17 0 0 0 3.11-.24a14.24 14.24 0 0 0 4.86-5.47L44.5 25Z"/><path fill="#fff48c" d="M27.51 16.45a3.39 3.39 0 0 1 4.57 1.3l1.81 3.16l9.67 6L44.5 25l-10.61-6.53l-1.81-3.17a3.42 3.42 0 0 0-4.42-1.39a1.16 1.16 0 0 0-.57 1.46Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m33.89 18.47l-1.81-3.17a3.42 3.42 0 0 0-4.42-1.39a1.16 1.16 0 0 0-.57 1.46l.84 2.14a10.57 10.57 0 0 1 .63 5.37l-.24 1.75a7.6 7.6 0 0 0 .82 4.65a4.74 4.74 0 0 0 2.16 2l4 1.86a3.17 3.17 0 0 0 3.11-.24a14.24 14.24 0 0 0 4.86-5.47L44.5 25Z"/><path fill="#c0dceb" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.61 3.17h10.43v22.54H30.61Z"/><path fill="#00b8f0" d="M30.61 5.77h10.43v14.34H30.61z"/><path fill="#4acfff" d="M41.04 7.14L30.61 17.85v2.26h10.43z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.61 5.77h10.43v14.34H30.61z"/><path fill="#ffe500" d="M38.14 13.54h6.36v3.28h-6.36Z"/><path fill="#fff48c" d="M43.1 13.54h-3.56a1.4 1.4 0 0 0-1.4 1.4v.49a1.4 1.4 0 0 0 .13.57a1.41 1.41 0 0 1 1.27-.82h3.56a1.4 1.4 0 0 1 1.27.82a1.2 1.2 0 0 0 .13-.57v-.49a1.4 1.4 0 0 0-1.4-1.4"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.14 13.54h6.36v3.28h-6.36Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.58 16.82h6.92v3.28h-6.92Zm.56 3.29h6.36v3.28h-6.36Zm1.25 3.28h5.11v3.28h-5.11ZM25.29 5.41l-2.71-3.85a.33.33 0 0 0-.51-.06l-1.51 1.7a.34.34 0 0 0 .13.51l4.21 2.14a.3.3 0 0 0 .39-.44M24.68 8l-4.75-.68a.34.34 0 0 0-.41.33l.2 2.27a.34.34 0 0 0 .47.25l4.54-1.59a.29.29 0 0 0-.05-.58m-.02 3.43l-3.91 1.7a.3.3 0 0 0-.11.47l1.41 1.78a.3.3 0 0 0 .49 0L25 11.89a.31.31 0 0 0-.34-.46"/><path fill="#45413c" d="M34.69 22.83a1.14 1.14 0 1 0 2.28 0a1.14 1.14 0 1 0-2.28 0"/></svg>

Selfie 1 アイコンの使い方

React

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

<Icon icon="streamline-emojis:selfie-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:selfie-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:selfie-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--selfie-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:selfie-1"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:selfie-1"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/selfie-1.svg" alt="Selfie 1 アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

Selfie 1 アイコンのよくある質問

Selfie 1 アイコンは商用利用でも無料ですか?

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

React で Selfie 1 アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-emojis:selfie-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Selfie 1 アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/selfie-1.svg" alt="Selfie 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Streamline Emojis アイコンをすべて見る →