Present アイコン
simple-line-icons:present
Present アイコン(simple-line-icons:present)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1024 320.496c0-35.344-28.654-64-63.998-64H850.754c28.272-27.888 46.368-64.447 46.368-109.472c0-55.44-31.84-115.664-121.216-115.664c-117.6 0-215.84 125.216-262 195.408c-46.192-70.176-147.44-195.392-265.024-195.392c-89.376 0-121.216 60.224-121.216 115.664c0 45.008 18.592 81.584 47.44 109.472H64.002c-35.344 0-64 28.656-64 64V512.08h64.56v416.56c0 35.344 28.655 64 64 64h767.68c35.343 0 64-28.656 64-64V512.064h63.76V320.496zM775.906 95.376c39.568 0 57.216 16.625 57.216 51.665c0 71.088-79.344 109.439-153.968 109.439H570.818c45.471-67.536 125.504-161.104 205.088-161.104m-527.025.001c79.6 0 162.655 93.568 208.127 161.088H348.64c-74.624 0-156.976-39.344-156.976-110.432c0-35.024 17.648-50.656 57.217-50.656m711.12 352.687h-416V320.496h416zm-896-127.568h416v127.568h-416zm64.56 191.568h351.44v416.56h-351.44zm767.696 416.56H544.001v-416.56h352.256z"/></svg>Present アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:present" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:present" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:present" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--present]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:present"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:present"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-line-icons/present.svg" alt="Present アイコン" width="24" height="24">他のアイコンセットの Present アイコン
Present アイコン のよくある質問
Present アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Present アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-line-icons:present" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Present アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-line-icons/present.svg" alt="Present アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。