Presto アイコン
simple-icons:presto
Presto アイコン(simple-icons:presto)は、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="M1.372 0C.618 0 0 .618 0 1.372v21.256C0 23.383.618 24 1.37 24h21.257c.754 0 1.371-.617 1.371-1.372V1.372A1.374 1.374 0 0 0 22.628 0zm11.96 4.485h.031a.854.854 0 0 1 .854.854a.854.854 0 0 1-.854.854a.854.854 0 0 1-.854-.854a.854.854 0 0 1 .822-.854m-4.447.094h.007a.76.76 0 0 1 .76.76a.76.76 0 0 1-.76.759a.76.76 0 0 1-.759-.76a.76.76 0 0 1 .752-.76m-4.463.095a.665.665 0 0 1 .664.665a.665.665 0 0 1-.664.664a.665.665 0 0 1-.665-.664a.665.665 0 0 1 .665-.665m11.176 1.951a.95.95 0 0 1 .95.95a.95.95 0 0 1-.95.947a.95.95 0 0 1-.949-.948a.95.95 0 0 1 .95-.949m-4.502.094h.032a.855.855 0 0 1 .855.854a.855.855 0 0 1-.855.855a.855.855 0 0 1-.855-.855a.855.855 0 0 1 .823-.854m-4.446.095h.007a.76.76 0 0 1 .76.76a.76.76 0 0 1-.76.76a.76.76 0 0 1-.759-.76a.76.76 0 0 1 .752-.76m11.167 1.951h.018a1.044 1.044 0 0 1 1.043 1.044a1.044 1.044 0 0 1-1.043 1.044a1.044 1.044 0 0 1-1.044-1.044a1.044 1.044 0 0 1 1.026-1.043m-4.454.095a.95.95 0 0 1 .95.95a.95.95 0 0 1-.95.948a.95.95 0 0 1-.949-.948a.95.95 0 0 1 .95-.95m-4.47.095a.854.854 0 0 1 .854.854a.854.854 0 0 1-.855.854a.854.854 0 0 1-.854-.854a.854.854 0 0 1 .854-.854m11.176 1.951a1.14 1.14 0 0 1 1.139 1.139a1.14 1.14 0 0 1-1.139 1.138a1.14 1.14 0 0 1-1.139-1.138a1.14 1.14 0 0 1 1.139-1.139m-4.47.095a1.044 1.044 0 0 1 1.043 1.044a1.044 1.044 0 0 1-1.043 1.043a1.044 1.044 0 0 1-1.044-1.043a1.044 1.044 0 0 1 1.044-1.044m-4.471.094a.95.95 0 0 1 .95.949a.95.95 0 0 1-.95.949a.95.95 0 0 1-.95-.949a.95.95 0 0 1 .95-.949m6.706 2.046a1.14 1.14 0 0 1 1.139 1.14a1.14 1.14 0 0 1-1.14 1.137a1.14 1.14 0 0 1-1.138-1.138a1.14 1.14 0 0 1 1.139-1.139m-4.489.095h.018a1.044 1.044 0 0 1 1.044 1.043a1.044 1.044 0 0 1-1.044 1.044a1.044 1.044 0 0 1-1.044-1.044a1.044 1.044 0 0 1 1.026-1.043m-4.46.284h.007a.76.76 0 0 1 .76.76a.76.76 0 0 1-.76.76a.76.76 0 0 1-.759-.76a.76.76 0 0 1 .752-.76m6.68 1.857h.033a1.14 1.14 0 0 1 1.14 1.138a1.14 1.14 0 0 1-1.14 1.139a1.14 1.14 0 0 1-1.139-1.14a1.14 1.14 0 0 1 1.106-1.137m-8.915.379h.007a.76.76 0 0 1 .76.759a.76.76 0 0 1-.76.76a.76.76 0 0 1-.759-.76a.76.76 0 0 1 .752-.76m4.47 0h.008a.76.76 0 0 1 .76.759a.76.76 0 0 1-.76.76a.76.76 0 0 1-.76-.76a.76.76 0 0 1 .753-.76M4.417 17.99h.007a.76.76 0 0 1 .76.76a.76.76 0 0 1-.76.759a.76.76 0 0 1-.76-.759a.76.76 0 0 1 .753-.76m4.47 0h.006a.76.76 0 0 1 .76.76a.76.76 0 0 1-.76.76a.76.76 0 0 1-.759-.76a.76.76 0 0 1 .752-.76m4.477.002a.76.76 0 0 1 .538.222a.76.76 0 0 1 0 1.073a.76.76 0 0 1-1.075 0a.76.76 0 0 1 0-1.073a.76.76 0 0 1 .537-.222"/></svg>Presto アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:presto" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:presto" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:presto" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--presto]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:presto"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:presto"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/presto.svg" alt="Presto アイコン" width="24" height="24">他のアイコンセットの Presto アイコン
Presto アイコン のよくある質問
Presto アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Presto アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:presto" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Presto アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/presto.svg" alt="Presto アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。