أيقونة Columns 3 Outline

solar:columns-3-outline

أيقونة Columns 3 Outline (solar:columns-3-outline) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Solar
المؤلف: 480 Design
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الوسوم: columnsoutline، column

تنزيل SVG

شيفرة 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="M15.2949 2.25104C15.3075 2.25041 15.3202 2.25007 15.333 2.25007C15.3517 2.25007 15.3703 2.25067 15.3887 2.25202C16.616 2.25948 17.6405 2.28927 18.4893 2.40339C19.6616 2.56103 20.6101 2.89336 21.3584 3.64167C22.1067 4.38998 22.439 5.3385 22.5967 6.51081C22.7514 7.66165 22.75 9.13565 22.75 11.0001V13.0001C22.75 14.8645 22.7514 16.3385 22.5967 17.4893C22.439 18.6616 22.1067 19.6102 21.3584 20.3585C20.6101 21.1068 19.6616 21.4391 18.4893 21.5967C17.6405 21.7109 16.616 21.7397 15.3887 21.7471C15.3703 21.7485 15.3518 21.7501 15.333 21.7501C15.3202 21.7501 15.3076 21.7487 15.2949 21.7481C14.8858 21.7502 14.4545 21.7501 14 21.7501H10C9.54512 21.7501 9.11348 21.7502 8.7041 21.7481C8.69179 21.7487 8.67945 21.7501 8.66699 21.7501C8.64808 21.7501 8.62891 21.7485 8.61035 21.7471C7.3835 21.7397 6.35928 21.7108 5.51074 21.5967C4.33844 21.4391 3.38991 21.1068 2.6416 20.3585C1.89329 19.6102 1.56096 18.6616 1.40332 17.4893C1.24859 16.3385 1.25 14.8645 1.25 13.0001V11.0001C1.25 9.13565 1.24859 7.66165 1.40332 6.51081C1.56096 5.3385 1.89329 4.38998 2.6416 3.64167C3.38991 2.89336 4.33844 2.56103 5.51074 2.40339C6.35928 2.2893 7.3835 2.25949 8.61035 2.25202C8.62873 2.25066 8.6473 2.25008 8.66602 2.25007C8.6783 2.25007 8.69099 2.25046 8.70313 2.25104C9.11279 2.24892 9.54476 2.25007 10 2.25007H14C14.4545 2.25007 14.8858 2.24893 15.2949 2.25104ZM9.41699 3.75007V20.2491C9.60541 20.2493 9.79966 20.2501 10 20.2501H14C14.2003 20.2501 14.3946 20.2493 14.583 20.2491V3.75007H9.41699ZM7.91699 3.76178C7.03708 3.77592 6.31711 3.80822 5.71094 3.88971C4.70485 4.02498 4.12536 4.279 3.70215 4.70221C3.27894 5.12542 3.02491 5.70491 2.88965 6.711C2.7515 7.73866 2.75 9.09331 2.75 11.0001V13.0001C2.75 14.9068 2.7515 16.2615 2.88965 17.2891C3.02491 18.2952 3.27894 18.8747 3.70215 19.2979C4.12536 19.7211 4.70485 19.9752 5.71094 20.1104C6.3171 20.1919 7.03708 20.2232 7.91699 20.2374V3.76178ZM16.083 20.2374C16.9629 20.2232 17.6829 20.1919 18.2891 20.1104C19.2952 19.9752 19.8746 19.7211 20.2979 19.2979C20.7211 18.8747 20.9751 18.2952 21.1104 17.2891C21.2485 16.2615 21.25 14.9068 21.25 13.0001V11.0001C21.25 9.09331 21.2485 7.73866 21.1104 6.711C20.9751 5.70491 20.7211 5.12542 20.2979 4.70221C19.8746 4.279 19.2952 4.02498 18.2891 3.88971C17.6829 3.80822 16.9629 3.77592 16.083 3.76178V20.2374Z" clip-rule="evenodd"/></svg>

كيفية استخدام أيقونة Columns 3 Outline

React

import { Icon } from "@iconify/react";

<Icon icon="solar:columns-3-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:columns-3-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:columns-3-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--columns-3-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:columns-3-outline"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:columns-3-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/columns-3-outline.svg" alt="أيقونة Columns 3 Outline" width="24" height="24">

أيقونات ذات صلة في Solar

أيقونة Columns 3 Outline في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Columns 3 Outline

هل أيقونة Columns 3 Outline مجانية للاستخدام التجاري؟

نعم. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Columns 3 Outline في React؟

ثبّت @iconify/react واعرض <Icon icon="solar:columns-3-outline" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Columns 3 Outline إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/solar/columns-3-outline.svg" alt="أيقونة Columns 3 Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Solar →