Gusto アイコン
simple-icons:gusto
Gusto アイコン(simple-icons:gusto)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.311 8.768c-1.482 0-2.69 1.212-2.69 2.702s1.208 2.701 2.69 2.701c1.483 0 2.689-1.212 2.689-2.701s-1.206-2.702-2.689-2.702m0 4.123a1.42 1.42 0 0 1-1.415-1.421a1.42 1.42 0 0 1 1.415-1.422c.78 0 1.415.638 1.415 1.422s-.635 1.42-1.415 1.42Zm-7.919-1.969l-.47-.235q-.306-.152-.384-.239a.28.28 0 0 1-.078-.19q0-.137.122-.228q.12-.093.338-.091q.396 0 .878.48l.794-.797a2.1 2.1 0 0 0-.744-.63a2.06 2.06 0 0 0-.937-.22q-.727 0-1.196.431a1.37 1.37 0 0 0-.468 1.04q-.001.945 1.24 1.57l.433.218q.56.282.559.58q0 .16-.155.284a.63.63 0 0 1-.409.122q-.235 0-.538-.163a1.8 1.8 0 0 1-.528-.427l-.79.864q.668.877 1.786.878q.842 0 1.34-.458q.502-.457.502-1.141q0-.514-.277-.897q-.278-.382-1.018-.75Zm-7.985 2.66V8.876H4.131v.316a2.66 2.66 0 0 0-1.442-.423C1.206 8.768 0 9.98 0 11.47s1.206 2.701 2.689 2.701c.505 0 1-.142 1.427-.412l-.002.104a1.42 1.42 0 0 1-1.415 1.42c-.265 0-.524-.075-.748-.217l-.631 1.11c.416.255.894.39 1.382.39a2.713 2.713 0 0 0 2.705-2.702c0-.057.004-.227 0-.281ZM2.69 12.89a1.42 1.42 0 0 1-1.415-1.42c0-.784.636-1.422 1.415-1.422s1.415.638 1.415 1.422a1.42 1.42 0 0 1-1.415 1.42m7.803-4.016H9.21v2.568c.002.365.002.995-.265 1.264c-.128.128-.269.245-.563.245a.7.7 0 0 1-.565-.245c-.269-.27-.266-.901-.265-1.264V8.874H6.27v2.56c-.004.528-.01 1.509.633 2.16c.377.38.827.575 1.476.575c.65 0 1.1-.193 1.477-.576c.643-.65.637-1.633.633-2.159zm7.27 3.787c-.104.078-.353.253-.636.213c-.23-.03-.418-.2-.447-.768v-2.13h1.507V8.87H16.68V7.434H15.4v.281h-.002v4.223c0 .671.17 2.231 1.726 2.231c.788-.012 1.266-.441 1.467-.609l.026-.02l-.767-.95l-.089.07Z"/></svg>Gusto アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:gusto" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:gusto" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:gusto" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--gusto]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:gusto"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:gusto"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/gusto.svg" alt="Gusto アイコン" width="24" height="24">他のアイコンセットの Gusto アイコン
Gusto アイコン のよくある質問
Gusto アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gusto アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:gusto" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gusto アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/gusto.svg" alt="Gusto アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。