Snapchat Logo Bold アイコン

Q: Snapchat Logo Bold アイコンは商用利用でも無料ですか?

はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

ph:snapchat-logo-bold

Snapchat Logo Bold アイコン(ph:snapchat-logo-bold)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Phosphor
作者: Phosphor Icons
ライセンス: MIT
サイズ: 256 × 256
タグ: logos、messaging、social media、snapchatlogo、logobold、snapchatlogobold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M251.75 181.48a11.88 11.88 0 0 0-7.66-8.84c-1.42-.54-25.86-10.18-39.35-43.23l15.68-6.27a12 12 0 1 0-8.91-22.28l-13.35 5.34A150 150 0 0 1 196 80a68 68 0 0 0-136 0a151 151 0 0 1-2.18 26.23l-13.36-5.34a12 12 0 1 0-8.91 22.28l15.68 6.27C37.74 162.46 13.31 172.09 12 172.6a12 12 0 0 0-4.17 20.05c8.09 7.6 19.85 8.76 30.23 9.79c5.62.55 12 1.18 14.85 2.75c2.59 1.42 5.94 6 8.9 10.07c5.51 7.56 12.38 17 23.47 19.8c10.23 2.61 20.11-.75 28.82-3.72c5-1.7 10.17-3.46 13.92-3.46s8.92 1.76 13.92 3.46c6.51 2.22 13.67 4.66 21.15 4.66a31 31 0 0 0 7.67-.94c11.09-2.84 18-12.24 23.47-19.8c3-4 6.31-8.65 8.9-10.07c2.85-1.57 9.23-2.2 14.85-2.75c10.38-1 22.14-2.19 30.23-9.79a12 12 0 0 0 3.54-11.17m-60.22 2.68c-7.27 4-12.29 10.88-16.72 17c-3.25 4.45-7.3 10-10 10.7c-3.3.85-9.32-1.2-15.14-3.18c-6.53-2.23-13.93-4.75-21.65-4.75s-15.12 2.52-21.65 4.75c-5.82 2-11.84 4-15.14 3.18c-2.74-.7-6.79-6.25-10-10.7c-4.43-6.07-9.45-13-16.72-17c-5.75-3.17-12.44-4.34-19.16-5.1a105 105 0 0 0 7.63-7.62c8.64-9.57 18.29-24 24.52-44.4a.14.14 0 0 0 0-.06a11.2 11.2 0 0 0 .63-2.13A162.6 162.6 0 0 0 84 80a44 44 0 0 1 88 0a162.6 162.6 0 0 0 5.92 44.88a12.6 12.6 0 0 0 .63 2.13a.14.14 0 0 0 0 .06c6.23 20.44 15.88 34.83 24.52 44.4a105 105 0 0 0 7.63 7.62c-6.7.73-13.41 1.91-19.17 5.07"/></svg>

Snapchat Logo Bold アイコンの使い方

React

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

<Icon icon="ph:snapchat-logo-bold" width="24" />

Vue

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

<template>
  <Icon icon="ph:snapchat-logo-bold" width="24" />
</template>

Svelte

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

<Icon icon="ph:snapchat-logo-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--snapchat-logo-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:snapchat-logo-bold"></div>

Web コンポーネント

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

<iconify-icon icon="ph:snapchat-logo-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ph/snapchat-logo-bold.svg" alt="Snapchat Logo Bold アイコン" width="24" height="24">

Phosphor の関連アイコン

他のアイコンセットの Snapchat Logo Bold アイコン

Snapchat Logo Bold アイコンのよくある質問

Snapchat Logo Bold アイコンは商用利用でも無料ですか?

はい。Phosphor icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Snapchat Logo Bold アイコンを使うには?

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

Snapchat Logo Bold アイコンをウェブページに追加するには?

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

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