Usb Outline アイコン
solar:usb-outline
Usb Outline アイコン(solar:usb-outline)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- IT
- タグ
- usboutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 1.25C12.2508 1.25 12.4849 1.37533 12.624 1.58397L14.624 4.58397C14.8538 4.92862 14.7607 5.39427 14.416 5.62404C14.0714 5.8538 13.6057 5.76067 13.376 5.41603L12.75 4.47708V14.9919C12.8713 14.93 12.9983 14.8767 13.1304 14.8326L16.3953 13.7443C16.9057 13.5742 17.25 13.0965 17.25 12.5585V10.7084C17.0498 10.6695 16.8169 10.5847 16.6161 10.3839C16.3803 10.1481 16.3045 9.8679 16.275 9.64857C16.2498 9.46136 16.2499 9.23958 16.25 9.03447V8.96555C16.2499 8.76045 16.2498 8.53864 16.275 8.35143C16.3045 8.1321 16.3803 7.85192 16.6161 7.61612C16.8519 7.38032 17.1321 7.30448 17.3514 7.27499C17.5386 7.24982 17.7604 7.24991 17.9656 7.24999H18.0344C18.2396 7.24991 18.4614 7.24982 18.6486 7.27499C18.8679 7.30448 19.1481 7.38032 19.3839 7.61612C19.6197 7.85192 19.6955 8.1321 19.725 8.35143C19.7502 8.53864 19.7501 8.76042 19.75 8.96553V9.03445C19.7501 9.23955 19.7502 9.46136 19.725 9.64857C19.6955 9.8679 19.6197 10.1481 19.3839 10.3839C19.1831 10.5847 18.9502 10.6695 18.75 10.7084V12.5585C18.75 13.7422 17.9926 14.793 16.8696 15.1674L13.6047 16.2557C13.122 16.4166 12.7879 16.8525 12.753 17.3544C13.9057 17.6818 14.75 18.7423 14.75 20C14.75 21.5188 13.5188 22.75 12 22.75C10.4812 22.75 9.25 21.5188 9.25 20C9.25 18.7412 10.0957 17.68 11.25 17.3535V14.4415C11.25 13.9035 10.9057 13.4258 10.3953 13.2557L7.13037 12.1674C6.00743 11.793 5.25 10.7422 5.25 9.55848V7.58159C4.65876 7.30073 4.25 6.6981 4.25 6C4.25 5.0335 5.0335 4.25 6 4.25C6.9665 4.25 7.75 5.0335 7.75 6C7.75 6.6981 7.34124 7.30073 6.75 7.58159V9.55848C6.75 10.0965 7.09429 10.5742 7.60472 10.7443L10.8696 11.8326C11.0017 11.8767 11.1287 11.93 11.25 11.9919V4.47708L10.624 5.41603C10.3943 5.76067 9.92862 5.8538 9.58397 5.62404C9.23933 5.39427 9.1462 4.92862 9.37596 4.58397L11.376 1.58397C11.5151 1.37533 11.7492 1.25 12 1.25ZM18 9.25C18.0991 9.25 18.1794 9.24997 18.2488 9.24885C18.25 9.17939 18.25 9.09908 18.25 9C18.25 8.90092 18.25 8.82061 18.2488 8.75115C18.1794 8.75003 18.0991 8.75 18 8.75C17.9009 8.75 17.8206 8.75003 17.7512 8.75115C17.75 8.82061 17.75 8.90092 17.75 9C17.75 9.09908 17.75 9.17939 17.7512 9.24885C17.8206 9.24997 17.9009 9.25 18 9.25ZM10.75 20C10.75 19.3096 11.3096 18.75 12 18.75C12.6904 18.75 13.25 19.3096 13.25 20C13.25 20.6904 12.6904 21.25 12 21.25C11.3096 21.25 10.75 20.6904 10.75 20ZM6 6.25C6.13807 6.25 6.25 6.13807 6.25 6C6.25 5.86193 6.13807 5.75 6 5.75C5.86193 5.75 5.75 5.86193 5.75 6C5.75 6.13807 5.86193 6.25 6 6.25Z" clip-rule="evenodd"/></svg>Usb Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:usb-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:usb-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:usb-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--usb-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:usb-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:usb-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/usb-outline.svg" alt="Usb Outline アイコン" width="24" height="24">Solar の関連アイコン
usb-bold
usb-bold-duotone
usb-broken
usb-circle-bold
usb-circle-bold-duotone
usb-circle-broken
usb-circle-line-duotone
usb-circle-linear
usb-circle-outline
usb-line-duotone
usb-linear
usb-square-bold
usb-square-bold-duotone
usb-square-broken
usb-square-line-duotone
usb-square-linear
usb-square-outline
他のアイコンセットの Usb Outline アイコン
Usb Outline アイコン のよくある質問
Usb Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Usb Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:usb-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Usb Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/usb-outline.svg" alt="Usb Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。