Salt Shaker アイコン

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

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

game-icons:salt-shaker

Salt Shaker アイコン(game-icons:salt-shaker)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512
タグ: saltshaker

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M279.406 20c-22.566.257-41.433 6.548-53.187 18.844l-.626-.375l-1.78 3.093c-1.508 1.848-2.89 3.787-4.095 5.874c-1.197 2.07-2.19 4.228-3.032 6.438l-36.125 62.563l-4.688 8.124l-5.313 9.188c-.077.134-.142.272-.218.406L62.064 321.72c-12.087 20.93-7.338 47.287 7.248 71.717s39.327 48.134 71.032 66.438s64.58 27.864 93.03 28.28c28.452.42 53.666-8.63 65.75-29.56l108.532-187.97l4.625-8l4.626-8.063l36.53-63.25a44.7 44.7 0 0 0 4.47-6.375c1.29-2.232 2.338-4.543 3.22-6.937l.812-1.375l-.282-.156c12.272-37.432-23.027-92.36-84-127.564c-33.91-19.578-69.14-29.237-98.25-28.906zm32.97 19.313c4.743.044 10.416 1.66 15.874 4.812c10.916 6.302 16.874 16.395 13.313 22.563c-3.562 6.167-15.303 6.052-26.22-.25c-10.916-6.303-16.873-16.395-13.312-22.563c1.782-3.084 5.6-4.607 10.345-4.563zm-57.095 7.593c4.745.044 10.387 1.662 15.845 4.813c10.916 6.3 16.905 16.393 13.344 22.56c-3.563 6.17-15.304 6.054-26.22-.25c-10.916-6.3-16.874-16.393-13.313-22.56c1.78-3.085 5.6-4.608 10.344-4.564zm133 36.22c4.745.043 10.387 1.66 15.845 4.81c10.916 6.304 16.905 16.396 13.344 22.564c-3.563 6.168-15.304 6.084-26.22-.22c-10.916-6.3-16.874-16.425-13.313-22.593c1.78-3.083 5.6-4.606 10.344-4.562zm-171.717 8.343c3.616 12.197 10.345 24.915 19.75 37.374L195.5 198.438c-.536-.846-1.09-1.69-1.594-2.532c-12.515-20.96-14.71-39.73-7.156-52.812l29.813-51.625zM335.125 93c4.744.044 10.417 1.66 15.875 4.813c10.916 6.302 16.874 16.425 13.313 22.593c-3.562 6.168-15.303 6.053-26.22-.25c-10.916-6.302-16.873-16.426-13.312-22.594c1.782-3.083 5.6-4.606 10.345-4.562zM275.5 103.188c4.744.044 10.386 1.66 15.844 4.812c10.916 6.302 16.874 16.395 13.312 22.563c-3.56 6.167-15.27 6.083-26.187-.22c-10.918-6.302-16.906-16.425-13.345-22.593c1.78-3.084 5.63-4.607 10.375-4.563zm138.688 35.468c4.743.044 10.416 1.662 15.875 4.813c10.916 6.3 16.873 16.393 13.312 22.56c-3.56 6.17-15.302 6.054-26.22-.25c-10.915-6.3-16.873-16.393-13.31-22.56c1.78-3.085 5.6-4.608 10.342-4.564zm-62.813 8.375c4.744.045 10.417 1.63 15.875 4.782c10.916 6.303 16.874 16.426 13.313 22.594c-3.562 6.168-15.303 6.053-26.22-.25c-10.916-6.302-16.873-16.426-13.312-22.594c1.782-3.083 5.6-4.575 10.345-4.53zm-75.906 20.25a239 239 0 0 0 15.842 10.94l-41.718 72.25a212 212 0 0 1-16.188-11.47l42.063-71.72zm32 20.345c41.19 21.913 83.48 29.3 113.78 22.063l-29.78 51.593c-7.556 13.086-24.873 20.578-49.283 20.22c-22.31-.327-49.572-7.498-76.437-21.625z"/></svg>

Salt Shaker アイコンの使い方

React

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

<Icon icon="game-icons:salt-shaker" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:salt-shaker" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:salt-shaker" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--salt-shaker]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:salt-shaker"></div>

Web コンポーネント

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

<iconify-icon icon="game-icons:salt-shaker"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/salt-shaker.svg" alt="Salt Shaker アイコン" width="24" height="24">

Salt Shaker アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →