Panera アイコン
arcticons:panera
Panera アイコン(arcticons:panera)は、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
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="M16.173 12.553c.285-4.992 8.093-4.203 12.243 2.267c3.456 5.392 9.188 5.6 13.575 1.062"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.66 19.293c-4.183 4.875-10.2 5.18-13.44 2.474c-3.997-3.337-4.046-10.376-9.044-9.537"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M42.294 12.595c-4.793 2.916-8.313 2.689-12.565-2.459c-4.437-5.374-11.382-5.62-15.322-3.056c-3.727 2.424-5.898 6.98-4.657 11.814c1.14 4.44 7.402 5.349 4.127 8.396c-3.04 2.827-6.06.882-8.17 4.754"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.538 14.38c-1.248 3.339-1.41 8.731 3.651 11.19c.938.455 2.214.496 3.132 0c2.068-1.12 3.292-3.249 3.594-4.462"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.91 23.46c-.109 2.063.717 2.829 2.567 3.027m-12.652-6.423c-3.983-1.368-3.446-8.734-.016-11.726m7.582 33.267c-4.712 1.198-8.107-1.963-7.333-3.372c.157-.279.409-.493.71-.602c1.254-.465 2.565-1.205 2.364-2.298c-.183-1-.878-1.232-1.598-.806c-.38.224-.702.454-.92.694c-1.855-.584-2.8-.331-4.226.86"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.45 33.847c1.055-2.245 3.6-4.245 6.655-5.081c-2.378.16-3.538 2.128-3.776 4.376m.541 4.124q.135.348.3.663m2.287-7.398c-.504 2.567-.337 4.396 1.36 6.286"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.43 31.99c-.394-.662-.798-.962-1.172-1.9c-.275-.69-.688-1.047-1.512-1.505c-.413-.23-.946-.216-1.198-.106c-.344.545-.715 1.089-.788 1.634c-.066.487-.298.85.417 1.434c.476.389 1.017 1.004 1.024 1.555l.025 1.882c.013 1.043 1.571-.363 1.678 2.808c.02.584 1.029.682 1.476.272c-3.78 3.59-11.364 5.981-14.407 3.264m23.694-2.295c-1.797.593-3.306.938-4.958.523m6.968-4.797c-1.014-3.131-2.308-2.375-3.932-3.354c-1.965-1.183-1.438 1.328-.67 1.821c1.067.685 1.522 2.045.936 3.021c-1.337 2.22-5.105 2.743-6.742 1.539c-.426-1.51-.444-2.73-.179-4.724l1.205-.785l.3-1.235c.224-.933 1.782-.882 2.964-.526"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.952 31.858c-.588.715-.96 1.598-1.07 2.71"/></svg>Panera アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:panera" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:panera" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:panera" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--panera]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:panera"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:panera"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/panera.svg" alt="Panera アイコン" width="24" height="24">Panera アイコン のよくある質問
Panera アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Panera アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:panera" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Panera アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/panera.svg" alt="Panera アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。