Snack Bar アイコン
arcticons:snack-bar
Snack Bar アイコン(arcticons:snack-bar)は、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
- タグ
- snackbar
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="M8.017 37.715A3.99 3.99 0 0 1 4.5 33.744v-23c0-2.216 1.784-4 4-4h31c2.216 0 4 1.784 4 4v23a3.99 3.99 0 0 1-3.517 3.971m-7.919.029H15.937"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.65 34.89c3.327-8.911 8.895-21.675 11.554-20.709c1.518.553 2.48 2.352 3.7 3.611c1.23 1.562 6.96 1.562 8.192 0c1.22-1.259 2.182-3.058 3.7-3.61c2.658-.967 8.226 11.797 11.554 20.707"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m20.125 18.013l.812-3.049c-1.771.117-2.884-1.365-2.735-2.343c.238-1.552 2.042-2.258 3.323-1.132c0 0 .459-1.848 2.475-1.848s2.477 1.848 2.474 1.849c1.282-1.127 3.086-.42 3.323 1.13c.15.98-.963 2.461-2.734 2.344l.78 2.93m-.362-1.353l-7.025.454m10.591 8.902a1.738 1.738 0 0 1-3.476.002v0a1.738 1.738 0 0 1 3.476-.002m-7.172.829h.25m-3.416 1.645c1.318 1.015 3.056.192 3.29-1.578c.236 1.77 1.974 2.593 3.292 1.577"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.897 28.846c.232.583.781 1.754 2.103 1.754s1.87-1.17 2.103-1.754m8.876-4.003c3.696-1.126 6.091-1.06 9.147-.817m-8.187 2.945c2.518-.033 4.257.184 6.282.853m-29.2-2.981c-3.696-1.126-6.091-1.06-9.147-.817m8.187 2.945c-2.518-.033-4.257.184-6.282.853m29.586 4.403c-2.738 3.088-4.91 6.826-1.98 8.567c2.34 1.39 5.12-.376 7.89-5.038m-28.639-3.529c2.737 3.088 4.91 6.826 1.98 8.567c-2.34 1.39-5.12-.376-7.892-5.038"/><circle cx="18.689" cy="25.898" r="1.738" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="29.309" cy="25.897" r="1.738" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>Snack Bar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:snack-bar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:snack-bar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:snack-bar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--snack-bar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:snack-bar"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:snack-bar"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/snack-bar.svg" alt="Snack Bar アイコン" width="24" height="24">Arcticons の関連アイコン
Snack Bar アイコン のよくある質問
Snack Bar アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Snack Bar アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:snack-bar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snack Bar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/snack-bar.svg" alt="Snack Bar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。