Pet Supplies Outline アイコン
material-symbols-light:pet-supplies-outline
Pet Supplies Outline アイコン(material-symbols-light:pet-supplies-outline)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 地図
- タグ
- petsupplies、suppliesoutline、petsuppliesoutline、supply、pet supplies outline sharp、pet supplies outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 21q-1.071 0-1.785-.714Q7 19.57 7 18.5q0-.456-.043-.764t-.215-.478q-.17-.172-.478-.234t-.764-.063q-1.071 0-1.785-.695Q3 15.571 3 14.5t.715-1.785T5.5 12q.402 0 .762.102t.611.306q.27.211.625.211t.606-.25l4.188-4.188q.25-.25.289-.635t-.173-.673q-.185-.271-.297-.621T12 5.5q0-1.071.715-1.785Q13.429 3 14.5 3t1.786.715T17 5.5q0 .456.043.764t.215.478q.17.172.479.215T18.5 7q1.071 0 1.786.715Q21 8.429 21 9.5t-.714 1.786T18.5 12q-.402 0-.752-.111t-.621-.297q-.288-.192-.654-.163q-.365.029-.615.279l-4.15 4.15q-.25.25-.289.586t.135.645q.165.27.306.64q.14.369.14.771q0 1.071-.714 1.786Q10.57 21 9.5 21m1.075-1.425Q11 19.15 11 18.5q0-.225-.062-.437t-.188-.413q-.387-.58-.33-1.278q.055-.697.58-1.222L15.15 11q.525-.525 1.222-.571t1.278.321q.2.125.413.188T18.5 11q.65 0 1.075-.425T20 9.5t-.425-1.075T18.5 8q-.721 0-1.177-.116q-.456-.117-.773-.434t-.434-.773T16 5.5q0-.65-.425-1.075T14.5 4t-1.075.425T13 5.5q0 .237.06.443t.19.407q.387.58.33 1.278q-.055.697-.58 1.222L8.85 13q-.525.525-1.222.571T6.35 13.25q-.2-.125-.412-.187T5.5 13q-.65 0-1.075.425T4 14.5t.425 1.056t1.075.406q.721 0 1.177.135q.456.136.773.453t.434.792T8 18.54q0 .65.425 1.055T9.5 20t1.075-.425M12 12"/></svg>Pet Supplies Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:pet-supplies-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:pet-supplies-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:pet-supplies-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--pet-supplies-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:pet-supplies-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:pet-supplies-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/pet-supplies-outline.svg" alt="Pet Supplies Outline アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Pet Supplies Outline アイコン
Pet Supplies Outline アイコン のよくある質問
Pet Supplies Outline アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pet Supplies Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:pet-supplies-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pet Supplies Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/pet-supplies-outline.svg" alt="Pet Supplies Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。