Switch

PhlexIcons::Radix

Source code

Icon ↓

With Phlex::Kit

Radix::Switch()

Without Phlex::Kit (e.g. ERB) ↓

render PhlexIcons::Radix::Switch.new

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		viewbox: '0 0 15 15',
		fill: 'none',
		xmlns: 'http://www.w3.org/2000/svg'
	) do |s|
		s.path(
			d:
				'M10.7314 3.00586C10.8806 3.01342 11.0279 3.02807 11.1729 3.0498C11.2013 3.05407 11.2295 3.05965 11.2578 3.06445C11.3726 3.08392 11.486 3.10678 11.5977 3.13477L11.625 3.1416C11.6673 3.15249 11.7092 3.16468 11.751 3.17676C11.7715 3.18268 11.7921 3.18813 11.8125 3.19434C11.843 3.20361 11.8731 3.21373 11.9033 3.22363C12.0136 3.2598 12.1222 3.29948 12.2285 3.34375C12.2627 3.35799 12.2963 3.37361 12.3301 3.38867C12.3604 3.40221 12.3909 3.4155 12.4209 3.42969C12.4637 3.44994 12.5058 3.47162 12.5479 3.49316C12.5681 3.50352 12.5883 3.51376 12.6084 3.52441C12.637 3.53961 12.6651 3.5555 12.6934 3.57129C12.7947 3.62799 12.8939 3.68784 12.9902 3.75195C13.0136 3.76752 13.0365 3.78381 13.0596 3.7998C13.092 3.8223 13.1244 3.84484 13.1562 3.86816C13.1919 3.89427 13.2269 3.92113 13.2617 3.94824C13.2791 3.96177 13.2963 3.97548 13.3135 3.98926C13.347 4.01619 13.3803 4.04342 13.4131 4.07129C13.4384 4.09282 13.4634 4.11464 13.4883 4.13672C13.5126 4.15832 13.5367 4.18004 13.5605 4.20215C13.594 4.23317 13.6267 4.26486 13.6592 4.29688C13.6736 4.3111 13.6879 4.32542 13.7021 4.33984C13.7373 4.37541 13.7718 4.41153 13.8057 4.44824C13.8218 4.46568 13.8377 4.48328 13.8535 4.50098C13.884 4.53503 13.9139 4.56952 13.9434 4.60449C13.9606 4.62499 13.9782 4.6452 13.9951 4.66602C14.0207 4.69751 14.0456 4.72953 14.0703 4.76172C14.0918 4.78975 14.1129 4.81813 14.1338 4.84668C14.1489 4.86739 14.1639 4.88821 14.1787 4.90918C14.2023 4.94267 14.2253 4.97659 14.248 5.01074C14.2722 5.04704 14.2952 5.08406 14.3184 5.12109C14.3332 5.14491 14.3488 5.16827 14.3633 5.19238C14.3793 5.21915 14.3947 5.24631 14.4102 5.27344C14.4297 5.30772 14.4491 5.34212 14.4678 5.37695C14.4878 5.41439 14.5073 5.45217 14.5264 5.49023C14.5405 5.51847 14.5548 5.54662 14.5684 5.5752C14.5833 5.60677 14.5971 5.63892 14.6113 5.6709C14.6278 5.70776 14.6437 5.74485 14.6592 5.78223C14.666 5.79881 14.673 5.81535 14.6797 5.83203C14.6975 5.87656 14.7141 5.92158 14.7305 5.9668C14.745 6.00692 14.759 6.04725 14.7725 6.08789C14.7833 6.1207 14.7946 6.15339 14.8047 6.18652C14.8144 6.21852 14.823 6.2509 14.832 6.2832C14.8419 6.31829 14.8523 6.35325 14.8613 6.38867C14.8894 6.49932 14.9119 6.61184 14.9316 6.72559C14.9377 6.76038 14.945 6.79502 14.9502 6.83008C14.9828 7.04866 15 7.27233 15 7.5C15 7.65529 14.9919 7.80872 14.9766 7.95996C14.9682 8.04238 14.9571 8.12404 14.9443 8.20508C14.9227 8.34234 14.895 8.47751 14.8613 8.61035C14.8534 8.64148 14.8445 8.67226 14.8359 8.70312C14.8258 8.73973 14.8157 8.77627 14.8047 8.8125C14.7996 8.82916 14.7943 8.84573 14.7891 8.8623C14.7709 8.91956 14.7508 8.97599 14.7305 9.03223C14.7201 9.06075 14.7091 9.08894 14.6982 9.11719C14.6854 9.15052 14.6728 9.18386 14.6592 9.2168C14.6457 9.24947 14.6324 9.28217 14.6182 9.31445C14.602 9.35115 14.5855 9.38765 14.5684 9.42383C14.5548 9.45241 14.5405 9.48055 14.5264 9.50879C14.5072 9.54712 14.488 9.58535 14.4678 9.62305C14.4559 9.64516 14.4429 9.66659 14.4307 9.68848C14.4085 9.72812 14.3866 9.76775 14.3633 9.80664C14.3488 9.83076 14.3332 9.8541 14.3184 9.87793C14.2952 9.91497 14.2722 9.95197 14.248 9.98828C14.2312 10.0136 14.2137 10.0385 14.1963 10.0635C14.1756 10.0932 14.1552 10.1231 14.1338 10.1523C14.1129 10.1809 14.0918 10.2093 14.0703 10.2373C14.0456 10.2695 14.0207 10.3015 13.9951 10.333C13.9782 10.3538 13.9606 10.374 13.9434 10.3945C13.9155 10.4276 13.8881 10.4609 13.8594 10.4932C13.8419 10.5128 13.8235 10.5315 13.8057 10.5508C13.7732 10.586 13.7406 10.6211 13.707 10.6553C13.6914 10.6712 13.6751 10.6865 13.6592 10.7021C13.6267 10.7342 13.594 10.7658 13.5605 10.7969C13.5367 10.819 13.5126 10.8407 13.4883 10.8623C13.4645 10.8835 13.4403 10.9041 13.416 10.9248C13.3865 10.95 13.3573 10.9756 13.3271 11C13.3057 11.0174 13.2835 11.0338 13.2617 11.0508C13.2269 11.0779 13.1919 11.1047 13.1562 11.1309C13.1244 11.1542 13.092 11.1767 13.0596 11.1992C13.0365 11.2152 13.0136 11.2315 12.9902 11.2471C12.9512 11.273 12.9119 11.2985 12.8721 11.3232C12.8538 11.3346 12.8358 11.3463 12.8174 11.3574C12.7767 11.3819 12.7349 11.4045 12.6934 11.4277C12.6651 11.4435 12.637 11.4594 12.6084 11.4746C12.5882 11.4853 12.5682 11.4964 12.5479 11.5068C12.5059 11.5283 12.4636 11.5491 12.4209 11.5693C12.3909 11.5835 12.3605 11.5968 12.3301 11.6104C12.2963 11.6254 12.2627 11.641 12.2285 11.6553C12.1222 11.6996 12.0136 11.7392 11.9033 11.7754C11.8731 11.7853 11.843 11.7954 11.8125 11.8047C11.7921 11.8109 11.7715 11.8163 11.751 11.8223C11.704 11.8358 11.657 11.8493 11.6094 11.8613C11.4939 11.8906 11.3766 11.9144 11.2578 11.9346C11.2295 11.9394 11.2013 11.9449 11.1729 11.9492C11.0278 11.971 10.8807 11.9866 10.7314 11.9941L10.5 12H4.5L4.26855 11.9941C1.89083 11.8737 0 9.90766 0 7.5C0 5.09234 1.89083 3.12632 4.26855 3.00586L4.5 3H10.5L10.7314 3.00586ZM4.5 4C2.567 4 1 5.567 1 7.5C1 9.433 2.567 11 4.5 11H7.67285C6.65283 10.175 6 8.91406 6 7.5C6 6.08594 6.65283 4.82496 7.67285 4H4.5ZM10.5 4C8.567 4 7 5.567 7 7.5C7 9.433 8.567 11 10.5 11C12.433 11 14 9.433 14 7.5C14 5.567 12.433 4 10.5 4Z',
			fill: 'currentColor'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" viewbox="0 0 15 15" fill="none">
	<path d="M10.7314 3.00586C10.8806 3.01342 11.0279 3.02807 11.1729 3.0498C11.2013 3.05407 11.2295 3.05965 11.2578 3.06445C11.3726 3.08392 11.486 3.10678 11.5977 3.13477L11.625 3.1416C11.6673 3.15249 11.7092 3.16468 11.751 3.17676C11.7715 3.18268 11.7921 3.18813 11.8125 3.19434C11.843 3.20361 11.8731 3.21373 11.9033 3.22363C12.0136 3.2598 12.1222 3.29948 12.2285 3.34375C12.2627 3.35799 12.2963 3.37361 12.3301 3.38867C12.3604 3.40221 12.3909 3.4155 12.4209 3.42969C12.4637 3.44994 12.5058 3.47162 12.5479 3.49316C12.5681 3.50352 12.5883 3.51376 12.6084 3.52441C12.637 3.53961 12.6651 3.5555 12.6934 3.57129C12.7947 3.62799 12.8939 3.68784 12.9902 3.75195C13.0136 3.76752 13.0365 3.78381 13.0596 3.7998C13.092 3.8223 13.1244 3.84484 13.1562 3.86816C13.1919 3.89427 13.2269 3.92113 13.2617 3.94824C13.2791 3.96177 13.2963 3.97548 13.3135 3.98926C13.347 4.01619 13.3803 4.04342 13.4131 4.07129C13.4384 4.09282 13.4634 4.11464 13.4883 4.13672C13.5126 4.15832 13.5367 4.18004 13.5605 4.20215C13.594 4.23317 13.6267 4.26486 13.6592 4.29688C13.6736 4.3111 13.6879 4.32542 13.7021 4.33984C13.7373 4.37541 13.7718 4.41153 13.8057 4.44824C13.8218 4.46568 13.8377 4.48328 13.8535 4.50098C13.884 4.53503 13.9139 4.56952 13.9434 4.60449C13.9606 4.62499 13.9782 4.6452 13.9951 4.66602C14.0207 4.69751 14.0456 4.72953 14.0703 4.76172C14.0918 4.78975 14.1129 4.81813 14.1338 4.84668C14.1489 4.86739 14.1639 4.88821 14.1787 4.90918C14.2023 4.94267 14.2253 4.97659 14.248 5.01074C14.2722 5.04704 14.2952 5.08406 14.3184 5.12109C14.3332 5.14491 14.3488 5.16827 14.3633 5.19238C14.3793 5.21915 14.3947 5.24631 14.4102 5.27344C14.4297 5.30772 14.4491 5.34212 14.4678 5.37695C14.4878 5.41439 14.5073 5.45217 14.5264 5.49023C14.5405 5.51847 14.5548 5.54662 14.5684 5.5752C14.5833 5.60677 14.5971 5.63892 14.6113 5.6709C14.6278 5.70776 14.6437 5.74485 14.6592 5.78223C14.666 5.79881 14.673 5.81535 14.6797 5.83203C14.6975 5.87656 14.7141 5.92158 14.7305 5.9668C14.745 6.00692 14.759 6.04725 14.7725 6.08789C14.7833 6.1207 14.7946 6.15339 14.8047 6.18652C14.8144 6.21852 14.823 6.2509 14.832 6.2832C14.8419 6.31829 14.8523 6.35325 14.8613 6.38867C14.8894 6.49932 14.9119 6.61184 14.9316 6.72559C14.9377 6.76038 14.945 6.79502 14.9502 6.83008C14.9828 7.04866 15 7.27233 15 7.5C15 7.65529 14.9919 7.80872 14.9766 7.95996C14.9682 8.04238 14.9571 8.12404 14.9443 8.20508C14.9227 8.34234 14.895 8.47751 14.8613 8.61035C14.8534 8.64148 14.8445 8.67226 14.8359 8.70312C14.8258 8.73973 14.8157 8.77627 14.8047 8.8125C14.7996 8.82916 14.7943 8.84573 14.7891 8.8623C14.7709 8.91956 14.7508 8.97599 14.7305 9.03223C14.7201 9.06075 14.7091 9.08894 14.6982 9.11719C14.6854 9.15052 14.6728 9.18386 14.6592 9.2168C14.6457 9.24947 14.6324 9.28217 14.6182 9.31445C14.602 9.35115 14.5855 9.38765 14.5684 9.42383C14.5548 9.45241 14.5405 9.48055 14.5264 9.50879C14.5072 9.54712 14.488 9.58535 14.4678 9.62305C14.4559 9.64516 14.4429 9.66659 14.4307 9.68848C14.4085 9.72812 14.3866 9.76775 14.3633 9.80664C14.3488 9.83076 14.3332 9.8541 14.3184 9.87793C14.2952 9.91497 14.2722 9.95197 14.248 9.98828C14.2312 10.0136 14.2137 10.0385 14.1963 10.0635C14.1756 10.0932 14.1552 10.1231 14.1338 10.1523C14.1129 10.1809 14.0918 10.2093 14.0703 10.2373C14.0456 10.2695 14.0207 10.3015 13.9951 10.333C13.9782 10.3538 13.9606 10.374 13.9434 10.3945C13.9155 10.4276 13.8881 10.4609 13.8594 10.4932C13.8419 10.5128 13.8235 10.5315 13.8057 10.5508C13.7732 10.586 13.7406 10.6211 13.707 10.6553C13.6914 10.6712 13.6751 10.6865 13.6592 10.7021C13.6267 10.7342 13.594 10.7658 13.5605 10.7969C13.5367 10.819 13.5126 10.8407 13.4883 10.8623C13.4645 10.8835 13.4403 10.9041 13.416 10.9248C13.3865 10.95 13.3573 10.9756 13.3271 11C13.3057 11.0174 13.2835 11.0338 13.2617 11.0508C13.2269 11.0779 13.1919 11.1047 13.1562 11.1309C13.1244 11.1542 13.092 11.1767 13.0596 11.1992C13.0365 11.2152 13.0136 11.2315 12.9902 11.2471C12.9512 11.273 12.9119 11.2985 12.8721 11.3232C12.8538 11.3346 12.8358 11.3463 12.8174 11.3574C12.7767 11.3819 12.7349 11.4045 12.6934 11.4277C12.6651 11.4435 12.637 11.4594 12.6084 11.4746C12.5882 11.4853 12.5682 11.4964 12.5479 11.5068C12.5059 11.5283 12.4636 11.5491 12.4209 11.5693C12.3909 11.5835 12.3605 11.5968 12.3301 11.6104C12.2963 11.6254 12.2627 11.641 12.2285 11.6553C12.1222 11.6996 12.0136 11.7392 11.9033 11.7754C11.8731 11.7853 11.843 11.7954 11.8125 11.8047C11.7921 11.8109 11.7715 11.8163 11.751 11.8223C11.704 11.8358 11.657 11.8493 11.6094 11.8613C11.4939 11.8906 11.3766 11.9144 11.2578 11.9346C11.2295 11.9394 11.2013 11.9449 11.1729 11.9492C11.0278 11.971 10.8807 11.9866 10.7314 11.9941L10.5 12H4.5L4.26855 11.9941C1.89083 11.8737 0 9.90766 0 7.5C0 5.09234 1.89083 3.12632 4.26855 3.00586L4.5 3H10.5L10.7314 3.00586ZM4.5 4C2.567 4 1 5.567 1 7.5C1 9.433 2.567 11 4.5 11H7.67285C6.65283 10.175 6 8.91406 6 7.5C6 6.08594 6.65283 4.82496 7.67285 4H4.5ZM10.5 4C8.567 4 7 5.567 7 7.5C7 9.433 8.567 11 10.5 11C12.433 11 14 9.433 14 7.5C14 5.567 12.433 4 10.5 4Z" fill="currentColor"></path>
</svg>