Snapchat アイコン

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

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

mage:snapchat

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

アイコンセット: Mage Icons
作者: MageIcons
ライセンス: Apache-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.74 5.457a3.4 3.4 0 0 0 0-.55A3.09 3.09 0 0 0 18.6 2.25H5.42q-.46.011-.906.128a3.08 3.08 0 0 0-2.264 3.06v13.075q-.005.403.079.797a3.1 3.1 0 0 0 3.14 2.44H18.53a3.4 3.4 0 0 0 1.142-.187a3.03 3.03 0 0 0 2.067-2.951c.01-4.418 0-8.786 0-13.155m-3.326 10.914c-.314.18-.536.24-.877.361a.46.46 0 0 0-.315.276a1.07 1.07 0 0 1-.984.708l-.817.05a2.84 2.84 0 0 0-1.24.491a3.84 3.84 0 0 1-3.672.305a3 3 0 0 1-.64-.344a2.95 2.95 0 0 0-1.693-.492a2.5 2.5 0 0 1-.542-.05a.99.99 0 0 1-.777-.648a.44.44 0 0 0-.345-.305a2.6 2.6 0 0 1-1.142-.581a.876.876 0 0 1 .197-1.505c.355-.207.709-.404 1.044-.64c.41-.297.747-.684.984-1.131c.148-.295.138-.325-.128-.502a8 8 0 0 1-.807-.59a1.17 1.17 0 0 1-.364-1.28a1.22 1.22 0 0 1 1.437-.855h.187a4.11 4.11 0 0 1 1.26-3.542a4.2 4.2 0 0 1 2.815-.984a4.17 4.17 0 0 1 3.18 1.318a4.3 4.3 0 0 1 .984 3.267q.335-.03.67 0a1.14 1.14 0 0 1 .984.866a1.2 1.2 0 0 1-.374 1.25a9 9 0 0 1-.847.629c-.226.147-.236.177-.118.423a3.9 3.9 0 0 0 1.585 1.574l.433.236a.905.905 0 0 1 .03 1.633z"/><path fill="currentColor" d="M17.832 15.316c0 .068-.098.167-.177.196c-.315.128-.63.256-.984.355a.54.54 0 0 0-.463.521a.296.296 0 0 1-.315.295l-.984.069c-.503.084-.98.279-1.398.57a2.9 2.9 0 0 1-3.258-.058a3.6 3.6 0 0 0-1.969-.561h-.05c-.383 0-.432-.06-.491-.433a.38.38 0 0 0-.256-.335c-.168-.068-.335-.108-.502-.177c-.168-.068-.433-.157-.64-.255c-.207-.099-.187-.119-.187-.197s.098-.148.177-.187a5.2 5.2 0 0 0 1.723-1.309c.3-.36.52-.779.65-1.23a.42.42 0 0 0-.168-.53c-.266-.178-.541-.355-.797-.542a2.4 2.4 0 0 1-.374-.325a.4.4 0 0 1 0-.462a.354.354 0 0 1 .393-.187q.305.064.6.157l.13.03l.133.056c.276.099.27-.036.26-.322a14 14 0 0 1 0-1.918a2.68 2.68 0 0 1 1.88-2.214a3.45 3.45 0 0 1 2.598.069a2.765 2.765 0 0 1 1.782 2.656v1.575c0 .255.05.285.276.206l.669-.226a.7.7 0 0 1 .256 0a.39.39 0 0 1 .374.197a.364.364 0 0 1 0 .442a2.3 2.3 0 0 1-.364.335c-.227.157-.463.295-.7.453c-.235.157-.373.344-.245.728a3.6 3.6 0 0 0 1.27 1.77c.315.246.506.347.862.59c.151.102.3.129.29.198"/></svg>

Snapchat アイコンの使い方

React

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

<Icon icon="mage:snapchat" width="24" />

Vue

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

<template>
  <Icon icon="mage:snapchat" width="24" />
</template>

Svelte

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

<Icon icon="mage:snapchat" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="mage:snapchat"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mage/snapchat.svg" alt="Snapchat アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Mage Icons をすべて見る →