Good Coffee Great Coffee アイコン
arcticons:good-coffee-great-coffee
Good Coffee Great Coffee アイコン(arcticons:good-coffee-great-coffee)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- goodcoffee、coffeegreat、greatcoffee、goodcoffeegreatcoffee
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.395 19.263a14.8 14.8 0 0 1 1.111 5.632h0c0 8.19-6.64 14.83-14.832 14.83s-14.831-6.64-14.831-14.83c0-1.932.377-3.845 1.11-5.632"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.232 14.87c-.315.002-.644.143-.98.483c-1.023 1.04.218 2.177.965 2.837c1.309 1.158 1.803 2.852 2.457 5c.654-2.148 1.149-3.842 2.458-5c.746-.66 1.988-1.798.964-2.837c-1.79-1.817-3.421 1.534-3.422 1.535c0-.001-1.078-2.029-2.442-2.019m2.442 8.32s-2.435-5.56-6.328-2.753c-3.03 2.185 2.69 7.104 3.997 8.234c2.331 2.013 2.331 5.41 2.331 5.41s0-3.397 2.331-5.41c1.308-1.13 7.028-6.05 3.998-8.234c-3.893-2.807-6.328 2.752-6.329 2.753m0 10.89s-2.331-5.41-7.497-5.635c-2.58-.266-2.796-1.36-3.117-1.929c-.253-.449-.995-2.14-.995-2.14s-1.457 4.543 1.672 7.728c3.106 3.16 5.525 3.55 7.06 4.269c2.113.989 2.877 3.351 2.877 3.351s.764-2.362 2.878-3.351c1.534-.718 3.953-1.108 7.06-4.27c3.128-3.184 1.671-7.727 1.671-7.727s-.742 1.691-.995 2.14c-.32.569-.536 1.662-3.117 1.929c-5.165.225-7.496 5.635-7.497 5.636Z"/><circle cx="25.674" cy="24" r="19.326" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.592 27.052H4.045A1.04 1.04 0 0 1 3 26.007v-4.014c0-.578.466-1.044 1.045-1.044h2.547"/></svg>Good Coffee Great Coffee アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:good-coffee-great-coffee" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:good-coffee-great-coffee" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:good-coffee-great-coffee" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--good-coffee-great-coffee]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:good-coffee-great-coffee"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:good-coffee-great-coffee"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/good-coffee-great-coffee.svg" alt="Good Coffee Great Coffee アイコン" width="24" height="24">Arcticons の関連アイコン
Good Coffee Great Coffee アイコン のよくある質問
Good Coffee Great Coffee アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Good Coffee Great Coffee アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:good-coffee-great-coffee" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Good Coffee Great Coffee アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/good-coffee-great-coffee.svg" alt="Good Coffee Great Coffee アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。