Cup Paper Outline アイコン

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

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

solar:cup-paper-outline

Cup Paper Outline アイコン(solar:cup-paper-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
カテゴリ: 食べ物
タグ: cuppaper、paperoutline、cuppaperoutline

SVG をダウンロード

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="M9.14654 1.25H14.8536C15.7396 1.24999 16.4605 1.24998 17.0481 1.30934C17.66 1.37116 18.1939 1.50222 18.6871 1.8054C18.8429 1.90123 18.9916 2.00833 19.1318 2.12586C19.5755 2.4977 19.8688 2.96264 20.1212 3.52355C20.3635 4.06214 20.5916 4.74593 20.872 5.58633L20.8843 5.62316L20.9335 5.77061C21.0815 6.21377 21.213 6.60796 21.2808 6.93604C21.3524 7.28264 21.3827 7.68331 21.1982 8.07889C21.1052 8.27833 20.9755 8.45845 20.8157 8.6098C20.4988 8.90997 20.1092 9.00805 19.7577 9.04986C19.5775 9.07131 19.3728 9.08113 19.1488 9.08561L17.7361 18.735C17.6225 19.5107 17.5272 20.1617 17.3844 20.6761C17.2331 21.2212 17.0058 21.7038 16.5697 22.0806C16.1337 22.4575 15.6233 22.6125 15.062 22.6833C14.5323 22.75 13.8744 22.75 13.0904 22.75H10.9097C10.1258 22.75 9.46779 22.75 8.93808 22.6833C8.3768 22.6125 7.86644 22.4575 7.43038 22.0806C6.99431 21.7038 6.76703 21.2212 6.61569 20.6761C6.47287 20.1617 6.37758 19.5106 6.26404 18.735L4.85132 9.08561C4.6273 9.08113 4.42266 9.07131 4.24237 9.04986C3.89093 9.00805 3.50127 8.90997 3.18441 8.6098C3.02466 8.45845 2.89488 8.27834 2.80189 8.07889C2.61744 7.68331 2.64775 7.28264 2.71933 6.93604C2.78708 6.60797 2.91864 6.2138 3.06655 5.77065C3.07101 5.75732 3.07547 5.74394 3.07995 5.73051L3.12803 5.58643C3.40847 4.74598 3.63664 4.06215 3.87895 3.52354C4.13129 2.96264 4.4246 2.4977 4.8683 2.12586C5.00853 2.00833 5.15718 1.90123 5.31306 1.8054C5.80622 1.50222 6.3401 1.37116 6.95203 1.30934C7.53964 1.24998 8.26054 1.24999 9.14654 1.25ZM6.36786 9.08937L6.68419 11.25H17.3159L17.6323 9.08937H6.36786ZM17.0963 12.75H6.9038L7.41622 16.25H16.5839L17.0963 12.75ZM16.3643 17.75H7.63583L7.74136 18.4708C7.8636 19.3057 7.94649 19.8623 8.06103 20.2749C8.16992 20.6671 8.28399 20.8358 8.41121 20.9457C8.53842 21.0557 8.72187 21.1441 9.12574 21.195C9.55055 21.2486 10.1132 21.25 10.9571 21.25H13.043C13.8869 21.25 14.4496 21.2486 14.8744 21.195C15.2782 21.1441 15.4617 21.0557 15.5889 20.9457C15.7161 20.8358 15.8302 20.6671 15.9391 20.2749C16.0536 19.8623 16.1365 19.3057 16.2588 18.4708L16.3643 17.75ZM7.1028 2.80174C6.61515 2.851 6.32821 2.9421 6.09863 3.08324C6.00511 3.14074 5.91591 3.205 5.83177 3.27551C5.62522 3.44862 5.44798 3.69197 5.2469 4.13895C5.0393 4.60039 4.8343 5.21195 4.53865 6.09796L4.50282 6.20531C4.33739 6.70108 4.23582 7.00945 4.18833 7.23942C4.1606 7.37369 4.1625 7.43339 4.16471 7.45189C4.17655 7.47538 4.19202 7.49685 4.21055 7.51552C4.2274 7.52346 4.28343 7.54417 4.41958 7.56036C4.65275 7.58811 4.97742 7.58937 5.50006 7.58937H18.5001C19.0227 7.58937 19.3474 7.58811 19.5805 7.56036C19.7167 7.54417 19.7727 7.52346 19.7896 7.51552C19.8081 7.49686 19.8236 7.47538 19.8354 7.45189C19.8376 7.4334 19.8395 7.3737 19.8118 7.23942C19.7643 7.00945 19.6627 6.70108 19.4973 6.20531L19.4615 6.09796C19.1658 5.21196 18.9608 4.6004 18.7532 4.13895C18.5521 3.69197 18.3749 3.44861 18.1683 3.27552C18.0842 3.205 17.995 3.14074 17.9015 3.08324C17.6719 2.9421 17.385 2.851 16.8973 2.80174C16.3939 2.75089 15.7489 2.75 14.8148 2.75H9.18527C8.25123 2.75 7.60623 2.75089 7.1028 2.80174Z" clip-rule="evenodd"/></svg>

Cup Paper Outline アイコンの使い方

React

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

<Icon icon="solar:cup-paper-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:cup-paper-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:cup-paper-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cup-paper-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cup-paper-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:cup-paper-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/cup-paper-outline.svg" alt="Cup Paper Outline アイコン" width="24" height="24">

Solar の関連アイコン

Cup Paper Outline アイコンのよくある質問

Cup Paper Outline アイコンは商用利用でも無料ですか?

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

React で Cup Paper Outline アイコンを使うには?

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

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

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

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